Icons are standard elements that you will find in any mobile design today. They are visually pleasing and space saving. Therefore, many product teams are trying to use icon as a technique to fit more information into the small screen.
However, UX testing & research has shown that many users are confused with the icons used in mobile site/apps today. So how do we effectively use icons to improve the overall mobile UX, product usability and not to further annoy your users?
4. Benefits of Using Icons
1. Visually Pleasing
2. Sized large enough to be touched
3. Save Space
4. Fast to recognized
5. No need to translate for International Users
20. 5 Key Elements to Test
1. Easy to Find
2. Identifiable
3. Easy to Comprehend
4. Necessary
5. Visually Appealing
21. 1. Easy to Find
1. Is it where it’s expected to be?
2. Does the icon blend with other icons?
3. Is it being overshadowed by other page
elements
22. 1. Easy to Find
Study by User Interface Engineering:
Source:
https://www.uie.com/brainsparks/2006/02/20/orbitz-cant-get-a-date/
23. 1. Easy to Find
Study by User Interface Engineering:
Location is more important than the icon
image itself
Source:
https://www.uie.com/brainsparks/2006/02/20/orbitz-cant-get-a-date/