Of Icons & Mobile

Of Icons & Mobile

The slide of my Sainte Mobile Days conference: Of Icons & Mobiles

64fd6dd3cc2195d4ddf407aad48b5d94?s=128

Sébastien Desbenoit

November 22, 2013
Tweet

Transcript

  1. of Icons & Mobile Desbenoit Sainté Mobile Days - November

    22, 2013
  2. Pictograms are everywhere

  3. cc by Jurgen on FlickR

  4. cc by Mr Brian on FlickR

  5. cc by garysan97 on FlickR

  6. cc by Sean MacEntee on FlickR

  7. Icons are essential for mobile UI

  8. The golden age

  9. None
  10. The golden age is back

  11. None
  12. None
  13. signs, pictograms, symbols?

  14. signs

  15. pictogram ‗

  16. ideogram ‗ ‘

  17. symbol ☉

  18. oh wait! ⾠ቬ㿂

  19. (new) pictogram: The most minimal visual translation of a concept

    or an object
  20. LightBulb designed by Jean-Philippe Cabaroc from The Noun Project

  21. “you know what? Icons are fantastic”

  22. Icons 
 speed up understanding Home designed by Sébastien Desbenoit

    from The Noun Project
  23. Icons reduce cognitive load Memory designed by Anne-Marie Nguyen from

    The Noun Project
  24. Airbnb App

  25. Icons give consistency designed by UN - OCHA & Angel

    designed by Luis Prado from The Noun Project
  26. Instagram App

  27. “Icons are Evil they should be exterminated”

  28. Quizz Up - #1 TOP US App

  29. Icons are not illustrations. They are signals.

  30. Vente Privee – Mobile App

  31. “An Icon?
 It’s a trap!”

  32. None
  33. StarBucks – Mobile App

  34. Four questions One solution

  35. Understandable?

  36. Unambiguous?

  37. Useful?

  38. Cost-efficient?

  39. USA Today – Mobile App

  40. Trust & Test

  41. Trust ISO standards https://www.iso.org/obp/ui/#search

  42. One standard to rule them all

  43. Trust platform design guidelines

  44. None
  45. None
  46. Yahoo Mail – Mobile App

  47. Test +67% unquestionable -10% opposite meaning

  48. Snap Chat – Mobile App Trust the target audience

  49. None
  50. article: https://medium.com/design-ux/bcc8e0257bc8 slides: https://speakerdeck.com/desbenoit/icons-mobile Desbenoit Sainté Mobile Days - November

    22, 2013 oh Thanks!
  51. Desbenoit Sainté Mobile Days - November 22, 2013 - 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. - 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. Sources article: https://medium.com/design-ux/bcc8e0257bc8 slides: https://speakerdeck.com/desbenoit/of-icons-and-mobile of Icons & Mobile