I know, I know, it is easy to nitpick on other people design, but this morning I tried to pay my phone bill online, and... failed. I had to retry many times, because I kept making mistakes on a simple, run-of-the-mill form to enter my credit card data. I was dumbfounded. How can, in 2009, people manage to make such a trivial and essential part of online business go so wrong? As I guess you are as curious as me, here is what I found out:
(See the picture for the 3 main pain points)
1 the expiration date example is ambiguous: does 0903 here means 2009-03 or 2003-09 ? Why didnt they disambiguate it by also adding a specification (like MMYY, or, as it is a french dialog, MMAA ?)
2 but today, it was not only ambiguous but plainly misleading! As we were in March 2009, I assumed that the example was built from the current month and year. I said cool, so it is YYMM. Wrong! it was actually the reverse, MMYY, resulting in one failed attempt
3 ok, I filled the fields, and hit the OK button... and it just reset the page to empty fields! Grumbling, I re-typed the fields, re-clic, and... another blank page! After these two more failures, I tried to think (which is what you http://en.wikipedia.org/wiki/Don't_Make_Me_Think do not want your users to do, trust me!). I then read the button label and discovered that this big, prominent button alone at the bottom of the page was not the Submit button but the Cancel one!. I should have hit the middle one "Valider", but this button was not in the correct place on the flow of the form.
So,after 3 failed attempts, I managed to pay my bill. All this on a simple form with no fancy verification code or Captcha. Well done Telefact, I wonder if you can find a worse example still in use today.
This topic: Blog > WebHome > Usability_issues_on_a_payment_form
Topic revision: 2009-03-04, ColasNahaboo