Echelon Indonesia 2016 - Mobile UX: Using Icons to Improve Product Usability
Transcript of Echelon Indonesia 2016 - Mobile UX: Using Icons to Improve Product Usability
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
Disadvantages of Using Icons
1. Difficult to remember
2. Confused users instead of helping users
3. Decrease Overall Usability of Product
5 Key Elements to Test
1. Easy to Find
2. Identifiable
3. Easy to Comprehend
4. Necessary
5. Visually Appealing
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
1. Easy to Find
Study by User Interface Engineering:
Source:https://www.uie.com/brainsparks/2006/02/20/orbitz-cant-get-a-date/
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/
3. Easy to Comprehend
1. Do users know what will happen when they click?
2. Do they associate the icon with any other action?
4. Necessary
1. Is it the right time to use an icon?
2. Can you use text instead?
3. Is the icon actually helping your visitors?
4. Necessary
Case study by James Foster
Variation 1:
Variation 2:
Source:http://exisweb.net/menu-eats-hamburger
5 Key Elements to Test
1. Easy to Find
2. Identifiable
3. Easy to Comprehend
4. Necessary
5. Visually Appealing