Le support de ma présentation sur les icônes et leurs usages au digika'apéro / La Cuisine du Web du Mardi 12 mars 2013 à la Brasserie du Square à Lyon 6.

1. Des icônes et des interfaces
Desbenoit - #Dgk15Lyon

2. Desbenoit - #Dgk15Lyon

3. Meeting designed by Julietta Felix from The Noun Project

4. Bridge designed by Tarah Soljan from The Noun Project

5. Bridge designed by Tarah Soljan from The Noun Project

6. LightBulb designed by Jean-Philippe Cabaroc from The Noun Project

7. LightBulb designed by Jean-Philippe Cabaroc from The Noun Project

8. Icône = Pictogramme + Style + Contexte
LightBulb designed by Jean-Philippe Cabaroc from The Noun Project

9. Les icônes,
c’est bien.
Angel designed by Luis Prado from The Noun Project

10. Accélérer la compréhension
Angel designed by Luis Prado from The Noun Project

11. « Reconnaître une image
est plus facile
que de lire un texte »
Norman (celui qui ne fait pas de vidéos), 1990
Angel designed by Luis Prado from The Noun Project

12. Angel designed by Luis Prado from The Noun Project

13. Favoriser la mémorisation
Memory designed by Anne-Marie Nguyen from The Noun Project & Angel designed by Luis Prado from The Noun Project

14. Memory designed by Anne-Marie Nguyen from The Noun Project & Angel designed by Luis Prado from The Noun Project

15. Faciliter la navigation
Shopping Cart designed by Ulrich Pohl from The Noun Project - Angel designed by Luis Prado from The Noun Project

16. Shopping Cart designed by Ulrich Pohl from The Noun Project - Angel designed by Luis Prado from The Noun Project

17. Shopping Cart designed by Ulrich Pohl from The Noun Project - Angel designed by Luis Prado from The Noun Project

18. Homogénéiser l’interface
designed by UN - OCHA & Angel designed by Luis Prado from The Noun Project

19. designed by UN - OCHA & Angel designed by Luis Prado from The Noun Project

20. Bridge designed by Tarah Soljan from The Noun Project

21. « Trop bien, mettons
plein d’icônes ! »
Quelqu’un, quelque part, un jour, mais ce
n’est pas la peine qu’il se dénonce.

23. Bridge designed by Tarah Soljan from The Noun Project

24. Les icônes,
c’est mal.
Devil designed by Luis Prado from The Noun Project

27. Ce n’est pas indispensable.
Devil designed by Luis Prado from The Noun Project

28. Meringue designed by Allesandro Suraci from The Noun Project & Devil designed by Luis Prado from The Noun Project

29. Une icône n’est pas
une illustration.
Devil designed by Luis Prado from The Noun Project

30. Devil designed by Luis Prado from The Noun Project

31. Le concept
Devil designed by Luis Prado from The Noun Project

32. “It’s a trap”

33. Les pièges du sens
Devil designed by Luis Prado from The Noun Project

34. Devil designed by Luis Prado, Plam Tree designed by Jouko Luhola from The Noun Project

35. Mettre les icônes
dans le bon sens
Devil designed by Luis Prado from The Noun Project

36. Compass designed by William Hollowell from The Noun Project

37. Les indispensables
tests
Crash test dummy designed by Luis Prado from The Noun Project

38. Présenter le contexte
Crash test dummy designed by Luis Prado from The Noun Project

39. Une interface avec
des pictogrammes
sans libellés
Crash test dummy designed by Luis Prado from The Noun Project

40. Montrer 10 secondes
Crash test dummy designed by Luis Prado from The Noun Project

41. Collecter les réponses
Crash test dummy designed by Luis Prado from The Noun Project

42. Demander à nouveau
avec la maquette
sous les yeux
Crash test dummy designed by Luis Prado from The Noun Project

43. Les bons
choix
Happiness designed by Mailchimp from The Noun Project

44. Happiness designed by Mailchimp from The Noun Project

45. ISO 7001
Happiness designed by Mailchimp from The Noun Project

46. + 65
- 10
Happiness designed by Mailchimp & Thinking designed by factor[e] design initiative from The Noun Project

47. Happiness designed by Mailchimp from The Noun Project

48. Happiness designed by Mailchimp & Parachute designed by Stephen Robert Hemenway from The Noun Project

49. étiquette
Happiness designed by Mailchimp from The Noun Project

50. étiquette
Happiness designed by Mailchimp from The Noun Project

51. étiquette
Happiness designed by Mailchimp from The Noun Project

52. Préparons
notre saut
Cannonball designed by Luis Martins from The Noun Project

53. Cohérence
Cannonball designed by Luis Martins from The Noun Project

54. Cannonball designed by Luis Martins, Hispter designed by RoseMary Wannan, Roman designed by Kelly Kieran, Colliseum designed by Marc Macrory from The Noun Project

55. Icônes vectorielles
Cannonball designed by Luis Martins from The Noun Project

56. Fonts designed by Andre J. Young, Vector designed by Arthur Schmitt from The Noun Project

57. Icônes pixellisées
Cannonball designed by Luis Martins from The Noun Project

58. Happy designed by Michael Rowe & Cannonball designed by Luis Martins from The Noun Project

59. Alors ?
Cannonball designed by Luis Martins from The Noun Project

60. Happy designed by Michael Rowe & Happiness designed by Mailchimp & Cannonball designed by Luis Martins from The Noun Project

61. Le grand saut

67. Des icônes et des interfaces
« Merci ! »
Desbenoit - #Dgk15Lyon

68. Des icônes et des interfaces
Desbenoit - #Dgk15Lyon
Quelques sources
> Cognitive artifacts. DA Norman - 1991
> The design, understanding and usage of pictograms, Tijus, Barcenilla, Cambon de Lavalette and Meunier - 2007
> Pictograms – The New Sliced Bread in Icon Design, Jenny Gemmell - 2012
> We need a standard show navigation icon for responsive web design, Andy Clarke - 2012
Remerciements express > Alice & Annabelle > ThinkInnovation : Marie-Cécile Paccard, Guillaume Verrier & Markus Gramlich > La cuisine
du web / Digikaa : Fabien Tersoglio et les organisateurs de ce moment > Le train de 13h37 : Marie Alhomme, Corinne Schillinger, Philippe
Alhomme, Loic Mathaud, Jérémie Patonnier > Smashing Magazine : Vitaly Friedman > WebPlatform : Chris Mills & Doug Shepers

69. Des icônes et des interfaces
Desbenoit - #Dgk15Lyon