SlideShare une entreprise Scribd logo
1  sur  43
Télécharger pour lire hors ligne
Ergonomie et expérience utilisateur : pour en finir avec les mythes ! 
Atelier La Cuisine du Web 
Les standards et méthodologies expertes au secours de l’utilisabilité, de l’engagement et de la persuasion en interactions homme-machine 
Mercredi 26 février 2014
Bertrand Cochet 
Ergonome web et expert e-accessibilité @ acti 
Responsable de l’antenne lyonnaise FLUPA 
Et parfois diseur de bonne aventure… 
b.cochet@acti.fr 
@bcochet 
fr.linkedin.com/in/bcochet
C’est votre première séance ? 
Introduction 
1. 
Tirez deux cartes pour commencer ! 
2. 
Esprit, es-tu là ? 
Prophéties et lois universelles 
3. 
Résultats 100% garantis ? 
4. 
Questions et divination en direct 
5.
Tirez deux cartes pour commencer ! 
Atelier La Cuisine du Web -Lyon
L’ergonomie 
•C’est une discipline scientifique visant la compréhension des interactions entre les humains et les autres composants d’un système 
•C’est une professionqui applique principes théoriques, données et méthodes en vue d’optimiser le bien-être des personnes et la performance globale des systèmes. 
International ErgonomicsAssociation 
Carte n°1
Ses domaines de spécialisation 
Carte n°1
©Parisienne de Photographie 
Un peu d’histoire 
Mais pas trop !
© John Kafé
http://fr.wikipedia.org/ 
©Ed Westcott / American Museum of Science and Energy
© John G. Kemeny et al. -Wikipedia
© Harry Potter et l'Ordre du Phénix 
Et en 2014 ?
Tout n’est pas parfait !
Mais n’exagérons rien !
L’Expérience Utilisateur (UX) 
•Correspond aux réponses et aux perceptionsd’une personne qui résultent de l’usage ou de l’anticipation de l’usage d’un produit, d’un service ou d’un système Norme ISO 9241-210 
•La finalité : proposer une expérience désirable et mémorable en agissant sur nos émotions 
Carte n°2
Ses domaines de spécialisation 
Carte n°2 
©Dan Saffer
packagingoftheworld.com 
Designed by Alex Creamer. 
Surprendre…
Simplifier… 
© www.apple.com
Adapter…
Prolonger…
Esprit, es-tu là ? 
Atelier La Cuisine du Web -Lyon
Esprit… 
Concevoir pour l’humain 
© NASA -Source : Wikipedia.org
L’apprentissage 
Tenir compte des capacités d’apprentissage
Appréhender les limites de la mémoire
S’assurer de la disponibilité des ressources 
http://www.youtube.com/watch?v=vJG698U2Mvo
Maîtriser les processus attentionnels 
IlyaRepin, An Unexpected Visitor, 1884.
Agir sur la persuasion et l’engagement 
@ Nike.fr 
@Only Lyon
Prophéties et lois universelles 
Atelier La Cuisine du Web -Lyon
«Nombre magique» de Miller 
7 
Prophéties… 
+/-2 items (1956) 
A toutefois relativiser… 4(Cowan -2001)
Loi de Hick-Hyman 
Prophéties…
Loi de Fitts 
Prophéties… 
A rapprocher des Call to Action des frères Eisenberg(à quelques exceptions près) !
Gestalt : tout est différent de la somme des parties 
Prophéties… 
Loi de proximité / similarité
Gestalt : tout est différent de la somme des parties 
Prophéties… 
Loi de continuité
Et le plus important ? 
Prophéties… 
KISS 
KeepIt Simple, Stupid!
Résultats 100% garantis ! 
Atelier La Cuisine du Web -Lyon
Connaître ses utilisateurs 
Résultats 
©Nealite 
©Multicom 
©Multicom 
©Nealite 
©SMI
Formaliser les usages 
Résultats
Concevoir l’expérience 
Résultats 
©Nealite
Tester l’utilisabilité des interfaces 
Résultats 
©Tobii
Corriger et améliorer 
Résultats 
©Inndesign.fr 
©Nealite
Mais le plus important de tout : 
Soyez (et restez) passionné ! 
Résultats
Merci pour votre attention ! 
Place aux questions

Contenu connexe

En vedette

Lois de la Gestalt et Webdesign
Lois de la Gestalt et WebdesignLois de la Gestalt et Webdesign
Lois de la Gestalt et WebdesignMC Casal
 
Ergonomie et accessibilité du Web
Ergonomie et accessibilité du WebErgonomie et accessibilité du Web
Ergonomie et accessibilité du WebGenève Lab
 
L'ergonomie d'un site web par Fred Colantonio
L'ergonomie d'un site web par Fred ColantonioL'ergonomie d'un site web par Fred Colantonio
L'ergonomie d'un site web par Fred ColantonioJ'ai besoin de com
 
