SlideShare une entreprise Scribd logo
1  sur  25
Télécharger pour lire hors ligne
1
Le système cognitif par l’
exemple
©copyrightux-republic2015-blog.ux-republic.com-YannickBonnieux
Exercice 1 : Dire à haute voix et rapidement la couleur des
mots sans lire le mot lui-même
2© copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
Exercice 1 : Dire à haute voix et rapidement la couleur des
mots
3
Bleu
Jaune
Rouge
Bleu
Rouge
Vert
Jaune
Bleu
Rouge
Vert
Rouge
Vert
Bleu
Jaune
Bleu
Vert
Vert
Jaune
Vert
Bleu
Vert
Bleu
Jaune
Rouge
Vert
Bleu
Rouge
Bleu
Rouge
Jaune
© copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
Le fond et la forme doivent être
cohérents pour ne pas créer d’
interférence et bloquer l’
utilisateur.
Ce qu’il faut retenir
© copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
Exercice 2 : Retenir cette séquence
5© copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
Exercice 2 : Retenir cette séquence
6
CIAIBMFBIIPODHP
© copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
Exercice 3 : Retenir cette séquence
7© copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
Exercice 3 : Retenir cette séquence
8
CIAI BMF BIIP ODHP
© copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
Exercice 4 : Retenir cette séquence
9© copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
Exercice 4 : Retenir cette séquence
10
CIA IBM FBI IPOD HP
© copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
Exercice 5 : Retenir cette séquence
11© copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
Exercice 5 : Retenir cette séquence
12
3 5 3 6 3 8 6 2 4 6 8 1
© copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
13© copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
Lequel était plus compliqué ?
14
CIAIBMFBIIPODHP
CIAI BMF BIIP ODHP
CIA IBM FBI IPOD HP
3 5 3 6 3 8 6 2 4 6 8 1
© copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
• Éviter la surcharge d’information
• Mémoire à court terme
Selon George Miller,
7 éléments (+/-2)
• Selon d’autres études,
3 à 4 éléments pendant 20 secondes
• Comment faciliter la mémorisation ?
– Organisation/structure
Ce qu’il faut retenir
0607822034
06 07 82 20 34
©copyrightux-republic2015-blog.ux-republic.com-YannickBonnieux
16
Faites rapidement et dans l’ordre des chiffres le calcul mental qui
va suivre
© copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
17
1000
+
40
+
1000
+
30
+
1000
+
20
+
1000
+
10
=
Faites rapidement et dans l’ordre des chiffres ce calcul mental
© copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
18
FINISHED FILES ARE THE RE-
SULT OF YEARS OF SCIENTIF-
IC STUDY COMBINED WITH THE
EXPERIENCE OF YEARS
Comptez le nombre de F
© copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
https://www.youtube.com/watch?v=IGQmdoK_ZfY
L’attention sélective
© copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
Ce qu’il faut retenir
Le diable se cache dans les détails
© copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
Calculez de tête sans papier ni calculette
21
17 x 14
© copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
Que voyez-vous ?
22© copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
23
Daniel Kahneman
Psychologue et économiste américano-
israélien, professeur à l'université de
Princeton, lauréat du Prix Nobel
d'économie en 2002
© copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
Adaptez vos designs
aux limites de vos utilisateurs !
© copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
MERCI !
Let’s talk about UX ! hello@ux-republic.com - +33 1 45 61 47 56 - @UXRepublic
DIGITAL THINKING
Agence de Design d’interfaces &
Centre de formation
blog.ux-republic.com

Contenu connexe

En vedette

Les technologies immersives @UXRepublic
Les technologies immersives @UXRepublicLes technologies immersives @UXRepublic
Les technologies immersives @UXRepublicUX REPUBLIC
 
23062014 jarl meijer agile survey xebia
23062014 jarl meijer agile survey xebia23062014 jarl meijer agile survey xebia
23062014 jarl meijer agile survey xebiaAgileConsortiumINT
 
