Of icons and mobiles

673 views

Published on

The slides from my SaintéMobileDays talk on november 22nd, 2013.

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
673
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
14
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Of icons and mobiles

  1. 1. of Icons & Mobile Desbenoit Sainté Mobile Days - November 22, 2013
  2. 2. Pictograms are everywhere
  3. 3. cc by Jurgen on FlickR
  4. 4. cc by Mr Brian on FlickR
  5. 5. cc by garysan97 on FlickR
  6. 6. cc by Sean MacEntee on FlickR
  7. 7. Icons are essential for mobile UI
  8. 8. The golden age
  9. 9. The golden age is back
  10. 10. signs, pictograms, symbols?
  11. 11. signs
  12. 12. pictogram ☀
  13. 13. ideogram ☀ ☁
  14. 14. symbol ☉
  15. 15. 巛 oh wait!
  16. 16. (new) pictogram: The most minimal visual translation of a concept or an object
  17. 17. LightBulb designed by Jean-Philippe Cabaroc from The Noun Project
  18. 18. “you know what? Icons are fantastic”
  19. 19. Icons 
 speed up understanding Home designed by Sébastien Desbenoit from The Noun Project
  20. 20. Icons reduce cognitive load Memory designed by Anne-Marie Nguyen from The Noun Project
  21. 21. Airbnb App
  22. 22. Icons give consistency designed by UN - OCHA & Angel designed by Luis Prado from The Noun Project
  23. 23. Instagram App
  24. 24. “Icons are Evil they should be exterminated”
  25. 25. Quizz Up #1 TOP US App
  26. 26. Icons are not illustrations. They are signals.
  27. 27. Vente Privee – Mobile App
  28. 28. “An Icon?
 It’s a trap!”
  29. 29. StarBucks – Mobile App
  30. 30. Four questions One solution
  31. 31. Understandable?
  32. 32. Unambiguous?
  33. 33. Useful?
  34. 34. Cost-efficient?
  35. 35. USA Today – Mobile App
  36. 36. Trust & Test
  37. 37. Trust ISO standards https://www.iso.org/obp/ui/#search
  38. 38. One standard to rule them all
  39. 39. Trust platform design guidelines
  40. 40. Yahoo Mail – Mobile App
  41. 41. Test +67% unquestionable -10% opposite meaning
  42. 42. Trust the target audience Snap Chat – Mobile App
  43. 43. oh Thanks! article: https://medium.com/design-ux/bcc8e0257bc8 slides: https://speakerdeck.com/desbenoit/icons-mobile Desbenoit Sainté Mobile Days - November 22, 2013
  44. 44. of Icons & Mobile article: https://medium.com/design-ux/bcc8e0257bc8 slides: https://speakerdeck.com/desbenoit/of-icons-and-mobile Sources - Vezin, A Cognitive Approach to Pictograms, 1984. - ISO/TC 145, works, 1985 - 2013. - DA Norman, Cognitive artifacts, 1991. - Marina Duhamel. Un demi-siècle de signalisation routière en France 1894-1946, 1994. - Adrian Frutiger. L'homme et ses signes, 1999. Desbenoit - Brigitte Cambon de Lavalette. La signalétique dans le réseau des déplacements routiers : histoire et fonction, 2001 - Victor Kaptelinin and Mary Czerwinski,  “Beyond the Desktop Metaphor: Designing Integrated Digital Work Environments” MIT Press, 2007. - Signs for all time, Highlighting Japan, mars 2009. - Jesse Hicks, 40 years of icons: the evolution of the modern computer interface, The Verge, 21 mars 2013. Sainté Mobile Days - November 22, 2013

×