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 affichés.


UXREPUBLIC

9

LE GROUPEMENT / DISTINCTION PAR LA LOCALISATION

www.fnac.com




UXREPUBLIC

10

LE GROUPEMENT / DISTINCTION PAR LE FORMAT

www.mailchimp.com




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.


http://www.gdrive.com

UXREPUBLIC

12

LA LISIBILITÉ

www.hipmunk.com

- Faciliter la lecture - Favoriser la compréhension de

ce qui est affiché à l’écran.


UXREPUBLIC

13

LA LISIBILITÉ

www.arty.com

- Faciliter la lecture - Favoriser la compréhension de

ce qui est affiché à 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 affichant 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.


http://www.ikea.fr

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