Ergonomie web : Les étapes pour la création d'un site web
Ergonomie web : Les étapes pour la création d'un site webErgonomie web : Les étapes pour la création d'un site web
Ergonomie web : Les étapes pour la création d'un site webLaurent Mottet
 
La gestion de projet web en 15 étapes
La gestion de projet web en 15 étapesLa gestion de projet web en 15 étapes
La gestion de projet web en 15 étapesRodolphe Finamore
 
Ergonomie web & interface tactile
Ergonomie web & interface tactileErgonomie web & interface tactile
Ergonomie web & interface tactileIdnetInfo
 
Ergonomie des applications web
Ergonomie des applications webErgonomie des applications web
Ergonomie des applications webmadsgraphics
 
"Diantre, l'UX rend sourd" [Blend Web Mix Lyon 2015]
"Diantre, l'UX rend sourd" [Blend Web Mix Lyon 2015]"Diantre, l'UX rend sourd" [Blend Web Mix Lyon 2015]
"Diantre, l'UX rend sourd" [Blend Web Mix Lyon 2015]Bertrand Cochet
 
Mais tu vas m'écouter, oui ?
Mais tu vas m'écouter, oui ?Mais tu vas m'écouter, oui ?
Mais tu vas m'écouter, oui ?Bertrand Cochet
 
[Blend Web Mix 2014] Le service design comme modèle de conception : énième mé...
[Blend Web Mix 2014] Le service design comme modèle de conception : énième mé...[Blend Web Mix 2014] Le service design comme modèle de conception : énième mé...
[Blend Web Mix 2014] Le service design comme modèle de conception : énième mé...Bertrand Cochet
 
Booster l'Ergonomie et Expérience Utilisateur Digitale (web & mobile)
Booster l'Ergonomie et Expérience Utilisateur Digitale (web & mobile)Booster l'Ergonomie et Expérience Utilisateur Digitale (web & mobile)
Booster l'Ergonomie et Expérience Utilisateur Digitale (web & mobile)Raphael De Robiano
 
Les principes Gestalt appliqués au webdesign
Les principes Gestalt appliqués au webdesignLes principes Gestalt appliqués au webdesign
Les principes Gestalt appliqués au webdesignUX REPUBLIC
 
Ergonomie d’un site et navigation de l’internaute : anatomie d’un exemple
Ergonomie d’un site et navigation de l’internaute : anatomie d’un exempleErgonomie d’un site et navigation de l’internaute : anatomie d’un exemple
Ergonomie d’un site et navigation de l’internaute : anatomie d’un exempleSilicomVallee
 
L'ergonomie d'un site web : pensez utilisateurs et facilitez-leur l'action
L'ergonomie d'un site web : pensez utilisateurs et facilitez-leur l'actionL'ergonomie d'un site web : pensez utilisateurs et facilitez-leur l'action
L'ergonomie d'un site web : pensez utilisateurs et facilitez-leur l'actionFred Colantonio
 

En vedette (17)

Lois de la Gestalt et Webdesign
Lois de la Gestalt et WebdesignLois de la Gestalt et Webdesign
Lois de la Gestalt et Webdesign
 
Ergonomie et accessibilité du Web
Ergonomie et accessibilité du WebErgonomie et accessibilité du Web
Ergonomie et accessibilité du Web
 
L'ergonomie d'un site web par Fred Colantonio
L'ergonomie d'un site web par Fred ColantonioL'ergonomie d'un site web par Fred Colantonio
L'ergonomie d'un site web par Fred Colantonio
 
Ergonomie web : Les étapes pour la création d'un site web
Ergonomie web : Les étapes pour la création d'un site webErgonomie web : Les étapes pour la création d'un site web
Ergonomie web : Les étapes pour la création d'un site web
 
La gestion de projet web en 15 étapes
La gestion de projet web en 15 étapesLa gestion de projet web en 15 étapes
La gestion de projet web en 15 étapes
 
Ergonomie web & interface tactile
Ergonomie web & interface tactileErgonomie web & interface tactile
Ergonomie web & interface tactile
 
Ergonomie des applications web
Ergonomie des applications webErgonomie des applications web
Ergonomie des applications web
 
"Diantre, l'UX rend sourd" [Blend Web Mix Lyon 2015]
"Diantre, l'UX rend sourd" [Blend Web Mix Lyon 2015]"Diantre, l'UX rend sourd" [Blend Web Mix Lyon 2015]
"Diantre, l'UX rend sourd" [Blend Web Mix Lyon 2015]
 
Mais tu vas m'écouter, oui ?
Mais tu vas m'écouter, oui ?Mais tu vas m'écouter, oui ?
Mais tu vas m'écouter, oui ?
 
