Des icônes et des Interfaces - La Cuisine du Web 2013

Le support de ma présentation sur les icônes et leurs usages dans les interfaces web au digika'apéro / La Cuisine du Web du Mardi 12 mars 2013

Transcript

1. Des icônes et des interfaces Desbenoit - #Dgk15Lyon
2. Desbenoit - #Dgk15Lyon
3. Meeting designed by Julie a 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. LightBulb designed by Jean-Philippe Cabaroc from The Noun Project Icône = Pictogramme + Style + Contexte
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 » Angel designed by Luis Prado from The Noun Project Norman (celui qui ne fait pas de vidéos), 1990
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. Quelqu’un, quelque part, un jour, mais ce n’est pas la peine qu’il se dénonce. « Trop bien, me ons plein d’icônes ! »
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. Me re 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. Crash test dummy designed by Luis Prado from The Noun Project Les indispensables tests
38. Crash test dummy designed by Luis Prado from The Noun Project Présenter le contexte
39. Crash test dummy designed by Luis Prado from The Noun Project Une interface avec des pictogrammes sans libellés
40. Crash test dummy designed by Luis Prado from The Noun Project Montrer 10 secondes
41. Crash test dummy designed by Luis Prado from The Noun Project Collecter les réponses
42. Crash test dummy designed by Luis Prado from The Noun Project Demander à nouveau avec la maque e sous les yeux
43. Happiness designed by Mailchimp from The Noun Project Les bons choix
44. Happiness designed by Mailchimp from The Noun Project
45. Happiness designed by Mailchimp from The Noun Project ISO 7001
46. Happiness designed by Mailchimp & Thinking designed by factor[e] design initiative from The Noun Project + 65 - 10
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. Happiness designed by Mailchimp from The Noun Project étique e
50. Happiness designed by Mailchimp from The Noun Project étique e
51. Happiness designed by Mailchimp from The Noun Project étique e
52. Cannonball designed by Luis Martins from The Noun Project Préparons notre saut
53. Cannonball designed by Luis Martins from The Noun Project Cohérence
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. Cannonball designed by Luis Martins from The Noun Project Icônes vectorielles
56. Fonts designed by Andre J. Young, Vector designed by Arthur Schmi from The Noun Project
57. Cannonball designed by Luis Martins from The Noun Project Icônes pixellisées
58. Happy designed by Michael Rowe & Cannonball designed by Luis Martins from The Noun Project
59. Cannonball designed by Luis Martins from The Noun Project Alors ?
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 Desbenoit - #Dgk15Lyon « Merci ! »
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 Lavale e 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