[PDF] LOG2420 — Analyse et conception dinterfaces utilisateur

View - Download LOG2420 — Analyse et conception dinterfaces utilisateur

Previous PDF

Next PDF

UtilisabilitéPratique

LOG2420 - Analyse et conception

d"interfaces utilisateur

Principes de l"utilisabilité

Michel Desmarais (avec du matériel de Mehdi Lahlou, Kevin

Gauthier et Walter de Abreu Cybis)

Génie informatique et logiciel

École Polytechnique de Montréal

Automne, 2023

(2023-09-25, 17 :42)

LOG2420 - Interfaces utilisateur -

Principes de l"utilisabilité

1/26

UtilisabilitéPratique

Principes de l"utilisabilité

1

Utilisabilité

Bastien et Scapin

2

La pratique des

règles/principes

LOG2420 - Interfaces utilisateur -

Principes de l"utilisabilité

2/26

UtilisabilitéPratique

Points saillants

Le langage visuel comporte de nombreux avantages : Très efficace et omniprésent, il peut rendre l"utilisation intuitive et faciliter l"apprentissage Transparent à l"usager (ne requiert pas son attention) et évite le recours à la documentation

Repose sur le

système 1 , celui qui est rapide et exige moins d"effort que le système 2

Charge cognitive

Critère fondamental pour l"utilisabilité. Une grande partie des heuristiques d"utilisabilité tournent autour de la charge cognitive.

Engage principalement le

système 2 Quelques techniques permettant de bien cerner la charge cognitive

Modèles mentaux

Très puissants pour opérer des applications complexes Facilite la rétention, la compréhension et l"anticipation

LOG2420 - Interfaces utilisateur -

Principes de l"utilisabilité

3/26

UtilisabilitéPratique

Principes de conception

Quelques exemples de principes (Preece, p. 488)

1

Bien connaître les usagers visés

Réduire la charge cognitive

Concevoir en fonction des erreurs

Maintenir la consistance et la clarté

1. Preece, J., Rogers Y., Sharp H., Benyon D., Holland S. et Carey T.. Human-Computer Interaction. Wokingham, UK : Addison Wesley, 1994.

LOG2420 - Interfaces utilisateur -

Principes de l"utilisabilité

4/26

UtilisabilitéPratique

Heuristiques de Nielsen (1995)

http:

Utiliser un langage simple et

naturel

Utiliser une terminologie

familière

Être consistant

Fournir du "feedback"

Fournir des voies de sorties

claires

Fournir des raccourcis

Rendre les messages

d"erreurs compréhensibles et utiles

Prévenir les erreurs

LOG2420 - Interfaces utilisateur -

Principes de l"utilisabilité

5/26

UtilisabilitéPratique

Heuristiques de Tognazzini

Anticipation

Autonomie

Redondance à la couleur

Consistance

Valeurs de défaut

Efficacité pour l"usager

Interfaces "explorables"

Loi de Fitts

Objets de l"interface

Réduire les temps d"attente

Apprentissage (éviter les

compromis)

Métaphores

Protéger le travail de

l"utilisateur

Facilité de lecture

Information d"état

Navigation visible

LOG2420 - Interfaces utilisateur -

Principes de l"utilisabilité

6/26

UtilisabilitéPratique

Principes de l"utilisabilité

1

Utilisabilité

Bastien et Scapin

2

La pratique des

règles/principes

LOG2420 - Interfaces utilisateur -

Principes de l"utilisabilité

7/26

UtilisabilitéPratique

Les critères de Scapin et Bastien

1

Guidage

2

Charge de travail

3

Contrôle explicite

4

Adaptabilité

5

Gestion des erreurs

6

Homogénéité/Cohérence

7

Signifiance des codes et

dénomination 8

Compatibilité

LOG2420 - Interfaces utilisateur -

Principes de l"utilisabilité

8/26

UtilisabilitéPratique

Critères de Scapin et Bastien