[Blend Web Mix 2014] Le service design comme modèle de conception : énième mé...
[Blend Web Mix 2014] Le service design comme modèle de conception : énième mé...[Blend Web Mix 2014] Le service design comme modèle de conception : énième mé...
[Blend Web Mix 2014] Le service design comme modèle de conception : énième mé...
 
Booster l'Ergonomie et Expérience Utilisateur Digitale (web & mobile)
Booster l'Ergonomie et Expérience Utilisateur Digitale (web & mobile)Booster l'Ergonomie et Expérience Utilisateur Digitale (web & mobile)
Booster l'Ergonomie et Expérience Utilisateur Digitale (web & mobile)
 
Ergonomie d'un site
Ergonomie d'un siteErgonomie d'un site
Ergonomie d'un site
 
Webdesign, UX et UCD #4
Webdesign, UX et UCD #4Webdesign, UX et UCD #4
Webdesign, UX et UCD #4
 
Les principes Gestalt appliqués au webdesign
Les principes Gestalt appliqués au webdesignLes principes Gestalt appliqués au webdesign
Les principes Gestalt appliqués au webdesign
 
Lean UX
Lean UX Lean UX
Lean UX
 
Ergonomie d’un site et navigation de l’internaute : anatomie d’un exemple
Ergonomie d’un site et navigation de l’internaute : anatomie d’un exempleErgonomie d’un site et navigation de l’internaute : anatomie d’un exemple
Ergonomie d’un site et navigation de l’internaute : anatomie d’un exemple
 
L'ergonomie d'un site web : pensez utilisateurs et facilitez-leur l'action
L'ergonomie d'un site web : pensez utilisateurs et facilitez-leur l'actionL'ergonomie d'un site web : pensez utilisateurs et facilitez-leur l'action
L'ergonomie d'un site web : pensez utilisateurs et facilitez-leur l'action
 

Similaire à [Atelier LCDW] Ergonomie et Expérience Utilisateur pour en finir avec les mythes !

Atelier LCDW : Ergonomie et Expérience Utilisateur pour en finir avec les myt...
Atelier LCDW : Ergonomie et Expérience Utilisateur pour en finir avec les myt...Atelier LCDW : Ergonomie et Expérience Utilisateur pour en finir avec les myt...
Atelier LCDW : Ergonomie et Expérience Utilisateur pour en finir avec les myt...La Cuisine du Web
 
Séance 1 - Acculturation aux environnements numériques
Séance 1 - Acculturation aux environnements numériquesSéance 1 - Acculturation aux environnements numériques
Séance 1 - Acculturation aux environnements numériquesAssociation Fréquence écoles
 
Cours tice groupe corinne alou rodri tanoh
Cours tice groupe corinne alou rodri tanohCours tice groupe corinne alou rodri tanoh
Cours tice groupe corinne alou rodri tanohCFIDIA
 
Comment delivrer un max de valeur
Comment delivrer un max de valeurComment delivrer un max de valeur
Comment delivrer un max de valeurJérôme Froville
 
MOOC : Nous pouvons tout Apprendre ! (Tonic Tuesday 50a)
MOOC : Nous pouvons tout Apprendre ! (Tonic Tuesday 50a)MOOC : Nous pouvons tout Apprendre ! (Tonic Tuesday 50a)
MOOC : Nous pouvons tout Apprendre ! (Tonic Tuesday 50a)Christophe Ducamp
 
Formation inter entreprise digital detox - Into the Tribe
Formation inter entreprise digital detox - Into the TribeFormation inter entreprise digital detox - Into the Tribe
Formation inter entreprise digital detox - Into the TribeVincent Dupin
 
MOOCs et Classes inversées : deux phénomènes précurseurs pour l’innovation da...
MOOCs et Classes inversées : deux phénomènes précurseurs pour l’innovation da...MOOCs et Classes inversées : deux phénomènes précurseurs pour l’innovation da...
MOOCs et Classes inversées : deux phénomènes précurseurs pour l’innovation da...Marcel Lebrun
 
Adoption de l’agilité par les usages
Adoption de l’agilité par les usagesAdoption de l’agilité par les usages
Adoption de l’agilité par les usagesXavier Warzee
 
Présentation du service iCAP Lyon 1 - DU Pédagogie Médicale
Présentation du service iCAP Lyon 1 - DU Pédagogie Médicale Présentation du service iCAP Lyon 1 - DU Pédagogie Médicale
Présentation du service iCAP Lyon 1 - DU Pédagogie Médicale Emmanuel Bettler
 
Le Dogme du Web (en français)
Le Dogme du Web (en français)Le Dogme du Web (en français)
Le Dogme du Web (en français)Eric Reiss
 
Application profesionnelle
Application profesionnelleApplication profesionnelle
Application profesionnelleFlorence_d
 
