Le grand TP : L`organisateur de photos d`interfaces personne

IFT2905 - Interface Personne Machine - Alicia HERAZ - Hiver 2009 - DIRO - Université de Montréal
Le grand TP : L’organisateur de photos
d’interfaces personne-machine
Problème et objectif
Nous cherchons à développer un organisateur de photos1 en TCL/TK et un site en HTML.
Les photos gérées par l’organisateur représentent les captures-écran d’interfaces de logiciels ou
de sites Web ou la photographie d’objets divers utilisés dans la vie de tous les jours. Le site est
destiné à promouvoir l’organisateur de ces photos qui traitent des interfaces personne-machine.
L’application et le site sont dotés d’interfaces graphiques agréables, accessibles, utilisables et
compréhensibles2. Ce travail doit être réalisé par des équipes de deux étudiants.
Fonctionnalités de l’application
1. L’application est identifiée par un nom et un logo.
2. Les fonctionnalités principales de l’application sont : ajouter, trier, chercher et éditer des
photos. Effectuer une évaluation heuristique de l’objet de la photo. Ajouter des
commentaires a la photo.
3. L’application s’adresse aux utilisateurs qui s’intéressent aux interfaces personne-machine.
Trois catégories d’utilisateurs sont prises en compte par l’application : les concepteurs, les
experts et les testeurs.
• Les concepteurs ajouter les photos de leurs interfaces web, logiciels ou objets. Ils
peuvent éditer les informations qui décrivent leurs interfaces comme le nom de l’objet,
son utilité et ses principales fonctionnalités. Ils peuvent consulter le rapport des
évaluations heuristiques effectuées par les experts ainsi que le rapport d’utilisabilité
rempli par le testeur. Ils créent aussi, pour chaque interface, un scénario destiné
au testeur afin que celui-ci l’exécute et teste ainsi l’utilisabilité de l’interface.
Dans une photo, un concepteur peut définir une zone sensible au clique de la souris du
testeur. Cliquer sur une zone permet d’afficher la nouvelle photo qui correspond à la
nouvelle interface résultante.
• Les expert consultent les photos ajoutées par les concepteurs et peuvent y ajouter
leurs évaluations heuristiques.
• Les testeurs exécutent les scénarios définis par les experts et ils attribuent une note
générale à l’interface présentée par la photo.
4. L’objet de la photo possède les attributs suivants : nom (identifiant), catégorie (site,
application ou objet de tous les jours), date (de prise de la photo), mots clefs (qui décrivent
l’objet), description (texte qui décrit l’utilité de l’objet), utilisabilité (note attribuée sur 10), le
rapport de l’évaluation heuristique et la localisation (sur la photo) de tous les problèmes
majeurs cités dans l’évaluation heuristique.
Fonctions du site web
1. Le site promeut l’utilité de l’application et il s’adresse à ceux qui s’intéresse aux interfaces
personne-machine.
2. Le site contient trois pages HTML : la page d’accueil, la page qui décrit l’application et la
page à propos des concepteurs.
3. Le site incite les étudiants à se procurer l’application en le téléchargeant. Il met en valeur
ses avantages, son utilité et sa facilité d’utilisation.
1
2
Un organisateur de photos affiche, gère, trie et édite des images numériques
Ces notions seront abordées au fur et à mesure de l’avancement du cours IFT2905
1
IFT2905 - Interface Personne Machine - Alicia HERAZ - Hiver 2009 - DIRO - Université de Montréal
Ce travail sera réalisé et remis en 5 phases
Les 5 phases @
1.
P1 Prototypage
•
•
•
•
•
•
•
2.
P2 Analyse heuristique
•
•
•
•
•
3.
Objectif : Le prototypage papier est la première étape du test d’utilisabilité des
interfaces de l’application et du site Web. L’équipe joue le rôle de l’ordinateur et d’un
observateur muet. Elle répond aux actions du testeur déclenchées lorsqu’il interagit
avec la version papier de l’interface. L’équipe note les commentaires du testeur, ses
suggestions et scrute son comportement. Ces notes serviront à l’équipe pour améliorer
leurs interfaces et corriger les bugs avant de les implémenter.
Références : http://www.paperprototyping.com/
Exemples : Voir des vidéos ici : http://www-etud.iro.umontreal.ca/~pift2905/
Outils : Papier, Colle, Feutres, Couleurs, Ciseaux, bon sens et imagination.
Démonstration : L’équipe soumet ses deux interfaces à un testeur. Un des membres
de l’équipe joue le rôle de l’ordinateur et le second note les commentaires du testeur et
scrute son comportement. Le testeur est soit le démonstrateur ou le professeur.
L’équipe garde les observations notées pour elle.
Remise : Chaque équipe remet deux prototypes papier correspondant aux interfaces
de l’application et du site Web. Ils sont séparés et remis dans une enveloppe format A4.
Évaluation : L’équipe est notée sur la qualité de son prototype papier, la présence de
l’ensemble des fonctionnalités de l’application et du site Web, l’application des notions
vues en cours, l’imagination et la créativité.
Objectif : L’évaluation heuristique est une variante du test d’utilisabilité. L’équipe joue
le rôle de l’expert qui juge en profondeur les interfaces de l’application et du site Web
d’une autre équipe. Elle évalue l’application et le site Web en notant sur une échelle de
0 à 4 les 10 points de l’analyse heuristique de Jakob Nielsen.
Outils : L’application et le site Web développés. Le formulaire d’évaluation heuristique
disponible sur le site du cours. La lecture et la compréhension des 10 points de
l’analyse heuristique de Jakob Nielsen (HCI, page 325).
Démonstration : L’équipe soumet son application et son site Web pour être évalué par
une autre équipe dans le cours. A son tour, elle effectue une analyse heuristique de
l’application et du site Web d’une autre équipe pendant 30 minutes.
Remise : Deux fiches remplies pour l’évaluation heuristique de l’application et du site
Web dans une enveloppe format A4. Une copie de l’évaluation heuristique est envoyée
à l’équipe concepteur de l’application et du site Web évalué. Cela devrait l’aider à
améliorer ses systèmes avant la livraison finale.
Évaluation : L’équipe est notée sur la qualité de son évaluation heuristique et de sa
compréhension des 10 points de l’analyse heuristique de Jakob Nielsen.
P3 Livraison de l’application
• Objectif : Implémenter l’application avec les fonctionnalités décrites dans l’énoncé du
TP en TCL/TK. L’implémentation doit tenir compte des résultats des tests précédents
d’utilisabilité : le prototype papier et l’analyse heuristique.
• Outils : Le kit TCL/TK.
• Remise : L’application est compressée et est envoyée au démonstrateur en suivant les
instructions données sur le site du cours.
• Évaluation : Le démonstrateur sera l’expert qui attribuera une note à l’application en
effectuant une analyse heuristique selon les 10 points de Jakob Nielsen.
2
IFT2905 - Interface Personne Machine - Alicia HERAZ - Hiver 2009 - DIRO - Université de Montréal
4.
P4 Livraison du site Web
Objectif : Implémenter l’application avec les fonctionnalités décrites dans l’énoncé du
TP en TCL/TK. L’implémentation doit tenir compte des résultats des tests précédents
d’utilisabilité : le prototype papier et l’analyse heuristique.
Outils : Un éditeur de texte (emacs, sCite ou autre@). L’accès au compte ftp personnel
du DIRO.
Remise : Le lien vers le site Web est envoyé au démonstrateur par email. Aucune
modification n’est autorisée après la date de la transmission du lien vers le site Web.
Évaluation : Le démonstrateur sera l’expert qui attribuera une note à l’application en
effectuant une analyse heuristique selon les 10 points de Jakob Nielsen.
•
•
•
•
5.
P5 Test utilisabilité
Objectif : L’équipe soumet sa version finale de l’application et du site Web à un testeur.
Un des membres de l’équipe joue le rôle du facilitateur et l’autre est l’intermédiaire. Le
facilitateur définit un scénario et un ensemble de questions au testeur. Le testeur a pour
mission de répondre aux questions en navigant dans l’application et sur le site web. Ce
test permet d'observer l'utilisateur dans un contexte réel d'utilisation. Les problèmes
identifiés sont ceux que l'utilisateur rencontre lorsqu'il se sert des applications. Les
problèmes sont identifiés objectivement par des difficultés freinant l'utilisateur dans sa
tâche. Des mesures peuvent être effectuées pendant le test.
Outils : L’application et le site Web développés. Un scénario et des questions.
Démonstration : L’équipe soumet son application et son site Web pour être testé par
une autre équipe dans le cours.
Remise : Le rapport du test d’utilisabilité.
Évaluation : L’équipe sera notée sur le scénario, les questions formulées pour le test et
la profondeur d’analyse du comportement de l’utilisateur et éventuellement les
améliorations suggérées pour faciliter l’utilisabilité de l’application et du site Web.
•
•
•
•
•
Calendrier de la remise des 5 parties
M
J
P
1
P
2
P
3
P
4
P
5
0
1
0
8
0
1
1
3
0
1
1
5
0
1
2
0
0
1
2
2
0
1
2
7
0
1
2
9
0
2
0
3
0
2
0
5
0
2
1
0
0
2
1
2
0
2
1
7
0
2
1
9
0
2
2
4
0
2
2
6
0
3
0
3
0
3
0
5
0
3
1
0
0
3
1
2
0
3
1
7
0
3
1
9
•
0
3
2
4
0
3
2
6
0
3
3
1
0
4
0
2
0
4
0
7
0
4
0
9
0
4
1
4
0
4
1
6
•
•
•
•
D
2
D
3
D
4
R
2
D
1
R
1
M
MOIS
J
JOUR
P
i
R
i
PARTIE i
•
DATE DE DÉBUT DE LA PARTIE
REMISE i
DATE DE REMISE DE LA PARTIE
D
i
D
5
R
3
R
4
R
5
DÉMONSTRATION DE LA PARTIE Pi
SEMAINE DE RELÂCHE
3