les heuristiques de bastien et scapin
TRANSCRIPT
![Page 1: Les Heuristiques de Bastien et Scapin](https://reader033.vdocuments.mx/reader033/viewer/2022052304/55b89cbabb61ebef068b45d4/html5/thumbnails/1.jpg)
LES PRINCIPES UNIVERSELS ET INTEMPORELS DE BASTIEN ET SCAPIN
© Copyright UX-Republic 2015 - blog.ux-republic.com - Alexandra Bernards
![Page 2: Les Heuristiques de Bastien et Scapin](https://reader033.vdocuments.mx/reader033/viewer/2022052304/55b89cbabb61ebef068b45d4/html5/thumbnails/2.jpg)
UXREPUBLIC
2
LES PRINCIPES UNIVERSELS ET INTEMPORELS
Règles universelles et intemporelles à respecter
lors de la conception d’interfaces ou pour identifier
les principaux problèmes d’utilisabilité.
- Critères de Jakob Nielsen
- Critères de Bastien et Scapin
…
© Copyright UX-Republic 2015 - blog.ux-republic.com - Alexandra Bernards
![Page 3: Les Heuristiques de Bastien et Scapin](https://reader033.vdocuments.mx/reader033/viewer/2022052304/55b89cbabb61ebef068b45d4/html5/thumbnails/3.jpg)
UXREPUBLIC
3
POURQUOI CES PRINCIPES ?
- Avoir une base de discussion commune
- Permettre la comparaison
- Fidéliser les évaluations par le même ergonome
- A utiliser en conception comme en évaluation
© Copyright UX-Republic 2015 - blog.ux-republic.com - Alexandra Bernards
![Page 4: Les Heuristiques de Bastien et Scapin](https://reader033.vdocuments.mx/reader033/viewer/2022052304/55b89cbabb61ebef068b45d4/html5/thumbnails/4.jpg)
UXREPUBLIC
4
#1 GUIDAGE Incitation Groupement / Distinction Feedback Immédiat Lisibilité
#2 CHARGE DE TRAVAIL Brièveté Densité de l’information
#3 CONTRÔLE DES UTILISATEURS SUR LEURS ACTIONS Actions explicites Contrôle utilisateur
#4 ADAPTABILITÉ DE L’APPLICATION Fléxibilité Prise en compte de l’expérience
#5 GESTION DES ERREURS Protection contre les erreurs Qualité des messages d’erreur
#6 HOMOGÉNEÏTÉ ET COHÉRENCE
#7 SIGNIFIANCE DES CODES ET DÉNOMINATIONS
#8 COMPATIBILITÉ
LES PRINCIPES UNIVERSELS ET INTEMPORELS
© Copyright UX-Republic 2015 - blog.ux-republic.com - Alexandra Bernards
![Page 5: Les Heuristiques de Bastien et Scapin](https://reader033.vdocuments.mx/reader033/viewer/2022052304/55b89cbabb61ebef068b45d4/html5/thumbnails/5.jpg)
#1 Le guidage Conseiller, orienter, informer et conduire l’utilisateur lors de ses interactions avec l’interface.
© Copyright UX-Republic 2015 - blog.ux-republic.com - Alexandra Bernards
![Page 6: Les Heuristiques de Bastien et Scapin](https://reader033.vdocuments.mx/reader033/viewer/2022052304/55b89cbabb61ebef068b45d4/html5/thumbnails/6.jpg)
UXREPUBLIC
6
L’INCITATION
www.airbnb.com
- Accompagner l’utilisateur dans sa tâche
- Amener l’utilisateur à effectuer des actions spécifiques
- Renseigner l’utilisateur sur le contexte dans lequel il se trouve
- Orienter l’utilisateur.
© Copyright UX-Republic 2015 - blog.ux-republic.com - Alexandra Bernards
![Page 7: Les Heuristiques de Bastien et Scapin](https://reader033.vdocuments.mx/reader033/viewer/2022052304/55b89cbabb61ebef068b45d4/html5/thumbnails/7.jpg)
UXREPUBLIC
7
L’INCITATION
- Accompagner l’utilisateur dans sa tâche
- Amener l’utilisateur à effectuer des actions spécifiques
- Renseigner l’utilisateur sur le contexte dans lequel il se trouve
- Orienter l’utilisateur.
www.leroymerlin.com
© Copyright UX-Republic 2015 - blog.ux-republic.com - Alexandra Bernards
![Page 8: Les Heuristiques de Bastien et Scapin](https://reader033.vdocuments.mx/reader033/viewer/2022052304/55b89cbabb61ebef068b45d4/html5/thumbnails/8.jpg)
UXREPUBLIC
8
LE GROUPEMENT / DISTINCTION PAR LA LOCALISATION
www.fnac.com
- Organiser visuellement les items d’information les uns par rapport aux autres
- Prendre en compte la localisation et le format pour indiquer : les relations entre les divers items affichés.
© Copyright UX-Republic 2015 - blog.ux-republic.com - Alexandra Bernards
![Page 9: Les Heuristiques de Bastien et Scapin](https://reader033.vdocuments.mx/reader033/viewer/2022052304/55b89cbabb61ebef068b45d4/html5/thumbnails/9.jpg)
UXREPUBLIC
9
LE GROUPEMENT / DISTINCTION PAR LA LOCALISATION
www.fnac.com
- Organiser visuellement les items d’information les uns par rapport aux autres
- Prendre en compte la localisation et le format pour indiquer : les relations entre les divers items affichés.
© Copyright UX-Republic 2015 - blog.ux-republic.com - Alexandra Bernards
![Page 10: Les Heuristiques de Bastien et Scapin](https://reader033.vdocuments.mx/reader033/viewer/2022052304/55b89cbabb61ebef068b45d4/html5/thumbnails/10.jpg)
UXREPUBLIC
10
LE GROUPEMENT / DISTINCTION PAR LE FORMAT
www.mailchimp.com
- Organiser visuellement les items d’information les uns par rapport aux autres
- Prendre en compte la localisation et le format pour indiquer : les relations entre les divers items affichés.
© Copyright UX-Republic 2015 - blog.ux-republic.com - Alexandra Bernards
![Page 11: Les Heuristiques de Bastien et Scapin](https://reader033.vdocuments.mx/reader033/viewer/2022052304/55b89cbabb61ebef068b45d4/html5/thumbnails/11.jpg)
UXREPUBLIC
11
LE FEEDBACK IMMÉDIAT
www.gdrive.com
- Informer l’utilisateur de ce qu’il se passe suite à ses actions, de manière immédiate.
© Copyright UX-Republic 2015 - blog.ux-republic.com - Alexandra Bernards
![Page 12: Les Heuristiques de Bastien et Scapin](https://reader033.vdocuments.mx/reader033/viewer/2022052304/55b89cbabb61ebef068b45d4/html5/thumbnails/12.jpg)
UXREPUBLIC
12
LA LISIBILITÉ
www.hipmunk.com
- Faciliter la lecture - Favoriser la compréhension de
ce qui est affiché à l’écran.
© Copyright UX-Republic 2015 - blog.ux-republic.com - Alexandra Bernards
![Page 13: Les Heuristiques de Bastien et Scapin](https://reader033.vdocuments.mx/reader033/viewer/2022052304/55b89cbabb61ebef068b45d4/html5/thumbnails/13.jpg)
UXREPUBLIC
13
LA LISIBILITÉ
www.arty.com
- Faciliter la lecture - Favoriser la compréhension de
ce qui est affiché à l’écran.
© Copyright UX-Republic 2015 - blog.ux-republic.com - Alexandra Bernards
![Page 14: Les Heuristiques de Bastien et Scapin](https://reader033.vdocuments.mx/reader033/viewer/2022052304/55b89cbabb61ebef068b45d4/html5/thumbnails/14.jpg)
#2 La charge de travail Fournir à l’utilisateur les moyens d'atteindre ses objectifs, de les atteindre rapidement et le plus facilement possible.
© Copyright UX-Republic 2015 - blog.ux-republic.com - Alexandra Bernards
![Page 15: Les Heuristiques de Bastien et Scapin](https://reader033.vdocuments.mx/reader033/viewer/2022052304/55b89cbabb61ebef068b45d4/html5/thumbnails/15.jpg)
UXREPUBLIC
15
LA BRIEVETÉ
www.apple.com
Garantir la simplicité de l’interface et la pertinence des fonctionnalités tout en limitant le travail de lecture
© Copyright UX-Republic 2015 - blog.ux-republic.com - Alexandra Bernards
![Page 16: Les Heuristiques de Bastien et Scapin](https://reader033.vdocuments.mx/reader033/viewer/2022052304/55b89cbabb61ebef068b45d4/html5/thumbnails/16.jpg)
UXREPUBLIC
16
LA DENSITÉ DE L’INFORMATION
Limiter la densité informationnelle de l’interface, en affichant uniquement les informations nécessaires.
www.cdiscount.com
© Copyright UX-Republic 2015 - blog.ux-republic.com - Alexandra Bernards
![Page 17: Les Heuristiques de Bastien et Scapin](https://reader033.vdocuments.mx/reader033/viewer/2022052304/55b89cbabb61ebef068b45d4/html5/thumbnails/17.jpg)
#3 Le contrôle des utilisateurs sur leurs actions Montrer que toute action du système correspond à une demande explicite de l'utilisateur.
© Copyright UX-Republic 2015 - blog.ux-republic.com - Alexandra Bernards
![Page 18: Les Heuristiques de Bastien et Scapin](https://reader033.vdocuments.mx/reader033/viewer/2022052304/55b89cbabb61ebef068b45d4/html5/thumbnails/18.jpg)
UXREPUBLIC
18
LES ACTIONS EXPLICITES
www.hipmunk.com
Rendre explicite la relation entre le fonctionnement de l’interface et les actions des utilisateurs
© Copyright UX-Republic 2015 - blog.ux-republic.com - Alexandra Bernards
![Page 19: Les Heuristiques de Bastien et Scapin](https://reader033.vdocuments.mx/reader033/viewer/2022052304/55b89cbabb61ebef068b45d4/html5/thumbnails/19.jpg)
UXREPUBLIC
19
LE CONTRÔLE UTILISATEUR
www.topshop.com
Laisser l’utilisateur contrôler le déroulement (interruption, reprise) de ses actions et l’en avertir si ce n’est pas le cas.
© Copyright UX-Republic 2015 - blog.ux-republic.com - Alexandra Bernards
![Page 20: Les Heuristiques de Bastien et Scapin](https://reader033.vdocuments.mx/reader033/viewer/2022052304/55b89cbabb61ebef068b45d4/html5/thumbnails/20.jpg)
#4 L’adaptabilité de l’application Laisser l’utilisateur personnaliser et contrôler une interface en fonction de ses besoins.
© Copyright UX-Republic 2015 - blog.ux-republic.com - Alexandra Bernards
![Page 21: Les Heuristiques de Bastien et Scapin](https://reader033.vdocuments.mx/reader033/viewer/2022052304/55b89cbabb61ebef068b45d4/html5/thumbnails/21.jpg)
UXREPUBLIC
21
LA FLEXIBILITÉ
www.sarenza.com
Mettre à disposition des éléments de personnalisation de l’interface pour les actions fréquemment utilisées.
© Copyright UX-Republic 2015 - blog.ux-republic.com - Alexandra Bernards
![Page 22: Les Heuristiques de Bastien et Scapin](https://reader033.vdocuments.mx/reader033/viewer/2022052304/55b89cbabb61ebef068b45d4/html5/thumbnails/22.jpg)
UXREPUBLIC
22
LA PRISE EN COMPTE DE L’EXPÉRIENCE
www.gmail.com
Respecter le degrés d’expérience utilisateur
© Copyright UX-Republic 2015 - blog.ux-republic.com - Alexandra Bernards
![Page 23: Les Heuristiques de Bastien et Scapin](https://reader033.vdocuments.mx/reader033/viewer/2022052304/55b89cbabb61ebef068b45d4/html5/thumbnails/23.jpg)
#5 La gestion des erreurs Prévoir que l'utilisateur fera des erreurs et concevoir des moyens de pallier ces problèmes.
© Copyright UX-Republic 2015 - blog.ux-republic.com - Alexandra Bernards
![Page 24: Les Heuristiques de Bastien et Scapin](https://reader033.vdocuments.mx/reader033/viewer/2022052304/55b89cbabb61ebef068b45d4/html5/thumbnails/24.jpg)
UXREPUBLIC
24
LA PROTECTION CONTRE LES ERREURS
www.nike.com
Détecter et prévenir les erreurs ou actions impossibles.
© Copyright UX-Republic 2015 - blog.ux-republic.com - Alexandra Bernards
![Page 25: Les Heuristiques de Bastien et Scapin](https://reader033.vdocuments.mx/reader033/viewer/2022052304/55b89cbabb61ebef068b45d4/html5/thumbnails/25.jpg)
UXREPUBLIC
25
LA QUALITÉ DES MESSAGES D’ERREUR
www.gmail.com
Assurer la bonne compréhension et la nature de l’erreur.
© Copyright UX-Republic 2015 - blog.ux-republic.com - Alexandra Bernards
![Page 26: Les Heuristiques de Bastien et Scapin](https://reader033.vdocuments.mx/reader033/viewer/2022052304/55b89cbabb61ebef068b45d4/html5/thumbnails/26.jpg)
#6 L’homogénéïté et la cohérence Respecter les choix de conception et codes graphiques effectués sur l’intégralité de l’interface.
© Copyright UX-Republic 2015 - blog.ux-republic.com - Alexandra Bernards
![Page 27: Les Heuristiques de Bastien et Scapin](https://reader033.vdocuments.mx/reader033/viewer/2022052304/55b89cbabb61ebef068b45d4/html5/thumbnails/27.jpg)
UXREPUBLIC
27
L’HOMOGENEÏTÉ ET COHÉRENCE
www.ingdirect.fr
Respecter les choix de conception et codes graphiques effectués sur l’intégralité de l’interface.
© Copyright UX-Republic 2015 - blog.ux-republic.com - Alexandra Bernards
![Page 28: Les Heuristiques de Bastien et Scapin](https://reader033.vdocuments.mx/reader033/viewer/2022052304/55b89cbabb61ebef068b45d4/html5/thumbnails/28.jpg)
UXREPUBLIC
28
L’HOMOGENEÏTÉ ET COHÉRENCE
www.bouyguestelecom.fr
Respecter les choix de conception et codes graphiques effectués sur l’intégralité de l’interface.
© Copyright UX-Republic 2015 - blog.ux-republic.com - Alexandra Bernards
![Page 29: Les Heuristiques de Bastien et Scapin](https://reader033.vdocuments.mx/reader033/viewer/2022052304/55b89cbabb61ebef068b45d4/html5/thumbnails/29.jpg)
#7 La signifiance des codes et dénominations Être compréhensible et utile
© Copyright UX-Republic 2015 - blog.ux-republic.com - Alexandra Bernards
![Page 30: Les Heuristiques de Bastien et Scapin](https://reader033.vdocuments.mx/reader033/viewer/2022052304/55b89cbabb61ebef068b45d4/html5/thumbnails/30.jpg)
UXREPUBLIC
30
LA SIGNIFIANCE DES CODES ET DÉNOMINATIONS
www.lapeyre.fr
Être compréhensible et utile.
© Copyright UX-Republic 2015 - blog.ux-republic.com - Alexandra Bernards
![Page 31: Les Heuristiques de Bastien et Scapin](https://reader033.vdocuments.mx/reader033/viewer/2022052304/55b89cbabb61ebef068b45d4/html5/thumbnails/31.jpg)
UXREPUBLIC
31
LA SIGNIFIANCE DES CODES ET DÉNOMINATIONS
www.ikea.fr
Être compréhensible et utile.
© Copyright UX-Republic 2015 - blog.ux-republic.com - Alexandra Bernards
![Page 32: Les Heuristiques de Bastien et Scapin](https://reader033.vdocuments.mx/reader033/viewer/2022052304/55b89cbabb61ebef068b45d4/html5/thumbnails/32.jpg)
#8 La compatibilité Adapter l’interface aux caractéristiques de l’utilisateur.
© Copyright UX-Republic 2015 - blog.ux-republic.com - Alexandra Bernards
![Page 33: Les Heuristiques de Bastien et Scapin](https://reader033.vdocuments.mx/reader033/viewer/2022052304/55b89cbabb61ebef068b45d4/html5/thumbnails/33.jpg)
UXREPUBLIC
33
LA COMPATIBILITÉ
Adapter l’interface aux caractéristiques de l’utilisateur.
© Copyright UX-Republic 2015 - blog.ux-republic.com - Alexandra Bernards
![Page 34: Les Heuristiques de Bastien et Scapin](https://reader033.vdocuments.mx/reader033/viewer/2022052304/55b89cbabb61ebef068b45d4/html5/thumbnails/34.jpg)
DIGITAL THINKINGAgence de Design d’interfaces & Centre de formation
blog.ux-republic.com
Let’s talk about UX ! [email protected] - +33 1 45 61 47 56 - @UXRepublic