LOG2420 Analyse et conception d interfaces utilisateur

LOG2420 Analyse et conception d interfaces utilisateur Conception d interfaces utilisateur (seconde partie) 1/20 LOG2420 Analyse et conception d interfaces utilisateur Conception d interfaces utilisateur (seconde partie) Michel C. Desmarais Génie informatique et logiciel École Polytechnique de Montréal Automne, 2016 (version 13 septembre 2016)

LOG2420 Analyse et conception d interfaces utilisateur Conception d interfaces utilisateur (seconde partie) 2/20 Conception d interfaces utilisateur (seconde partie) 1 2

Fondements cognitifs La mémoire à court terme LOG2420 Analyse et conception d interfaces utilisateur Conception d interfaces utilisateur (seconde partie) 3/20 George Miller Psychologue connu pour ses travaux sur la mémoire, 1956 et 1960 Combien de chiffres aléatoires peut-on mémoriser? Mais ça dépend... si on vous a demandé une tâche entre deux chiffres de ce qu est un chiffre pour vous (ex. 514)

Fondements cognitifs La mémoire à court terme LOG2420 Analyse et conception d interfaces utilisateur Conception d interfaces utilisateur (seconde partie) 3/20 George Miller Psychologue connu pour ses travaux sur la mémoire, 1956 et 1960 Combien de chiffres aléatoires peut-on mémoriser? 7 plus ou moins 2 Mais ça dépend... si on vous a demandé une tâche entre deux chiffres de ce qu est un chiffre pour vous (ex. 514)

Fondements cognitifs La mémoire de ce qu on connaît et la notion d un chunk LOG2420 Analyse et conception d interfaces utilisateur Conception d interfaces utilisateur (seconde partie) 4/20 Chase et Ericsson, années 70 Sept plus ou moins 2, vraiment?? Les chunks aux échecs Les maîtres d échec réussissent à retenir la configuration d une partie de maîtres après 5 secondes! On évoque qu un maître reconnaît 70 000 configurations de pièces La stratégie de mémorisation Lors d une expérience, un étudiant réussit à mémoriser 80 chiffres aléatoires après un an de pratique

LOG2420 Analyse et conception d interfaces utilisateur Conception d interfaces utilisateur (seconde partie) 5/20 L impact des patrons (chunks) sur la performance Les experts aux échecs ne perçoivent pas le même échiquier que les novices Ils perçoivent des patrons généraux (ouverture quelconque, défense de pions, pièce vulnérable, échec au roi, etc.) Ils ne réfléchissent donc pas sur les mêmes mouvements et stratégies Ils réfléchissent aux stratégies qui correspondent aux patrons reconnus Les mouvements possibles, mais qui ne correspondent pas aux patrons, sont tout naturellement ignorés Ils ne considèrent que quelques coups parmi un grand nombre de coups légaux en éliminant tout les mouvements qui ne sont pas associés aux stratégies pertinentes

LOG2420 Analyse et conception d interfaces utilisateur Conception d interfaces utilisateur (seconde partie) 6/20 Patrons aux échecs

LOG2420 Analyse et conception d interfaces utilisateur Conception d interfaces utilisateur (seconde partie) 7/20 Exemple plus avancé Aux noirs à jouer pour un gain de pièce.

LOG2420 Analyse et conception d interfaces utilisateur Conception d interfaces utilisateur (seconde partie) 8/20 La compilation de la connaissance Au long de l expérience d apprentissage, ont créé des patrons (chunks) Ce sont des entités en mémoire que l on accède comme un tout, de la matière maîtrisée en quelque sorte L apprentissage des chunks suit plus ou moins la fréquence à laquelle on rencontre les stimuli ou concepts en question Newell et Rosenbloom (1981) ont démontré que le chunking explique la loi exponentielle de la pratique : T = c 1 n c 2 où T est le temps pour réaliser une tâche, n est le nombre d essais et c 1 et c 2 sont des constantes. Nous y reviendrons.

Mais qu est-ce donc? LOG2420 Analyse et conception d interfaces utilisateur Conception d interfaces utilisateur (seconde partie) 9/20 La charge cognitive est le travail mental que l on impose à l utilisateur. Les items (chunks) à mémoriser Les items à reconnaître Les opérations mentales (cf. modèle mental) Et autres éléments comme par exemple : La longueur de la lecture La difficulté du vocabulaire La catégorisation des éléments de l interface L identification d un élément dans une liste, dans des regroupements visuels La discrimination sémantique L interprétation d icônes

LOG2420 Analyse et conception d interfaces utilisateur Conception d interfaces utilisateur (seconde partie) 10/20 et expérience/expertise La charge cognitive est très dépendante de : l expérience de l utilisateur avec l application son expérience avec l environnement informatique sa connaissance du domaine d application Il est donc nécessaire d évaluer la charge cognitive en tenant compte des caractéristiques de l utilisateur

1. Merci à Vincent Bouret, un ancien étudiant, pour l exemple. LOG2420 Analyse et conception d interfaces utilisateur Conception d interfaces utilisateur (seconde partie) 11/20 Lourde charge cognitive Exemple 1

LOG2420 Analyse et conception d interfaces utilisateur Conception d interfaces utilisateur (seconde partie) 12/20 et organisation de l information La charge cognitive dépend fortement de la présentation de l information Certains principes facilitent la compréhension : Regroupements conceptuels : éviter à l utilisateur un effort de regroupement et d analyse répétitive Alignement et exploitation des éléments perceptuels Un exemple dans ce qui suit...

