www.Game.co.uk recently re-launched their website. There is a new design and a they have changed the search and categories system.
One of the other things they have changed is the 'Your Account' system including the login screen. Login screens have long been both a requirement and a barrier to users on transactional websites and how you allow users to interact with them can have a massive impact on your usability and sales.
Let me start off by saying that this isn't a review of the new www.game.co.uk website. It is an examination on how they have handled the account form login and its display messages.
Take a look at the image below. It is a screen capture of the Login form. The first thing that struck me with this is that the green ticks do not signify a successful entry into that field, only that the format of the data is correct. I.E. you put something in there and it is the right format.
The problem with this is that users have become accustomed to error messages notifying that there is something wrong with the data, as well as the data not being present.
This inversely means that 'ticks' or success messages have the meaning of the data being correct, which isn't the case at all here. The user experience derived from the image above would indicate that the data in the fields is correct and would result in me being successfully logged in when I press the form button. This couldn't be more wrong as both fields hold incorrect data.
Be very careful if you are going to validate your form fields inline with the user actions as giving the wrong messages can be more harmful than productive.