Monday, October 3, 2016

forms - Is it better to have an icon in front of validation messages?


Form validation with images


As you can see in the above image, there is a validation icon in front of the text. This is unnecessary, but I thought it might be good to catch the eye.


Form validation without images


If there is no icon, it's still clear there is a validation error, but I'm not sure if it is better to have the icons or not.



Answer



Having an icon is an extra visual cue to the user that something requires their attention.


This might be useful in places where the page is viewed on low contrast device or if the user has some sort of colour blindness, to draw attention to the message that might otherwise blend in with the rest of the information on the page.


If your design makes it clear enough with the addition of just the text then you might be able to leave it out. If it's really important you might want to run tests to see which users find most noticeable.



The icon can also serve as hook to place an explanatory tooltip or link to help pages etc.


No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...