Les Heuristiques de Bastien et Scapin

LES PRINCIPES
UNIVERSELS ET INTEMPORELS
DE BASTIEN ET SCAPIN
© Copyright UX-Republic 2015 - blog.ux-republic.com - Alexandra Bernards

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
…

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

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

#1 Le guidage
Conseiller, orienter, informer et conduire
l’utilisateur lors de ses interactions avec
l’interface.

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.

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

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 afﬁchés.

UXREPUBLIC
9
LE GROUPEMENT / DISTINCTION PAR LA
LOCALISATION
www.fnac.com
rapport aux autres

UXREPUBLIC
10
LE GROUPEMENT / DISTINCTION PAR LE FORMAT
www.mailchimp.com
rapport aux autres

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.

UXREPUBLIC
12
LA LISIBILITÉ
www.hipmunk.com
- Faciliter la lecture
- Favoriser la compréhension de
ce qui est afﬁché à l’écran.

UXREPUBLIC
13
LA LISIBILITÉ
www.arty.com
- Faciliter la lecture
- Favoriser la compréhension de
ce qui est afﬁché à l’écran.

#2 La charge de travail
Fournir à l’utilisateur les moyens d'atteindre
ses objectifs, de les atteindre rapidement et
le plus facilement possible.

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

UXREPUBLIC
16
LA DENSITÉ DE L’INFORMATION
Limiter la densité
informationnelle de l’interface,
en afﬁchant uniquement les
informations nécessaires.
www.cdiscount.com

#3 Le contrôle des
utilisateurs sur leurs actions
Montrer que toute action du système
correspond à une demande explicite de
l'utilisateur.

UXREPUBLIC
18
LES ACTIONS EXPLICITES
www.hipmunk.com
Rendre explicite la relation
entre le fonctionnement de
l’interface et les actions des
utilisateurs

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.

#4 L’adaptabilité de
l’application
Laisser l’utilisateur personnaliser et contrôler
une interface en fonction de ses besoins.

UXREPUBLIC
21
LA FLEXIBILITÉ
www.sarenza.com
Mettre à disposition des
éléments de personnalisation
de l’interface pour les actions
fréquemment utilisées.

UXREPUBLIC
22
LA PRISE EN COMPTE DE L’EXPÉRIENCE
www.gmail.com
Respecter le degrés d’expérience
utilisateur

#5 La gestion des erreurs
Prévoir que l'utilisateur fera des erreurs et
concevoir des moyens de pallier ces
problèmes.

UXREPUBLIC
24
LA PROTECTION CONTRE LES ERREURS
www.nike.com
Détecter et prévenir les erreurs
ou actions impossibles.

UXREPUBLIC
25
LA QUALITÉ DES MESSAGES D’ERREUR
www.gmail.com
Assurer la bonne compréhension
et la nature de l’erreur.

#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.

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.

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.

#7 La signifiance des codes
et dénominations
Être compréhensible et utile

UXREPUBLIC
30
LA SIGNIFIANCE DES CODES ET DÉNOMINATIONS
www.lapeyre.fr
Être compréhensible et utile.

UXREPUBLIC
31
LA SIGNIFIANCE DES CODES ET DÉNOMINATIONS
www.ikea.fr
Être compréhensible et utile.

#8 La compatibilité
Adapter l’interface aux caractéristiques
de l’utilisateur.

UXREPUBLIC
33
LA COMPATIBILITÉ
Adapter l’interface aux
caractéristiques de l’utilisateur.

DIGITAL THINKING
Agence de Design d’interfaces &
Centre de formation
blog.ux-republic.com
Let’s talk about UX ! hello@ux-republic.com - +33 1 45 61 47 56 - @UXRepublic

Les Heuristiques de Bastien et Scapin

Contenu connexe

Tendances

Similaire à Les Heuristiques de Bastien et Scapin

Plus de UX REPUBLIC

Les Heuristiques de Bastien et Scapin