0
of Icons
& Mobile
Desbenoit

Sainté Mobile Days - November 22, 2013
Pictograms
are
everywhere
cc by Jurgen on FlickR
cc by Mr Brian on FlickR
cc by garysan97 on FlickR
cc by Sean MacEntee on FlickR
Icons
are essential
for mobile UI
The golden age
The golden age
is back
signs,
pictograms,
symbols?
signs
pictogram

☀
ideogram

☀
☁
symbol

☉
巛
oh wait!
(new) pictogram:
The most minimal
visual translation
of a concept or an
object
LightBulb designed by Jean-Philippe Cabaroc from The Noun Project
“you know what?

Icons are
fantastic”
Icons 

speed up
understanding
Home designed by Sébastien Desbenoit from The Noun Project
Icons
reduce
cognitive load
Memory designed by Anne-Marie Nguyen from The Noun Project
Airbnb App
Icons
give
consistency
designed by UN - OCHA & Angel designed by Luis Prado from The Noun Project
Instagram App
“Icons

are Evil

they should be
exterminated”
Quizz Up #1 TOP US App
Icons are not
illustrations.
They are signals.
Vente Privee – Mobile App
“An

Icon?

It’s a trap!”
StarBucks – Mobile App
Four questions
One solution
Understandable?
Unambiguous?
Useful?
Cost-efficient?
USA Today – Mobile App
Trust & Test
Trust
ISO standards
https://www.iso.org/obp/ui/#search
One standard to rule them all
Trust
platform design
guidelines
Yahoo Mail – Mobile App
Test
+67% unquestionable
-10% opposite meaning
Trust
the target
audience
Snap Chat – Mobile App
oh Thanks!
article: https://medium.com/design-ux/bcc8e0257bc8
slides: https://speakerdeck.com/desbenoit/icons-mobile

Desb...
of Icons
& Mobile
article: https://medium.com/design-ux/bcc8e0257bc8
slides: https://speakerdeck.com/desbenoit/of-icons-an...
Of icons and mobiles
Of icons and mobiles
Of icons and mobiles
Of icons and mobiles
Of icons and mobiles
Of icons and mobiles
Of icons and mobiles
Upcoming SlideShare
Loading in...5
×

Of icons and mobiles

257

Published on

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

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

  • Be the first to like this

No Downloads
Views
Total Views
257
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×