**APPALLING** layout of Activate Your Sim page
on: 09/04/2016 | 14:25 - edited: 09/04/2016 | 14:51
Users are being unnnecessarily confused by the current appalling layout of the Activate Your Sim page.
It is clear that many users are missing the Activate by Voucher button which is hidden in the top right hand corner. As a result, they are arriving at the wrong activation page and then being unnecessarily puzzled by the lack of the voucher option.
There is an example of a user being mislead by this at https://community.giffgaff.com/t5/Welcome-Join/top-up/m-p/18444750#M312777 but this is at least the tenth forum example of users being puzzed by not being able to use a voucher. I'm convinced that this poor form layout is the reason for their problems and if there are so many such posts in the forum, its likely that there are hundreds of other users that are being mislead by it.
Here's how it currently looks:
Notice how that continue button is ten times more prominent than the Activate By Voucher button -- and that many people who don't recognise that as a button will think its confirmation that they are already on the Activate By Voucher page.
Consequently, many people will press Continue without ever realising there is another button on the page.
Here's how it ought to be done:
The improved layout ensures that every user is properly aware of the pay by voucher option and does not accidentally arrive on the wrong page.
This change corresponds to giffgaff's supposed aim to make its pages SIMPLER -- for which, the top priority should be that users do not make mistakes caused by badly thought out form layouts.
on: 09/04/2016 | 14:39 - edited: 09/04/2016 | 14:49
nosh2:
seem pretty easy to see tbh
Yes, and that's fine if you only go there to study the page. But the average user goes there just to fill in the form, not to study the page. And that's the person we should be designing the form for, not the form coder's boss who probably never tries to use the page.
The user's line of sight is always down a column, never across the page. That's why telephone directories always go in alphabetic order down the column, never across the page.
So, the user will see first the box to fill in the activation code, and then the continue button -- but the option to activate with a voucher will never have been seen.
It's poor user interface design -- forms need to be designed for what users actually do (and the confusion in the post mentioned above is a proof of what users actually do).
on: 09/04/2016 | 15:39
I agree with your points about the layout being too complicated. To go further with the simplification, I'd revert the SIM code field to the way it used to be, whereby the 6 digit code or 13 digit serial number can be entered without having to click a link first, and possibly do away with the Continue button and make "I have a voucher" and "I have a debit/credit card" the buttons to move to the next stage.
on: 09/04/2016 | 17:30 - edited: 09/04/2016 | 18:09
Yes it isn't obvious! I also agree with figment's suggestions:
after all SIMPLICITY, as we've been told, is key!
PS here's a timely counterpoint https://community.giffgaff.com/t5/Help-Support/Sim-activation/td-p/18445923
on: 09/04/2016 | 17:56
I totally agree with @harrrrrry simple is best. It seems odd to put the voucher up out of way and have a huge bright yellow continue button, which people, in haste, will use. I, for one, don't always read a whole page when filling forms. As I have found to my cost, from time to time.
It needs changing
