Your SlideShare is downloading. ×
0
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
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
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
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
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
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
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
Of icons and mobiles
Of icons and mobiles
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Of icons and mobiles

246

Published on

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

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
246
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

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. The golden age is back
  • 10. signs, pictograms, symbols?
  • 11. signs
  • 12. pictogram ☀
  • 13. ideogram ☀ ☁
  • 14. symbol ☉
  • 15. 巛 oh wait!
  • 16. (new) pictogram: The most minimal visual translation of a concept or an object
  • 17. LightBulb designed by Jean-Philippe Cabaroc from The Noun Project
  • 18. “you know what? Icons are fantastic”
  • 19. Icons 
 speed up understanding Home designed by Sébastien Desbenoit from The Noun Project
  • 20. Icons reduce cognitive load Memory designed by Anne-Marie Nguyen from The Noun Project
  • 21. Airbnb App
  • 22. Icons give consistency designed by UN - OCHA & Angel designed by Luis Prado from The Noun Project
  • 23. Instagram App
  • 24. “Icons are Evil they should be exterminated”
  • 25. Quizz Up #1 TOP US App
  • 26. Icons are not illustrations. They are signals.
  • 27. Vente Privee – Mobile App
  • 28. “An Icon?
 It’s a trap!”
  • 29. StarBucks – Mobile App
  • 30. Four questions One solution
  • 31. Understandable?
  • 32. Unambiguous?
  • 33. Useful?
  • 34. Cost-efficient?
  • 35. USA Today – Mobile App
  • 36. Trust & Test
  • 37. Trust ISO standards https://www.iso.org/obp/ui/#search
  • 38. One standard to rule them all
  • 39. Trust platform design guidelines
  • 40. Yahoo Mail – Mobile App
  • 41. Test +67% unquestionable -10% opposite meaning
  • 42. Trust the target audience Snap Chat – Mobile App
  • 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. 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

×