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

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

64fd6dd3cc2195d4ddf407aad48b5d94?s=128

Sébastien Desbenoit

March 12, 2013
Tweet

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 ! »
  22. None
  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
  25. None
  26. None
  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

  62. None
  63. None
  64. None
  65. None
  66. None
  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