The document discusses icons, what they are, and their pictograms. It describes how pictograms combined with style and context can create icons. Icons can accelerate understanding, aid memorization, and facilitate navigation by making interfaces more homogeneous. However, too many icons or those that are inconsistent or illegible can be problematic. Choosing icons requires considering their meaning, testing, and ensuring global style coherence. Standards help, but context and users are most important.
10. pictogramme
+ style
+ contexte
= icône
Light bulb designed by The Noun Project
11. pictogramme
+ style
+ contexte
= icône
Light bulb designed by Jean-Philippe Cabaroc
12. pictogramme
+ style
+ contexte
= icône
Light bulb designed by Jean-Philippe Cabaroc + Person designed by Antonis Makriyannis from The Noun Project + adaptation
29. pictogramme
+ style
+ contexte
= icône
Light bulb designed by Jean-Philippe Cabaroc + Person designed by Antonis Makriyannis from The Noun Project + adaptation
33. « 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
34. Favoriser la mémorisation
Memory designed by Anne-Marie Nguyen from The Noun Project & Angel designed by Luis Prado from The Noun Project
35. Faciliter la navigation
Shopping Cart designed by Ulrich Pohl from The Noun Project - Angel designed by Luis Prado from The Noun Project
37. « 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.
38.
39. Les icônes,
c’est mal
Devil designed by Luis Prado from The Noun Project
40. « Mettons encore
plus de contenu ! »
Devil designed by Luis Prado from The Noun Project
41.
42.
43. Attention aux raccourcis
(conceptuels)
Meringue designed by Allesandro Suraci from The Noun Project & Devil designed by Luis Prado from The Noun Project
44. Ceci n’est pas une licorne
Meringue designed by Allesandro Suraci from The Noun Project & Devil designed by Luis Prado from The Noun Project
45. Le contexte, ce parachute
Meringue, Cupcake, Gingerbread, Cookie designed by Allesandro Suraci from The Noun Project & Angel & Devil designed by Luis Prado from The Noun Project
46. Cupcake Cookies Meringue Pain d’épices
Les étiquettes,
ces parachutes (bis)
Meringue, Cupcake, Gingerbread, Cookie designed by Allesandro Suraci from The Noun Project & Angel & Devil designed by Luis Prado from The Noun Project
57. Partager
« - Je t’aime.
- Ce n’est pas réciproque. »
Share designed by Thomas Le Bas from The Noun Project & Devil designed by Luis Prado from The Noun Project
58. 1. Signification
2. Choix
3. Test
4. Go / No Go
L’art de choisir ses icônes
Share designed by Thomas Le Bas from The Noun Project & Devil designed by Luis Prado from The Noun Project
62. Incohérence : acte II
Devil designed by Luis Prado from The Noun Project
63. « Un hipster dans
mon peplum ?
mais pourquoi ?»
Meringue, Cupcake, Gingerbread, Cookie designed by Allesandro Suraci & Angel & Devil designed by Luis Prado
64. Pensez au style global !
Meringue, Cupcake, Gingerbread, Cookie designed by Allesandro Suraci & Angel & Devil designed by Luis Prado
73. Contexte psychique
Mental health designed by Jack Biesek, Gladys Brenner, Margaret Faye, Healther Merrifield, Kate Keating, Wendy Olmstead, Todd Pierce, Jamie Cowgill & Jim Bolek
74. Une icône
“forever alone” ?
pensez alternatives
Angel designed by Luis Prado from The Noun Project
75. Après
l’orage
Éclair designed by Riyalazi from The Noun Project
93. « Merci ! »
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
Crédits
> Texture de fond : Subtle Dark Vertical par Cody L. disponible sur subtlepatterns.com
> Police : Rooney par Jan Fromm
> Marie-Cécile Paccard, Nathalie Rosenberg pour la relecture & Thomas Zilliox pour le test dans le TGV
Sébastien Desbenoit