des icônes et des interfaces

Des icônes et des interfaces Desbenoit - #Dgk15Lyon

Desbenoit - #Dgk15Lyon

Meeting designed by Julie!a Felix from The Noun Project

Bridge designed by Tarah Soljan from The Noun Project

Bridge designed by Tarah Soljan from The Noun Project

LightBulb designed by Jean-Philippe Cabaroc from The Noun Project

LightBulb designed by Jean-Philippe Cabaroc from The Noun Project

LightBulb designed by Jean-Philippe Cabaroc from The Noun Project

Icône = Pictogramme + Style + Contexte

Les icônes, c’est bien.

Angel designed by Luis Prado from The Noun Project

Accélérer la compréhension

Angel designed by Luis Prado from The Noun Project

« 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

Angel designed by Luis Prado from The Noun Project

Favoriser la mémorisation

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

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

Faciliter la navigation

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

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

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

Homogénéiser l’interface

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

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

Bridge designed by Tarah Soljan from The Noun Project

Quelqu’un, quelque part, un jour, mais ce n’est pas la peine qu’il se dénonce.

« Trop bien, me!onsplein d’icônes ! »

Bridge designed by Tarah Soljan from The Noun Project

Les icônes, c’est mal.

Devil designed by Luis Prado from The Noun Project

Ce n’est pas indispensable.

Devil designed by Luis Prado from The Noun Project

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

Une icône n’est pasune illustration.

Devil designed by Luis Prado from The Noun Project

Devil designed by Luis Prado from The Noun Project

Le concept

Devil designed by Luis Prado from The Noun Project

“It’s a trap”

Les pièges du sens

Devil designed by Luis Prado from The Noun Project

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

Me!re les icônes dans le bon sens

Devil designed by Luis Prado from The Noun Project

Compass designed by William Hollowell from The Noun Project

Crash test dummy designed by Luis Prado from The Noun Project

Les indispensables

tests

Crash test dummy designed by Luis Prado from The Noun Project

Présenter le contexte

Crash test dummy designed by Luis Prado from The Noun Project

Une interface avecdes pictogrammes

sans libellés

Crash test dummy designed by Luis Prado from The Noun Project

Montrer 10 secondes

Crash test dummy designed by Luis Prado from The Noun Project

Collecter les réponses

Crash test dummy designed by Luis Prado from The Noun Project

Demander à nouveauavec la maque!e

sous les yeux

Happiness designed by Mailchimp from The Noun Project

Les bons

choix

Happiness designed by Mailchimp from The Noun Project

Happiness designed by Mailchimp from The Noun Project

ISO 7001

Happiness designed by Mailchimp & Thinking designed by factor[e] design initiative from The Noun Project

+ 65

- 10

Happiness designed by Mailchimp from The Noun Project

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

Happiness designed by Mailchimp from The Noun Project

étique!e

Happiness designed by Mailchimp from The Noun Project

étique!e

Happiness designed by Mailchimp from The Noun Project

étique!e

Cannonball designed by Luis Martins from The Noun Project

Préparons

notre saut

Cannonball designed by Luis Martins from The Noun Project

Cohérence

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

Cannonball designed by Luis Martins from The Noun Project

Icônes vectorielles

Fonts designed by Andre J. Young, Vector designed by Arthur Schmi! from The Noun Project

Cannonball designed by Luis Martins from The Noun Project

Icônes pixellisées

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

Cannonball designed by Luis Martins from The Noun Project

Alors ?

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

Le grand saut

Des icônes et des interfaces Desbenoit - #Dgk15Lyon

« Merci ! »

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

Des icônes et des interfaces Desbenoit - #Dgk15Lyon