http://hal.inria.fr/inria-00070012/fr/ Guidage: ensemble des moyens mis en oeuvre pour conseiller, orienter, informer et conduire l"utilisateur lors de ses interactions avec l"ordinateur Charge de travail: ensemble des éléments de l"interface qui a un rôle dans la réduction de la charge perceptive ou mnésique des utilisateurs, de même que dans l"augmentation de l"efficacité du dialogue. Contrôle explicite: prise en compte par le système des actions explicites des utilisateurs et le contrôle qu"ont les utilisateurs sur le traitement de leurs actions.

LOG2420 - Interfaces utilisateur -

Principes de l"utilisabilité

9/26

UtilisabilitéPratique

Critères de Scapin et Bastien (suite)

Adaptibilité: capacité à réagir selon le contexte et selon les besoins et les préférences des utilisateurs. Gestion des Erreurs: moyens permettant d"une part d"éviter ou de réduire les erreurs, d"autre part de les corriger lorsqu"elles surviennent. Homogénéité/Cohérence: les choix de conception d"interface doivent être conservés pour des contextes identiques, et doivent être différents pour des contextes différents. Par exemple, toujours afficher au même endroit l"incitation pour la saisie des données ou des commandes.

LOG2420 - Interfaces utilisateur -

Principes de l"utilisabilité

10/26

UtilisabilitéPratique

Critères de Scapin et Bastien (suite)

Signifiance des codes et dénominations: il doit y avoir adéquation entre l"objet ou l"information affichée ou entrée, et son référent. Par exemple, rendre les règles d"abréviation explicites. 2 Compatibilité: il faut qu"il y ait accord entre les caractéristiques des utilisateurs et des tâches, d"une part, et l"organisation des sorties, des entrées et du dialogue d"une application donnée, d"autre part. Par exemple, les termes employés doivent être familiers aux utilisateurs, et relatifs à la tâche à réaliser. 2. Ce n"est pas si évident de choisir le bon terme comme le démontre l"article : Furnas, Landauer, Gomez et Dumais (1987). The vocabulary problem in human-system communicationCommunications of the ACM, 30(11), 964-971.

LOG2420 - Interfaces utilisateur -

Principes de l"utilisabilité

11/26

UtilisabilitéPratique

Règles de conception

Quelques exemples de règles

Demander une confirmation avant d"effectuer une action qu"on ne peut facilement annuler Toujours offrir une porte de sortie dans une fenêtre de dialogue

Conception pour l"accès à tous sur le Web :

http ://www.w3.org/standards/webdesign/accessibility

LOG2420 - Interfaces utilisateur -

Principes de l"utilisabilité

12/26

UtilisabilitéPratique

Principes de l"utilisabilité

1

Utilisabilité

Bastien et Scapin

2

La pratique des

règles/principes

LOG2420 - Interfaces utilisateur -

Principes de l"utilisabilité

13/26

UtilisabilitéPratique

Un exemple positif pour commencer

Page d"accueil deergologique.com

LOG2420 - Interfaces utilisateur -

Principes de l"utilisabilité

14/26

UtilisabilitéPratique

Un exemple positif pour commencer

Page d"accueil deergologique.com

↑ ↑Guidage (Sc et Ba) ↑Charge de travail (cognitif) (Sc et Ba) ↑Densité d"information (Sc et Ba)

LOG2420 - Interfaces utilisateur -

Principes de l"utilisabilité

14/26

UtilisabilitéPratique

Image tirée dewebword.com

LOG2420 - Interfaces utilisateur -

Principes de l"utilisabilité

15/26

UtilisabilitéPratique

Image tirée dewebword.com

↓ ↓Guidage (Sc et Ba) ↓Charge de travail (cognitif) (Sc et Ba) ↓Densité d"information (Sc et Ba)

LOG2420 - Interfaces utilisateur -

Principes de l"utilisabilité

15/26

UtilisabilitéPratique

eZip

Écran de démarrage :

LOG2420 - Interfaces utilisateur -

Principes de l"utilisabilité

16/26

UtilisabilitéPratique