Offline first @UXRepublic
Offline first @UXRepublicOffline first @UXRepublic
Offline first @UXRepublicUX REPUBLIC
 
Webinar "Agile for Managers"
Webinar "Agile for Managers"Webinar "Agile for Managers"
Webinar "Agile for Managers"Pooja Gulati
 
SEO+UX = SEOUX @UXRepublic
SEO+UX = SEOUX @UXRepublicSEO+UX = SEOUX @UXRepublic
SEO+UX = SEOUX @UXRepublicUX REPUBLIC
 
Design Thinking for Startups - Are You Design Driven?
Design Thinking for Startups - Are You Design Driven?Design Thinking for Startups - Are You Design Driven?
Design Thinking for Startups - Are You Design Driven?Amir Khella
 
Le design éthique
Le design éthiqueLe design éthique
Le design éthiqueUX REPUBLIC
 
XebiCon'16 : Les 5 questions con(tre) l'agilité et comment y répondre. Par M...
XebiCon'16 : Les 5 questions con(tre) l'agilité et comment y répondre.  Par M...XebiCon'16 : Les 5 questions con(tre) l'agilité et comment y répondre.  Par M...
XebiCon'16 : Les 5 questions con(tre) l'agilité et comment y répondre. Par M...Publicis Sapient Engineering
 
XebiCon'16 : Orange et Xebia Labs - De l'Agilité vers le Déploiement Continu ...
XebiCon'16 : Orange et Xebia Labs - De l'Agilité vers le Déploiement Continu ...XebiCon'16 : Orange et Xebia Labs - De l'Agilité vers le Déploiement Continu ...
XebiCon'16 : Orange et Xebia Labs - De l'Agilité vers le Déploiement Continu ...Publicis Sapient Engineering
 
Le Design empathique @UXRepublic
Le Design empathique @UXRepublicLe Design empathique @UXRepublic
Le Design empathique @UXRepublicUX REPUBLIC
 
Tips digital communication victoria pereira
Tips digital communication   victoria pereiraTips digital communication   victoria pereira
Tips digital communication victoria pereiraUX REPUBLIC
 
Web real time communication @UXRepublic
Web real time communication @UXRepublicWeb real time communication @UXRepublic
Web real time communication @UXRepublicUX REPUBLIC
 
XebiCon'16 : Thiga - Qu'est ce que le Growth Hacking en 2016 ? Par Nicolas G...
XebiCon'16 : Thiga - Qu'est ce que le Growth Hacking en 2016 ?  Par Nicolas G...XebiCon'16 : Thiga - Qu'est ce que le Growth Hacking en 2016 ?  Par Nicolas G...
XebiCon'16 : Thiga - Qu'est ce que le Growth Hacking en 2016 ? Par Nicolas G...Publicis Sapient Engineering
 
Validating big data at scale
Validating big data at scaleValidating big data at scale
Validating big data at scaleAmplitude
 
Growth Hacking : Disrupt the Business with Mobile!
Growth Hacking : Disrupt the Business with Mobile!Growth Hacking : Disrupt the Business with Mobile!
Growth Hacking : Disrupt the Business with Mobile!Antonin Cohen
 
Growth Hacking Guide - Mindset, Framework and Tools
Growth Hacking Guide - Mindset, Framework and ToolsGrowth Hacking Guide - Mindset, Framework and Tools
Growth Hacking Guide - Mindset, Framework and ToolsDavid Arnoux . Growth
 
Growth Hacking Basics
Growth Hacking BasicsGrowth Hacking Basics
Growth Hacking BasicsMorgan Brown
 
Crash Course Design Thinking - by @arnoutsmeets
Crash Course Design Thinking - by @arnoutsmeetsCrash Course Design Thinking - by @arnoutsmeets
Crash Course Design Thinking - by @arnoutsmeetsBoard of Innovation
 
31 Best Growth Hacking Resources
31 Best Growth Hacking Resources31 Best Growth Hacking Resources
31 Best Growth Hacking ResourcesStephen Jeske
 