2. Tullis, T.S. (1988). Screen design. in Handbook of Human-Computer Interaction (Helander M. ed.). pp. 377 441. Amsterdam : North Holland. LOG2420 Analyse et conception d interfaces utilisateur Conception d interfaces utilisateur (seconde partie) 13/20 Structuration du texte (Tullis, 1988) 2 Best Western : Charleston Days Inn : Columbia (883) 747-8961 S :$26 D :$38 (883) 477-8691 S :$29 D :$38 Days Inn : Charleston Carolina Inn N. : Columbia (883) 477-8691 S :$29 D :$38 (883) 702-9861 S :$46 D :$58 Holiday Inn N. : Charleston Days Inn SW : Columbia (883) 702-9861 S :$46 D :$58 (883) 747-8619 S :$62 D :$83 Holiday Inn SW : Charleston Quality Johnsons : Columbia (883) 747-8619 S :$62 D :$83 (883) 747-8333 S :$36 D :$38 Howard Johnsons : Charleston Ramada Inn : Columbia (883) 747-8333 S :$36 D :$38 (883) 799-8341 S :$26 D :$28 Ramada Inn : Charleston Vagabond : Columbia (883) 799-8341 S :$26 D :$28 (883) 470-8961 S :$26 D :$38

LOG2420 Analyse et conception d interfaces utilisateur Conception d interfaces utilisateur (seconde partie) 14/20 Structuration du texte (suite) City Motel/Hotel Area Code Phone Rates Single Double Charleston Best Western 883 747-8961 $26 $38 Charleston Days Inn 883 477-8691 $29 $38 Charleston Holiday Inn N. 883 702-9861 $46 $58 Charleston Holiday Inn SW 883 747-8619 $62 $83 Charleston Howard Johnsons 883 747-8333 $36 $38 Charleston Ramada Inn 883 799-8341 $26 $28 Columbia Days Inn 883 477-8691 $29 $38 Columbia Carolina Inn N. 883 702-9861 $46 $58 Columbia Days Inn SW 883 747-8619 $62 $83 Columbia Quality Johnsons 883 747-8333 $36 $38 Columbia Ramada Inn 883 799-8341 $26 $28 Columbia Vagabond 883 470-8961 $26 $38

LOG2420 Analyse et conception d interfaces utilisateur Conception d interfaces utilisateur (seconde partie) 15/20 Structuration du texte (suite) Améliorations potentielles City Motel/Hotel Area Code Phone Rates Single Double Charleston Best Western 883 747-8961 $26 $38 * Charleston Days Inn 883 477-8691 $29 $38 * Charleston Holiday Inn N. 883 702-9861 $46 $58 ** Charleston Holiday Inn SW 883 747-8619 $62 $83 *** Charleston Howard Johnsons 883 747-8333 $36 $38 ** Charleston Ramada Inn 883 799-8341 $26 $28 * Columbia Days Inn 883 477-8691 $29 $38 Columbia Carolina Inn N. 883 702-9861 $46 $58 Columbia Days Inn SW 883 747-8619 $62 $83 Columbia Quality Johnsons 883 747-8333 $36 $38 Columbia Ramada Inn 883 799-8341 $26 $28 Columbia Vagabond 883 470-8961 $26 $38

LOG2420 Analyse et conception d interfaces utilisateur Conception d interfaces utilisateur (seconde partie) 16/20 Conception d interfaces utilisateur (seconde partie) 1 2

LOG2420 Analyse et conception d interfaces utilisateur Conception d interfaces utilisateur (seconde partie) 17/20 Méthode de l inspection cognitive Analogue à l inspection de code en génie logiciel Nécessite l information suivante Description minimale du prototype d interface du système ; peut être incomplète, mais doit être détaillée Description d une tâche que l utilisateur doit effectuer Une liste complète des actions que l utilisateur doit effectuer avec le prototype Une description de l utilisateur, ses connaissances, ses habiletés

LOG2420 Analyse et conception d interfaces utilisateur Conception d interfaces utilisateur (seconde partie) 18/20 Procédure On passe en revue les actions de l utilisateur avec le système pour noter : Les informations nécessaires à effectuer l action La charge cognitive Les erreurs potentielles que l utilisateur peut faire Sa propension à effectuer la bonne action

LOG2420 Analyse et conception d interfaces utilisateur Conception d interfaces utilisateur (seconde partie) 19/20 Quatre questions L utilisateur va-t-il remarquer que la bonne action est disponible? Une fois l action identifiée, l utilisateur va-t-il savoir que cette action amènera l effet voulu? Une fois l action effectuée, l utilisateur va-t-il comprendre le retour d information qu il obtient? L utilisateur va-t-il d obtenir l effet voulu de la prochaine action?

LOG2420 Analyse et conception d interfaces utilisateur Conception d interfaces utilisateur (seconde partie) 20/20 Notions importantes La difficulté d utilisation d une application dépend fortement de la charge cognitive imposée pour effectuer une tâche donnée La charge cognitive dépend elle-même des patrons cognitifs acquis par l utilisateur Les patrons cognitifs sont acquis au long de l expérience avec l interface et l apprentissage d un domaine de connaissance L inspection cognitive guide l analyse de l interface pour identifier les connaissances préalables et les efforts mentaux nécessaires pour accomplir une tâche Cette inspection repose sur une analyse détaillée des actions nécessaires pour accomplir une tâche avec une interface donnée