You’re in good hands with Allstate, just don’t try to get a quote from their site.

As of late, I have not been in the mood to browse around sites looking for bugs and providing some light commentary to accompany it, like I’ve kind of been doing back in July. I think these are the times when I’d like to believe that software isn’t buggy by nature, and we live in a happy world where software always works as expected.

Well, studies show that there’s a good ratio people that visit product websites right after viewing the commercial for that product.

So I was watching the Allstate commercial with that stately actor from some show who decided to supplement his income by being the spokesman for an insurance company, and decided to take a walk over to their site to see what they were up to, in terms of site quality. The commercial was well-done. I was even convinced I was in good hands and I didn’t even get the insurance yet. 

I head over to Allstate.com and decide that I want to get a quote; but say to myself what if I put in the wrong zip code to try and get a quote. Well this was certainly the beginning of sorrows, as I didn’t even get through that test case as all of a sudden, scrollbars started showing up without me finishing filing out the form.

Allstate Errors 1

What follows next is a series of mishaps that I’ve landscaped for you to see how buggy just trying to get a quote on this site really is.

Allstate Error 2

In Step A, I’ve tried to get a quote, but did not finish before i started seeing browser display bugs

In Step B, I’ve actually entered in a valid zip code, but when I hit submit, the form does not want to submit so I stay stuck on this screen. This may be due to the sequence A, but who really knows. I just know that this should work. After Step 2, I did get this nasty error in my console

Unsafe JavaScript attempt to access frame with URL http://www.allstate.com/ from frame with URL https://plusone.google.com/_/+1/fastbutton?url=http%3A%2F%2Fwww.allstate.com%2F&size=medium&count=true&annotation=&hl=en-US&jsh=m%3B%2F_%2Fapps-static%2F_%2Fjs%2Fwidget%2F__features__%2Frt%3Dj%2Fver%3DIjHMVWTYCO8.en_US.%2Fsv%3D1%2Fam%3D!uCQzFzhDAFyICoUOFQ%2Fd%3D1%2F#id=I1_1328122409897&parent=http%3A%2F%2Fwww.allstate.com&rpctoken=655735623&_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart. Domains, protocols and ports must match. – The Console

In Step C, I get fed up with quote finder and want to find an agent. I enter in an invalid zip code and got the screen from C. Notice what happens here; the validation is completely different and is now happening inside the input boxes. However, I will never know what that validation message is because half of it is hidden, and that input box has onFocus property that instantly deletes this validation message if you place your mouse cursor in the input field.

In Step D, it’s the same deal as Step C, except this time the buttons have totally shifted on me and the layout has changed.

The bug that broke the tester’s back is the bug below when I tried selecting the state with other error states enabled.

AOL Errors 3

You know, any time your form changes on the screen and there is no consistency in functionality, you are certainly going to leave your users confused and unempowered. It never hurts to check your reset button in various forms, especially if there are ajax calls or state changes as you fill out the form.

Tested in:
Windows 7
Chrome v16.0.912.77 m

Advertisements
Next Post
Leave a comment

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: