Semaine 6

Activité 1

Prototypage Lo-Fi et prototypage itératif

Une équipe de concepteurs d’IHM peut se réunir plusieurs semaines avant la conception d’une interface fonctionnelle dans un langage de programmation. Ainsi, pendant les premiers jours de la conception d’une IHM, une pratique souvent utilisée par les équipes de conception consiste à construire un prototype papier portant sur leur première réflexion quant à la forme et aux fonctionnalités de l’IHM. Par la suite, l’équipe met ce prototype papier à l’essai avec des représentants typiques de la communauté des utilisateurs. L’un des membres de l’équipe « joue à l’ordinateur », déplaçant les composants de l’interface papier sur la table en réponse aux actions de l’utilisateur. Les autres observent et prennent des notes. Après ces tests, l’équipe prend une semaine pour tirer des leçons de ses observations, reconcevoir l’interface et tester de nouveau celle-ci avec de nouveaux utilisateurs.  Le processus se poursuit jusqu’à ce que le temps alloué à la conception de l’interface se soit écoulé et que l’équipe ait revu sa conception et testé celle-ci à plusieurs reprises.

Cette technique s’appelle un protoypage Lo-Fi (low-fidelity) ou de bas niveau.

Le prototypage Lo-Fi (low-fidelity), ou de bas niveau, permet de se faire une première idée de l’organisation visuelle de contenu. Il vise à démontrer le comportement d’une interface très tôt au cours du développement et de la conception de tests avec des utilisateurs réels. Cette technique permet d’avoir des résultats rapidement au cours du processus de développement, et elle donne aux concepteurs la possibilité de mettre à l’essai plus d’idées qu’il leur serait possible de faire avec un prototypage Hi-Fi (High-Fidelity) qui fait l’objet de la  prochaine activité.

La construction d’un prototype au moyen d’une méthode itérative, connue dans la communauté de la conception d’interfaces comme étant une « évaluation formative », signifie qu’on peut évaluer une  conception alors qu’elle est encore à ses débuts. Le test, qui est utilisé en quelque sorte comme un mécanisme de sélection naturelle des idées, aide votre conception à évoluer vers une forme qui survivra dans la communauté des utilisateurs.

Le prototypage Lo-Fi fonctionne bien pour les deux raisons suivantes : il éduque efficacement les développeurs à se soucier de la convivialité et de l’évaluation formative et il maximise le nombre d’itérations effectuées en vue d’obtenir et d’affiner la conception à l’intérieur d’un laps de temps donné avant que l’équipe se mobilise pour la programmation de l’IHM. Le prototype Lo-Fi doit être planifié et suivi de tests et d’évaluations adéquats [2,4].

Avantages [1] :

  • La réalisation ne nécessite pas de compétences techniques (le soutien est facile à produire).
  • Le prototype est facile à modifier pendant un remue-méninges; permet de se concentrer sur le contenu et non sur le visuel (moins de contraintes « mentales » devant un dessin que devant une IHM finalisée).

Inconvénients [1] :

  • Le non-respect des contraintes visuelles (taille écran, polices, etc.).
  • Temps nécessaire pour le prototypage au cours du cycle de développement.

 

Exemples de maquettes papier/tableau blanc : permet de définir l’organisation visuelle.

exempleLoFi

 

1)    Rassembler un kit.

2)    Fixer une date limite.

3)    Construire un modèle, sans illustration.

4)    Sélectionner les utilisateurs.

5)    Préparer un scénario.

6)    Réaliser les tests.

7)    Évaluer les résultats.

 

Démonstration d’une évaluation avec des participants d’un prototype Lo-Fi :

 

 

Possibilité d’utiliser les logiciels suivants pour le Lo-Fi 0160:

–       Balsamiq

–       Axure

–       Microsoft Visual

 

Plusieurs vidéos en ligne illustrent le prototype Lo-Fi :

– https://balsamiq.com/assets/video/creativity/creativity.mp4

– https://usabilitygeek.com/paper-prototyping-as-a-usability-testing-technique

 

Bibliographie :

  1. Bouchard, F. (2007) IFT515 – Interfaces et multimédia – notes de cours, Sherbrooke, Québec, Canada.
  2. Colombi, T. (2011) Prototypage IHM – LudoTIC.
  3. https://users.polytech.unice.fr/~pinna/MODULEIHM/ANNEE2011/CEIHM/PROTOTYPAGE%20-%202011.pdf
  4. Retig, Marc (1994) Prototyping for tiny fingers. Communications of the ACM, April 1994, 37 (4)