SlideShare une entreprise Scribd logo
1  sur  69
Télécharger pour lire hors ligne
Des icônes et des interfaces
                    Desbenoit - #Dgk15Lyon
Desbenoit - #Dgk15Lyon
Meeting designed by Julietta 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
Icône = Pictogramme + Style + Contexte




LightBulb designed by Jean-Philippe Cabaroc from The Noun Project
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 »
                                                     Norman (celui qui ne fait pas de vidéos), 1990




Angel designed by Luis Prado from The Noun Project
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
« 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.
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 pas
                                       une 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
Mettre 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
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 avec
                                        des 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 à nouveau
                                avec la maquette
                                  sous les yeux


Crash test dummy designed by Luis Prado 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 from The Noun Project
+ 65




                                        - 10

Happiness designed by Mailchimp & Thinking designed by factor[e] design initiative from The Noun Project
Happiness designed by Mailchimp from The Noun Project
Happiness designed by Mailchimp & Parachute designed by Stephen Robert Hemenway from The Noun Project
étiquette


Happiness designed by Mailchimp from The Noun Project
étiquette


    Happiness designed by Mailchimp from The Noun Project
étiquette

 Happiness designed by Mailchimp from The Noun Project
Préparons
notre saut

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



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



    Cannonball designed by Luis Martins from The Noun Project
Fonts designed by Andre J. Young, Vector designed by Arthur Schmitt from The Noun Project
Icônes pixellisées



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



Cannonball designed by Luis Martins from The Noun Project
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

« Merci ! »
                    Desbenoit - #Dgk15Lyon
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
Des icônes et des interfaces
                    Desbenoit - #Dgk15Lyon

Contenu connexe

Similaire à Des icônes et des interfaces

Rick le Roy - Three design methods for mobile services
Rick le Roy - Three design methods for mobile servicesRick le Roy - Three design methods for mobile services
Rick le Roy - Three design methods for mobile services
Mobile Monday Amsterdam
 
Fa102 presentation
Fa102 presentationFa102 presentation
Fa102 presentation
Dkempe1
 
How to prototype and influence people
How to prototype and influence peopleHow to prototype and influence people
How to prototype and influence people
azaraskin
 
Design essentials For Executives
Design essentials For ExecutivesDesign essentials For Executives
Design essentials For Executives
EffectiveUI
 

Similaire à Des icônes et des interfaces (18)

Of icons and mobiles
Of icons and mobilesOf icons and mobiles
Of icons and mobiles
 
Portfolio of Nikolaj Fremming, Creative Director & Hyper Island teacher
Portfolio of Nikolaj Fremming, Creative Director & Hyper Island teacherPortfolio of Nikolaj Fremming, Creative Director & Hyper Island teacher
Portfolio of Nikolaj Fremming, Creative Director & Hyper Island teacher
 
Power of icons
Power of iconsPower of icons
Power of icons
 
Rick le Roy - Three design methods for mobile services
Rick le Roy - Three design methods for mobile servicesRick le Roy - Three design methods for mobile services
Rick le Roy - Three design methods for mobile services
 
Fa102 presentation
Fa102 presentationFa102 presentation
Fa102 presentation
 
scratch course-part1-2023.pdf
scratch course-part1-2023.pdfscratch course-part1-2023.pdf
scratch course-part1-2023.pdf
 
PowerPoint Presentation
PowerPoint PresentationPowerPoint Presentation
PowerPoint Presentation
 
Design Essentials for Developers
Design Essentials for DevelopersDesign Essentials for Developers
Design Essentials for Developers
 
Upgrade Your Offer! How to Sell Business Value
Upgrade Your Offer! How to Sell Business ValueUpgrade Your Offer! How to Sell Business Value
Upgrade Your Offer! How to Sell Business Value
 
iconnipeg presentation
iconnipeg presentationiconnipeg presentation
iconnipeg presentation
 
The Power of icons
The Power of iconsThe Power of icons
The Power of icons
 
Belmer portfolio overview
Belmer portfolio overviewBelmer portfolio overview
Belmer portfolio overview
 
Fa102 presentation
Fa102 presentationFa102 presentation
Fa102 presentation
 
How to prototype and influence people
How to prototype and influence peopleHow to prototype and influence people
How to prototype and influence people
 
Design essentials For Executives
Design essentials For ExecutivesDesign essentials For Executives
Design essentials For Executives
 
Design Essentials for Executives
Design Essentials for ExecutivesDesign Essentials for Executives
Design Essentials for Executives
 
Komfo & Pentia Webinar: Dark Patterns
Komfo & Pentia Webinar: Dark PatternsKomfo & Pentia Webinar: Dark Patterns
Komfo & Pentia Webinar: Dark Patterns
 
Introduction To Visual Design
Introduction To Visual DesignIntroduction To Visual Design
Introduction To Visual Design
 

Plus de Sébastien Desbenoit

Plus de Sébastien Desbenoit (7)

UX en Terre Inconnue
UX en Terre InconnueUX en Terre Inconnue
UX en Terre Inconnue
 
Les tendances dans le webdesign
Les tendances dans le webdesignLes tendances dans le webdesign
Les tendances dans le webdesign
 
Internet : ce n’est pas du virtuel !
Internet :  ce n’est pas  du virtuel !Internet :  ce n’est pas  du virtuel !
Internet : ce n’est pas du virtuel !
 
L’Opendata, 
non ce n’est pas 
qu’une mode
L’Opendata, 
non ce n’est pas 
qu’une modeL’Opendata, 
non ce n’est pas 
qu’une mode
L’Opendata, 
non ce n’est pas 
qu’une mode
 
Internet et les réseaux sociaux en Eglise - Paris 2011
Internet et les réseaux sociaux en Eglise - Paris 2011Internet et les réseaux sociaux en Eglise - Paris 2011
Internet et les réseaux sociaux en Eglise - Paris 2011
 
Les réseaux sociaux, ce n'est pas que du Web
Les réseaux sociaux, ce n'est pas que du WebLes réseaux sociaux, ce n'est pas que du Web
Les réseaux sociaux, ce n'est pas que du Web
 
Internet et les réseaux sociaux en Eglise - Diocèse d'Annecy
Internet et les réseaux sociaux en Eglise - Diocèse d'AnnecyInternet et les réseaux sociaux en Eglise - Diocèse d'Annecy
Internet et les réseaux sociaux en Eglise - Diocèse d'Annecy
 

Dernier

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 

Dernier (20)

Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 

Des icônes et des interfaces