Design Thinking - Bootcamp
Design Thinking - BootcampDesign Thinking - Bootcamp
Design Thinking - BootcampJan Schmiedgen
 

En vedette (20)

Les technologies immersives @UXRepublic
Les technologies immersives @UXRepublicLes technologies immersives @UXRepublic
Les technologies immersives @UXRepublic
 
23062014 jarl meijer agile survey xebia
23062014 jarl meijer agile survey xebia23062014 jarl meijer agile survey xebia
23062014 jarl meijer agile survey xebia
 
Offline first @UXRepublic
Offline first @UXRepublicOffline first @UXRepublic
Offline first @UXRepublic
 
Webinar "Agile for Managers"
Webinar "Agile for Managers"Webinar "Agile for Managers"
Webinar "Agile for Managers"
 
SEO+UX = SEOUX @UXRepublic
SEO+UX = SEOUX @UXRepublicSEO+UX = SEOUX @UXRepublic
SEO+UX = SEOUX @UXRepublic
 
Design Thinking for Startups - Are You Design Driven?
Design Thinking for Startups - Are You Design Driven?Design Thinking for Startups - Are You Design Driven?
Design Thinking for Startups - Are You Design Driven?
 
Le design éthique
Le design éthiqueLe design éthique
Le design éthique
 
XebiCon'16 : Les 5 questions con(tre) l'agilité et comment y répondre. Par M...
XebiCon'16 : Les 5 questions con(tre) l'agilité et comment y répondre.  Par M...XebiCon'16 : Les 5 questions con(tre) l'agilité et comment y répondre.  Par M...
XebiCon'16 : Les 5 questions con(tre) l'agilité et comment y répondre. Par M...
 
XebiCon'16 : Orange et Xebia Labs - De l'Agilité vers le Déploiement Continu ...
XebiCon'16 : Orange et Xebia Labs - De l'Agilité vers le Déploiement Continu ...XebiCon'16 : Orange et Xebia Labs - De l'Agilité vers le Déploiement Continu ...
XebiCon'16 : Orange et Xebia Labs - De l'Agilité vers le Déploiement Continu ...
 
Le Design empathique @UXRepublic
Le Design empathique @UXRepublicLe Design empathique @UXRepublic
Le Design empathique @UXRepublic
 
Tips digital communication victoria pereira
Tips digital communication   victoria pereiraTips digital communication   victoria pereira
Tips digital communication victoria pereira
 
Web real time communication @UXRepublic
Web real time communication @UXRepublicWeb real time communication @UXRepublic
Web real time communication @UXRepublic
 
XebiCon'16 : Thiga - Qu'est ce que le Growth Hacking en 2016 ? Par Nicolas G...
XebiCon'16 : Thiga - Qu'est ce que le Growth Hacking en 2016 ?  Par Nicolas G...XebiCon'16 : Thiga - Qu'est ce que le Growth Hacking en 2016 ?  Par Nicolas G...
XebiCon'16 : Thiga - Qu'est ce que le Growth Hacking en 2016 ? Par Nicolas G...
 
Validating big data at scale
Validating big data at scaleValidating big data at scale
Validating big data at scale
 
Growth Hacking : Disrupt the Business with Mobile!
Growth Hacking : Disrupt the Business with Mobile!Growth Hacking : Disrupt the Business with Mobile!
Growth Hacking : Disrupt the Business with Mobile!
 
Growth Hacking Guide - Mindset, Framework and Tools
Growth Hacking Guide - Mindset, Framework and ToolsGrowth Hacking Guide - Mindset, Framework and Tools
Growth Hacking Guide - Mindset, Framework and Tools
 
Growth Hacking Basics
Growth Hacking BasicsGrowth Hacking Basics
Growth Hacking Basics
 
Crash Course Design Thinking - by @arnoutsmeets
Crash Course Design Thinking - by @arnoutsmeetsCrash Course Design Thinking - by @arnoutsmeets
Crash Course Design Thinking - by @arnoutsmeets
 
31 Best Growth Hacking Resources
31 Best Growth Hacking Resources31 Best Growth Hacking Resources
31 Best Growth Hacking Resources
 
Design Thinking - Bootcamp
Design Thinking - BootcampDesign Thinking - Bootcamp
Design Thinking - Bootcamp
 

Plus de UX REPUBLIC

L'user experience for IoT
L'user experience for IoTL'user experience for IoT
L'user experience for IoTUX REPUBLIC
 
UX vs CX @UXRepublic
UX vs CX @UXRepublicUX vs CX @UXRepublic
UX vs CX @UXRepublicUX REPUBLIC
 
Experience map @UXRepublic
Experience map @UXRepublicExperience map @UXRepublic
Experience map @UXRepublicUX REPUBLIC
 
Le web en perspective @UXRepublic
Le web en perspective @UXRepublicLe web en perspective @UXRepublic
Le web en perspective @UXRepublicUX REPUBLIC
 
L'UX au coeur de l'entreprise
L'UX au coeur de l'entrepriseL'UX au coeur de l'entreprise
L'UX au coeur de l'entrepriseUX REPUBLIC
 
L'importance du croquis dans la phase de conception par Marie Desnos @UXRepublic
L'importance du croquis dans la phase de conception par Marie Desnos @UXRepublicL'importance du croquis dans la phase de conception par Marie Desnos @UXRepublic
L'importance du croquis dans la phase de conception par Marie Desnos @UXRepublicUX REPUBLIC
 
Les Heuristiques de Bastien et Scapin
Les Heuristiques de Bastien et ScapinLes Heuristiques de Bastien et Scapin
Les Heuristiques de Bastien et ScapinUX REPUBLIC
 
Les Tests Utilisateurs
Les Tests UtilisateursLes Tests Utilisateurs
Les Tests UtilisateursUX REPUBLIC
 
La vérité sur les utilisateurs
La vérité sur les utilisateursLa vérité sur les utilisateurs
La vérité sur les utilisateursUX REPUBLIC
 
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
 
Les bonnes pratiques du e-commerce
Les bonnes pratiques du e-commerceLes bonnes pratiques du e-commerce
Les bonnes pratiques du e-commerceUX REPUBLIC
 
About UX by UX-REPUBLIC Paris
About UX by UX-REPUBLIC ParisAbout UX by UX-REPUBLIC Paris
About UX by UX-REPUBLIC ParisUX REPUBLIC
 

Plus de UX REPUBLIC (13)

L'user experience for IoT
L'user experience for IoTL'user experience for IoT
L'user experience for IoT
 
UX vs CX @UXRepublic
UX vs CX @UXRepublicUX vs CX @UXRepublic
UX vs CX @UXRepublic
 
Experience map @UXRepublic
Experience map @UXRepublicExperience map @UXRepublic
Experience map @UXRepublic
 
Le web en perspective @UXRepublic
Le web en perspective @UXRepublicLe web en perspective @UXRepublic
Le web en perspective @UXRepublic
 
L'UX au coeur de l'entreprise
L'UX au coeur de l'entrepriseL'UX au coeur de l'entreprise
L'UX au coeur de l'entreprise
 
L'importance du croquis dans la phase de conception par Marie Desnos @UXRepublic
L'importance du croquis dans la phase de conception par Marie Desnos @UXRepublicL'importance du croquis dans la phase de conception par Marie Desnos @UXRepublic
L'importance du croquis dans la phase de conception par Marie Desnos @UXRepublic
 
Lean UX
Lean UX Lean UX
Lean UX
 
Les Heuristiques de Bastien et Scapin
Les Heuristiques de Bastien et ScapinLes Heuristiques de Bastien et Scapin
Les Heuristiques de Bastien et Scapin
 
Les Tests Utilisateurs
Les Tests UtilisateursLes Tests Utilisateurs
Les Tests Utilisateurs
 
La vérité sur les utilisateurs
La vérité sur les utilisateursLa vérité sur les utilisateurs
La vérité sur les utilisateurs
 
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
 
Les bonnes pratiques du e-commerce
Les bonnes pratiques du e-commerceLes bonnes pratiques du e-commerce
Les bonnes pratiques du e-commerce
 
About UX by UX-REPUBLIC Paris
About UX by UX-REPUBLIC ParisAbout UX by UX-REPUBLIC Paris
About UX by UX-REPUBLIC Paris
 

Le système cognitif par l’exemple @UXRepublic

  • 1. 1 Le système cognitif par l’ exemple ©copyrightux-republic2015-blog.ux-republic.com-YannickBonnieux
  • 2. Exercice 1 : Dire à haute voix et rapidement la couleur des mots sans lire le mot lui-même 2© copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
  • 3. Exercice 1 : Dire à haute voix et rapidement la couleur des mots 3 Bleu Jaune Rouge Bleu Rouge Vert Jaune Bleu Rouge Vert Rouge Vert Bleu Jaune Bleu Vert Vert Jaune Vert Bleu Vert Bleu Jaune Rouge Vert Bleu Rouge Bleu Rouge Jaune © copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
  • 4. Le fond et la forme doivent être cohérents pour ne pas créer d’ interférence et bloquer l’ utilisateur. Ce qu’il faut retenir © copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
  • 5. Exercice 2 : Retenir cette séquence 5© copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
  • 6. Exercice 2 : Retenir cette séquence 6 CIAIBMFBIIPODHP © copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
  • 7. Exercice 3 : Retenir cette séquence 7© copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
  • 8. Exercice 3 : Retenir cette séquence 8 CIAI BMF BIIP ODHP © copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
  • 9. Exercice 4 : Retenir cette séquence 9© copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
  • 10. Exercice 4 : Retenir cette séquence 10 CIA IBM FBI IPOD HP © copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
  • 11. Exercice 5 : Retenir cette séquence 11© copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
  • 12. Exercice 5 : Retenir cette séquence 12 3 5 3 6 3 8 6 2 4 6 8 1 © copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
  • 13. 13© copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
  • 14. Lequel était plus compliqué ? 14 CIAIBMFBIIPODHP CIAI BMF BIIP ODHP CIA IBM FBI IPOD HP 3 5 3 6 3 8 6 2 4 6 8 1 © copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
  • 15. • Éviter la surcharge d’information • Mémoire à court terme Selon George Miller, 7 éléments (+/-2) • Selon d’autres études, 3 à 4 éléments pendant 20 secondes • Comment faciliter la mémorisation ? – Organisation/structure Ce qu’il faut retenir 0607822034 06 07 82 20 34 ©copyrightux-republic2015-blog.ux-republic.com-YannickBonnieux
  • 16. 16 Faites rapidement et dans l’ordre des chiffres le calcul mental qui va suivre © copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
  • 17. 17 1000 + 40 + 1000 + 30 + 1000 + 20 + 1000 + 10 = Faites rapidement et dans l’ordre des chiffres ce calcul mental © copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
  • 18. 18 FINISHED FILES ARE THE RE- SULT OF YEARS OF SCIENTIF- IC STUDY COMBINED WITH THE EXPERIENCE OF YEARS Comptez le nombre de F © copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
  • 19. https://www.youtube.com/watch?v=IGQmdoK_ZfY L’attention sélective © copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
  • 20. Ce qu’il faut retenir Le diable se cache dans les détails © copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
  • 21. Calculez de tête sans papier ni calculette 21 17 x 14 © copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
  • 22. Que voyez-vous ? 22© copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
  • 23. 23 Daniel Kahneman Psychologue et économiste américano- israélien, professeur à l'université de Princeton, lauréat du Prix Nobel d'économie en 2002 © copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux
  • 24. Adaptez vos designs aux limites de vos utilisateurs ! © copyright ux-republic 2015 - blog.ux-republic.com - Yannick Bonnieux MERCI !
  • 25. Let’s talk about UX ! hello@ux-republic.com - +33 1 45 61 47 56 - @UXRepublic DIGITAL THINKING Agence de Design d’interfaces & Centre de formation blog.ux-republic.com