<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener("load", function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <iframe src="http://www.blogger.com/navbar.g?targetBlogID=3365508&amp;blogName=gou+blog&amp;publishMode=PUBLISH_MODE_BLOGSPOT&amp;navbarType=BLUE&amp;layoutType=CLASSIC&amp;searchRoot=http%3A%2F%2Fgou.blogspot.com%2Fsearch&amp;blogLocale=fr_CA&amp;homepageUrl=http%3A%2F%2Fgou.blogspot.com%2F" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="30px" width="100%" id="navbar-iframe" allowtransparency="true" title="Blogger Navigation and Search"></iframe> <div></div>

Gou blog

Nouvelles pour Web Designers

Recherche Google

Favoris

Archives

 24 septembre 2009

Réaliser un test d'utilisabilité et un prototype papier

Dans le cadre du Web Éducation du 24 septembre, Simon Bédard et moi avons présenté quatre séquences vidéo pour démontrer le déroulement d'un test d'utilisabilité, de la création du scénario à la réalisation du test. Voici donc ces quatre petits vidéos!

Un petit avertissement: tout est fictif. Le ministère de la Gestion des permis, ça n'existe pas. Y'a pas de «permis d'établissements», Transville, ça existe pas... C'est pour le test, le contenu, c'est pas important! (en passant, je sais pas trop pourquoi le premier est en 4:3 au lieu de 16:9... je suis tout allongé!)

La création du scénario

Cette séquence présente l'étape de création du scénario. On définit quels seront les écrans à faire et la séquence testée ainsi que les informations à fournir à l'utilisateur.

Concevoir le prototype

Le matériel et comment on réalise le prototype. Il y a même une patch qu'il fallait appliquer suite à un bug du système!

Faire un pré-test

Le pré-test est un «reality-check», un test pour le test! Ça nous permet de déceler des lacunes avant de se lancer dans la nature avec le scénario.

Et finalement, le test!

Voici venu le temps du test. On accueil l'utilisateur, lui explique le déroulement du test et on suit ses faits et gestes!

Libellés : , , ,

Écrit par Gou Lien permanent 22:48
4 commentaire(s)
Enregistrer un commentaire
Enregistrer un commentaire

Merci d'avoir produit les vidéos! J'étais absent du WebÉducation et j'ai bien hâte de les visionner.

Le problème par contre, c'est que mon ministère bloque la plupart des sites communautaires comme YouTube. (Je pourrais en suggérer quelques uns qui ne le sont pas, mais ça ne respecterait pas le code de conduite de mon ministère! ;)

L'idéal c'est d'héberger les vidéos localement, mais je comprends que ça n'est pas possible avec un site de blogue gratuit.

Pour ma part, je vais télécharger les vidéos à la maison à l'aide de Firefox et de l'extension Video DownloadHelper, je vais les convertir en Windows Media Video, puis je vais les déposer dans l'intranet de ma direction générale.

Par Anonymous Sylvain Chamberland à 10:07 AM 

Merci pour ces vidéos. Elles sont très bien faites et très instructives.

Par Anonymous video à 12:16 PM 

Pourquoi revenir en 2000. De plus, le contexte n'est pas très réaliste..3 personnes c'est très intimidant...on est en 2010 quand même. Désolée je n'adhère pas!

Par Anonymous Anonyme à 12:52 PM 

Hummm... c'est vrai que de tester une interface en haute fidélité est très 2009-2010, mais en a-t-on réellement besoin?

Le prototype papier va satisfaire certains besoins, le prototype haute fidélité électronique en satisfera d'autres. Bref, il y a un moment pour tout. Vous pouvez ne pas adhérer si vous voulez, grand bien vous en fasse...

Il ne faut pas oublier que l'on test des concepts en papier, un genre de reality check.

Pour ce qui est de trois personnes, ce n'est pas nécessaire, effectivement. C'était surtout pour présenter les rôles. Une seule personne peut les remplir tous si elle le désire. Bref, c'est flexible.

N'oubliez pas que ces vidéos ont été conçus dans un contexte de présentation, avec commentaires à l'appui...

Par Blogger Gou à 1:55 PM 

Contrat Creative Commons
Cette création est mise à disposition sous un contrat Creative Commons

Ce site s'affiche mieux avec un fureteur conforme aux standards...