Application profesionnelle
Application profesionnelle Application profesionnelle
Application profesionnelle Florence_d
 
Ecologie du Logiciel (Craft Luxembourg 2022).pdf
Ecologie du Logiciel (Craft Luxembourg 2022).pdfEcologie du Logiciel (Craft Luxembourg 2022).pdf
Ecologie du Logiciel (Craft Luxembourg 2022).pdfGuillaume Saint Etienne
 
Sciences cognitives et design UX : quels (r)apports ?
Sciences cognitives et design UX : quels (r)apports ?Sciences cognitives et design UX : quels (r)apports ?
Sciences cognitives et design UX : quels (r)apports ?Akiani
 

Similaire à [Atelier LCDW] Ergonomie et Expérience Utilisateur pour en finir avec les mythes ! (20)

Atelier LCDW : Ergonomie et Expérience Utilisateur pour en finir avec les myt...
Atelier LCDW : Ergonomie et Expérience Utilisateur pour en finir avec les myt...Atelier LCDW : Ergonomie et Expérience Utilisateur pour en finir avec les myt...
Atelier LCDW : Ergonomie et Expérience Utilisateur pour en finir avec les myt...
 
Séance 1 - Acculturation aux environnements numériques
Séance 1 - Acculturation aux environnements numériquesSéance 1 - Acculturation aux environnements numériques
Séance 1 - Acculturation aux environnements numériques
 
Cours tice groupe corinne alou rodri tanoh
Cours tice groupe corinne alou rodri tanohCours tice groupe corinne alou rodri tanoh
Cours tice groupe corinne alou rodri tanoh
 
Comment delivrer un max de valeur
Comment delivrer un max de valeurComment delivrer un max de valeur
Comment delivrer un max de valeur
 
Assemblive eco
Assemblive ecoAssemblive eco
Assemblive eco
 
MOOC : Nous pouvons tout Apprendre ! (Tonic Tuesday 50a)
MOOC : Nous pouvons tout Apprendre ! (Tonic Tuesday 50a)MOOC : Nous pouvons tout Apprendre ! (Tonic Tuesday 50a)
MOOC : Nous pouvons tout Apprendre ! (Tonic Tuesday 50a)
 
Acculturation collège Laurent Mourguet
Acculturation collège Laurent MourguetAcculturation collège Laurent Mourguet
Acculturation collège Laurent Mourguet
 
Formation inter entreprise digital detox - Into the Tribe
Formation inter entreprise digital detox - Into the TribeFormation inter entreprise digital detox - Into the Tribe
Formation inter entreprise digital detox - Into the Tribe
 
MOOCs et Classes inversées : deux phénomènes précurseurs pour l’innovation da...
MOOCs et Classes inversées : deux phénomènes précurseurs pour l’innovation da...MOOCs et Classes inversées : deux phénomènes précurseurs pour l’innovation da...
MOOCs et Classes inversées : deux phénomènes précurseurs pour l’innovation da...
 
Stagenouveauxoutilsv3
Stagenouveauxoutilsv3Stagenouveauxoutilsv3
Stagenouveauxoutilsv3
 
Adoption de l’agilité par les usages
Adoption de l’agilité par les usagesAdoption de l’agilité par les usages
Adoption de l’agilité par les usages
 
Présentation du service iCAP Lyon 1 - DU Pédagogie Médicale
Présentation du service iCAP Lyon 1 - DU Pédagogie Médicale Présentation du service iCAP Lyon 1 - DU Pédagogie Médicale
Présentation du service iCAP Lyon 1 - DU Pédagogie Médicale
 
Livret d'accueil
Livret d'accueilLivret d'accueil
Livret d'accueil
 
Le Dogme du Web (en français)
Le Dogme du Web (en français)Le Dogme du Web (en français)
Le Dogme du Web (en français)
 
Application profesionnelle
Application profesionnelleApplication profesionnelle
Application profesionnelle
 
Application profesionnelle
Application profesionnelle Application profesionnelle
Application profesionnelle
 
Ecologie du Logiciel (Craft Luxembourg 2022).pdf
Ecologie du Logiciel (Craft Luxembourg 2022).pdfEcologie du Logiciel (Craft Luxembourg 2022).pdf
Ecologie du Logiciel (Craft Luxembourg 2022).pdf
 
Sciences cognitives et design UX : quels (r)apports ?
Sciences cognitives et design UX : quels (r)apports ?Sciences cognitives et design UX : quels (r)apports ?
Sciences cognitives et design UX : quels (r)apports ?
 
UX et santé
UX et santéUX et santé
UX et santé
 
2 jours pour lancer mon projet agile
2 jours pour lancer mon projet agile2 jours pour lancer mon projet agile
2 jours pour lancer mon projet agile
 

[Atelier LCDW] Ergonomie et Expérience Utilisateur pour en finir avec les mythes !