eZip ↓Efficacité pour l"utilisateur (Tognazzini) ↓Autonomie (Tognazzini) ↓Charge de travail (Scapin et Bastien) ↓Explorable (Tognazzini) ↑Guidage (Sc et Ba) ↑Évitement des erreurs (tous) ↑↓Apprentissage minimal (Tognazzini), mais faible adaptabilité

LOG2420 - Interfaces utilisateur -

Principes de l"utilisabilité

16/26

UtilisabilitéPratique

MS Word

LOG2420 - Interfaces utilisateur -

Principes de l"utilisabilité

17/26

UtilisabilitéPratique

MS Word

↓Guidage (Sc et Ba) ↓Signifiance des codes et dénominations (Sc et Ba) ↓Charge cognitive (Sc et Ba) (découle en partie des deux facteurs précédents) ↓Compatibilité avec la tâche ↓Gestion des erreurs

LOG2420 - Interfaces utilisateur -

Principes de l"utilisabilité

17/26

UtilisabilitéPratique

Formulaire d"évaluation de proposition de stage

LOG2420 - Interfaces utilisateur -

Principes de l"utilisabilité

18/26

UtilisabilitéPratique

Formulaire d"évaluation de proposition de stage ↓Lisibilité (Sc et Ba) ↓Densité informationnelle +

Efficacité(Sc et Ba)

↓Adaptabilité (Sc et Ba)

LOG2420 - Interfaces utilisateur -

Principes de l"utilisabilité

18/26

UtilisabilitéPratique

Éditeur HTML

LOG2420 - Interfaces utilisateur -

Principes de l"utilisabilité

19/26

UtilisabilitéPratique

Éditeur HTML

↓Guidage (Sc et Ba) : regroupements ↓Compatibilité (Sc et Ba) : l"organisation de l"écran ne concorde pas avec la tâche ↓Signifiance des codes et dénominations (Sc et Ba) ↓Efficacité (Tognazzini + Sc et

Ba) : voir solution alternative

prochain transparent ↑"gallery" économise un click

LOG2420 - Interfaces utilisateur -

Principes de l"utilisabilité

19/26

UtilisabilitéPratique

Éditeur HTML revu

(noter forte réduction potentielle de la charge cognitive)

LOG2420 - Interfaces utilisateur -

Principes de l"utilisabilité

20/26

UtilisabilitéPratique

quotesdbs_dbs33.pdfusesText_39

[PDF] Logement. Maintien à domicile. Alimentation. Transport. Budget

[PDF] LOGICIEL DE CAPTURE ET DE GESTION DES FLUX DE DOCUMENTS MOINS DE PAPIER, PLUS D EFFICACITÉ.

[PDF] LOGICIEL DOCUMENTAIRE PMB TUTORIEL A L'USAGE DES ELEVES ET DES ENSEIGNANTS

[PDF] LOGICIELS LIBRES ET OUVERTS. Convention de licence libre de l administration québécoise

[PDF] Logistique (approvisionnement & technique)

[PDF] Logistique et achats Dans le cadre d un GHT

[PDF] LOGOTYPE. Experts-Comptables. CHARTE D APPLICATION Septembre 2010. de l Ordre des CHARTE D APPLICATION LOGO DE L ORDRE DES EXPERTS-COMPTABLES 1

[PDF] LOI 400.02 sur l enseignement obligatoire (LEO)

[PDF] Loi d orientation sur les activités physiques et sportives Contribution du Cnajep

[PDF] Loi d'application d'application du code de procédure civile suisse (LACPC) du 11 février 2009

[PDF] Loi de Financement de la sécurité sociale pour 2014

[PDF] Loi de programme 67-1174 du 28 Décembre 1967 relative à la restauration des monuments historiques et à la protection des sites

[PDF] Loi du 17 août 2015 relative au dialogue social et à l emploi

[PDF] Loi fédérale sur l Assurance suisse contre les risques à l exportation

[PDF] Loi modifiant la Loi sur la protection du consommateur et la Loi sur le recouvrement de certaines créances