conception centrée utilisateur. quelques exemples de systèmes inspirés (partiellement) en...
TRANSCRIPT
![Page 1: Conception centrée utilisateur. Quelques exemples de systèmes inspirés (partiellement) en étudiant les utilisateurs](https://reader035.vdocuments.site/reader035/viewer/2022062511/551d9da3497959293b8d3434/html5/thumbnails/1.jpg)
Conception centrée utilisateur
![Page 2: Conception centrée utilisateur. Quelques exemples de systèmes inspirés (partiellement) en étudiant les utilisateurs](https://reader035.vdocuments.site/reader035/viewer/2022062511/551d9da3497959293b8d3434/html5/thumbnails/2.jpg)
Quelques exemples de systèmes inspirés (partiellement) en étudiant les utilisateurs
![Page 3: Conception centrée utilisateur. Quelques exemples de systèmes inspirés (partiellement) en étudiant les utilisateurs](https://reader035.vdocuments.site/reader035/viewer/2022062511/551d9da3497959293b8d3434/html5/thumbnails/3.jpg)
Exemple 1:Le bureau virtuel
![Page 4: Conception centrée utilisateur. Quelques exemples de systèmes inspirés (partiellement) en étudiant les utilisateurs](https://reader035.vdocuments.site/reader035/viewer/2022062511/551d9da3497959293b8d3434/html5/thumbnails/4.jpg)
Études de l’organisation des documents dans un bureau physique
Malone (1983)( http://dx.doi.org/10.1145/357423.357430 )
• Au moment de l’étude, le bureau virtuel était une innovation récente
• Malone voulait identifier des problèmes du papier pour informer la conception d’interfaces virtuelles
• Il trouva des “aspects subtiles mais utiles” des documents en papier “qui pourraient être perdus par inadvertance dans la nouvelle technologie”
• Les travailleurs de bureau ont de la difficulté à classer les documents en papier, et à identifier quelles catégories utiliser
• Les piles et les dossiers sont utilisés pour organiser les documents
– Le premier est moins formel, et peut servir de rappel, permettant de remettre la décision de catégorisation à plus tard
• Les documents sont placés non seulement pour permettre leur récupération plus tard, mais aussi pour servir comme rappel de tâches à accomplir (et ce pour environ 2/3 des piles)
![Page 5: Conception centrée utilisateur. Quelques exemples de systèmes inspirés (partiellement) en étudiant les utilisateurs](https://reader035.vdocuments.site/reader035/viewer/2022062511/551d9da3497959293b8d3434/html5/thumbnails/5.jpg)
Les ordinateurs peuvent aider comment ?
• Permettre aux utilisateurs de remettre la décision de classification à plus tard
• Permettre aux documents d’être members de plus qu’une collection à la fois
• Classer les documents de façon automatique• Permettre de faire des recherches par mot clé• Permettre d’utiliser les documents comme rappels
visuels des tâches à faire
![Page 6: Conception centrée utilisateur. Quelques exemples de systèmes inspirés (partiellement) en étudiant les utilisateurs](https://reader035.vdocuments.site/reader035/viewer/2022062511/551d9da3497959293b8d3434/html5/thumbnails/6.jpg)
• Barreau and Nardi (1995)( http://dx.doi.org/10.1145/221296.221307 )– Ont étudié les habitudes des utilisateurs reliées à la recherche– Les utilisateurs préfèrent de loin chercher “par lieu”
(exemple: fureter des dossiers), et font des recherches “logiques” (exemple: par mot clé) seulement en dernier ressort
– Les utilisateurs ont de la difficulté à se rappeler des noms qu’ils ont donnés aux fichiers
– Les utilisateurs se servent des documents comme rappels• Laisser un message dans leur boîte à courriel
• Mettre des documents à un endroit spécial sur leur bureau virtuel
– Les utilisateurs ne classent pas les informations “éphémères” (exemples: listes de choses à faire, mémos) de façon formelle, contrairement aux informations “de travail” ou “archivées”
– La gestion d’informations éphémères est un grand défi
Études de l’organisation des documents sur les ordinateurs
![Page 7: Conception centrée utilisateur. Quelques exemples de systèmes inspirés (partiellement) en étudiant les utilisateurs](https://reader035.vdocuments.site/reader035/viewer/2022062511/551d9da3497959293b8d3434/html5/thumbnails/7.jpg)
•Est-t-il conçu pour supporter les habitudes décrites? Ou simplement comme métaphore familière ?
•Est-ce qu’il s’applique aussi bien à un grand nombre de fichiers ? Est-ce que cette approche est “scalable” ?
Le bureau virtuel
![Page 8: Conception centrée utilisateur. Quelques exemples de systèmes inspirés (partiellement) en étudiant les utilisateurs](https://reader035.vdocuments.site/reader035/viewer/2022062511/551d9da3497959293b8d3434/html5/thumbnails/8.jpg)
Piles (Mander et al. 1992, Xerox PARC)
![Page 9: Conception centrée utilisateur. Quelques exemples de systèmes inspirés (partiellement) en étudiant les utilisateurs](https://reader035.vdocuments.site/reader035/viewer/2022062511/551d9da3497959293b8d3434/html5/thumbnails/9.jpg)
Piles (Mander et al. 1992, Xerox PARC)
![Page 10: Conception centrée utilisateur. Quelques exemples de systèmes inspirés (partiellement) en étudiant les utilisateurs](https://reader035.vdocuments.site/reader035/viewer/2022062511/551d9da3497959293b8d3434/html5/thumbnails/10.jpg)
Piles (Mander et al. 1992, Xerox PARC)
![Page 11: Conception centrée utilisateur. Quelques exemples de systèmes inspirés (partiellement) en étudiant les utilisateurs](https://reader035.vdocuments.site/reader035/viewer/2022062511/551d9da3497959293b8d3434/html5/thumbnails/11.jpg)
Beaudouin-Lafon, 2001(http://dx.doi.org/10.1145/502348.502371)
![Page 12: Conception centrée utilisateur. Quelques exemples de systèmes inspirés (partiellement) en étudiant les utilisateurs](https://reader035.vdocuments.site/reader035/viewer/2022062511/551d9da3497959293b8d3434/html5/thumbnails/12.jpg)
Vidéo: Fold-n-drop (Dragicevic 2004)
![Page 13: Conception centrée utilisateur. Quelques exemples de systèmes inspirés (partiellement) en étudiant les utilisateurs](https://reader035.vdocuments.site/reader035/viewer/2022062511/551d9da3497959293b8d3434/html5/thumbnails/13.jpg)
Vidéo: Bumptop(Agarawala et Balakrishnan, 2006;
http://bumptop.com )
![Page 14: Conception centrée utilisateur. Quelques exemples de systèmes inspirés (partiellement) en étudiant les utilisateurs](https://reader035.vdocuments.site/reader035/viewer/2022062511/551d9da3497959293b8d3434/html5/thumbnails/14.jpg)
Exemple 2:Dessin à ruban (“Tape Drawing”)
![Page 15: Conception centrée utilisateur. Quelques exemples de systèmes inspirés (partiellement) en étudiant les utilisateurs](https://reader035.vdocuments.site/reader035/viewer/2022062511/551d9da3497959293b8d3434/html5/thumbnails/15.jpg)
Dessin à ruban (“Tape Drawing”)
![Page 16: Conception centrée utilisateur. Quelques exemples de systèmes inspirés (partiellement) en étudiant les utilisateurs](https://reader035.vdocuments.site/reader035/viewer/2022062511/551d9da3497959293b8d3434/html5/thumbnails/16.jpg)
![Page 17: Conception centrée utilisateur. Quelques exemples de systèmes inspirés (partiellement) en étudiant les utilisateurs](https://reader035.vdocuments.site/reader035/viewer/2022062511/551d9da3497959293b8d3434/html5/thumbnails/17.jpg)
![Page 18: Conception centrée utilisateur. Quelques exemples de systèmes inspirés (partiellement) en étudiant les utilisateurs](https://reader035.vdocuments.site/reader035/viewer/2022062511/551d9da3497959293b8d3434/html5/thumbnails/18.jpg)
![Page 19: Conception centrée utilisateur. Quelques exemples de systèmes inspirés (partiellement) en étudiant les utilisateurs](https://reader035.vdocuments.site/reader035/viewer/2022062511/551d9da3497959293b8d3434/html5/thumbnails/19.jpg)
Vidéo: Digital Tape Drawing(Balakrishnan et al. 1999)
![Page 20: Conception centrée utilisateur. Quelques exemples de systèmes inspirés (partiellement) en étudiant les utilisateurs](https://reader035.vdocuments.site/reader035/viewer/2022062511/551d9da3497959293b8d3434/html5/thumbnails/20.jpg)
MD = main dominante (souvent, la main droite)
MND = main non-dominante (souvent, la main gauche)
Changements de mode implicites :
• MD fixe : ligne droite
• MD en mouvement : courbe
– La distance entre les mains détermine le rayon de courbure
Mains proches: grande variabilité
MD
MND
MND MD
Mains lointaines: variabilité diminuée
![Page 21: Conception centrée utilisateur. Quelques exemples de systèmes inspirés (partiellement) en étudiant les utilisateurs](https://reader035.vdocuments.site/reader035/viewer/2022062511/551d9da3497959293b8d3434/html5/thumbnails/21.jpg)
Réactions des utilisateurs
• Démonstrations à 5 studios de conception d’autos, en France, en Angleterre, et aux États-Unis
• Environ 20 artistes ont essayé le système
– Avec 1 minute d’instructions, les résultats des artistes étaient supérieurs à ceux des réalisateurs du système qui avaient des heures d’expérience.
– L’habilité des artistes s’est montrée malgré les limitations technologiques (câbles; problèmes de calibration et de bruit)
– Utilisation de gestes habituels, par exemple: regarder le long d’une ligne
• Ont demandé une version 3D
![Page 22: Conception centrée utilisateur. Quelques exemples de systèmes inspirés (partiellement) en étudiant les utilisateurs](https://reader035.vdocuments.site/reader035/viewer/2022062511/551d9da3497959293b8d3434/html5/thumbnails/22.jpg)
Vers le 3D
![Page 23: Conception centrée utilisateur. Quelques exemples de systèmes inspirés (partiellement) en étudiant les utilisateurs](https://reader035.vdocuments.site/reader035/viewer/2022062511/551d9da3497959293b8d3434/html5/thumbnails/23.jpg)
Vidéo: Digital Tape Drawing, 3D(Grossman et al. 2002)
![Page 24: Conception centrée utilisateur. Quelques exemples de systèmes inspirés (partiellement) en étudiant les utilisateurs](https://reader035.vdocuments.site/reader035/viewer/2022062511/551d9da3497959293b8d3434/html5/thumbnails/24.jpg)
Exemple 3:Les assistants personnels
![Page 25: Conception centrée utilisateur. Quelques exemples de systèmes inspirés (partiellement) en étudiant les utilisateurs](https://reader035.vdocuments.site/reader035/viewer/2022062511/551d9da3497959293b8d3434/html5/thumbnails/25.jpg)
Le Apple Newton• Montrer la vidéo
http://oldcomputers.net/pics/newton-right.jpg http://cache.gizmodo.com/assets/images/4/2012/01/d0531a85c7fb57d39ebf0a88dd78778a.jpg
![Page 26: Conception centrée utilisateur. Quelques exemples de systèmes inspirés (partiellement) en étudiant les utilisateurs](https://reader035.vdocuments.site/reader035/viewer/2022062511/551d9da3497959293b8d3434/html5/thumbnails/26.jpg)
Le Palm PilotBesoins de base:• Taille: peut aller dans une poche de chemise• Prix: 299 $• Capable d’être synchronisé avec un ordi de bureau• Vitesse: doit être aussi rapide qu’un bloc notes de
papier. Aussi :– Aucun curseur d’attente– Aucune boîte de dialogue d’erreur, surtout les
messages du genre « Error xyz, Abort or Cancel? »
![Page 27: Conception centrée utilisateur. Quelques exemples de systèmes inspirés (partiellement) en étudiant les utilisateurs](https://reader035.vdocuments.site/reader035/viewer/2022062511/551d9da3497959293b8d3434/html5/thumbnails/27.jpg)
Le Palm Pilot• Taille: peut aller dans une poche de chemise
Prototype en bois:
![Page 28: Conception centrée utilisateur. Quelques exemples de systèmes inspirés (partiellement) en étudiant les utilisateurs](https://reader035.vdocuments.site/reader035/viewer/2022062511/551d9da3497959293b8d3434/html5/thumbnails/28.jpg)
Le Palm Pilot
Directives de conception adoptées:• Less is more• Avoid adding features• Strive for fewer steps• Simplicity is better than complexity
Le « Zen de Palm »Écran de 160x160 pixels!
![Page 29: Conception centrée utilisateur. Quelques exemples de systèmes inspirés (partiellement) en étudiant les utilisateurs](https://reader035.vdocuments.site/reader035/viewer/2022062511/551d9da3497959293b8d3434/html5/thumbnails/29.jpg)
Le Palm Pilot 1000
![Page 30: Conception centrée utilisateur. Quelques exemples de systèmes inspirés (partiellement) en étudiant les utilisateurs](https://reader035.vdocuments.site/reader035/viewer/2022062511/551d9da3497959293b8d3434/html5/thumbnails/30.jpg)
Le Graffiti
• Idée: au lieu de reconnaître l’écriture, reconnaître des gestes de façon fiable
• But principal n’est pas la vitesse• Buts principaux: fiabilité et facilité
d’apprentissage
![Page 31: Conception centrée utilisateur. Quelques exemples de systèmes inspirés (partiellement) en étudiant les utilisateurs](https://reader035.vdocuments.site/reader035/viewer/2022062511/551d9da3497959293b8d3434/html5/thumbnails/31.jpg)
Le Graffiti