<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Le blog de Madmagz &#187; tests utilisateurs</title>
	<atom:link href="http://blog.madmagz.com/tag/tests-utilisateurs/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.madmagz.com</link>
	<description>Marketing &#38; business sur Internet</description>
	<lastBuildDate>Thu, 02 Sep 2010 07:03:49 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Comment observer ses internautes les yeux fermés</title>
		<link>http://blog.madmagz.com/userfly-et-tests-utilisateurs</link>
		<comments>http://blog.madmagz.com/userfly-et-tests-utilisateurs#comments</comments>
		<pubDate>Wed, 17 Jun 2009 20:47:32 +0000</pubDate>
		<dc:creator>Youssef</dc:creator>
				<category><![CDATA[Web analytics]]></category>
		<category><![CDATA[ergonomie]]></category>
		<category><![CDATA[Graphisme & ergonomie]]></category>
		<category><![CDATA[tests utilisateurs]]></category>

		<guid isPermaLink="false">http://www.madmagz.com/fr/blog/?p=1264</guid>
		<description><![CDATA[Quand on développe un logiciel en ligne, rien n'est important comme la compréhension de l'usage qu'en font ses utilisateurs. C'est pourquoi, parmi les différents types de tests, les tests utilisateurs jouent un rôle clé. Des experts comme Steve Krug et Avinash Kaushik les recommandent, et Google en a fait une habitude. Mais comment observer de [...]<p><a href="http://blog.madmagz.com/userfly-et-tests-utilisateurs">Comment observer ses internautes les yeux fermés</a> is a post from: <a href="http://blog.madmagz.com">Le blog de Madmagz</a></p>
]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" title="Lhomme invisible" src="http://farm4.static.flickr.com/3633/3636002209_97054dda11_o.jpg" alt="" width="331" height="525" /><span style="color: #ff6600;"><br />
</span></p>
<p>Quand on développe un logiciel en ligne, rien n'est important comme la compréhension de l'usage qu'en font ses utilisateurs. C'est pourquoi, parmi les différents types de tests, les <strong>tests utilisateurs</strong> jouent un rôle clé. Des experts comme <a title="Steve Krug : don't make me think" href="http://www.ergolab.net/livres/don-t-make-me-think.php" target="_blank">Steve Krug</a><span style="color: #ff6600;"> </span>et <a title="Avinash Kaushik et tests utilisateurs" href="http://www.madmagz.com/fr/blog/au-commencement-etait-le-web-analytics" target="_blank">Avinash Kaushik</a> les recommandent, et Google en a fait <a title="Google et tests utilisateurs" href="http://www.techcrunch.com/2008/06/22/a-peak-inside-googles-usability-lab/" target="_blank">une habitude</a>.</p>
<p>Mais comment observer de façon régulière un groupe d'utilisateurs quand on a peu de moyens (il faut généralement payer les testeurs) et que l'ont n'a pas encore de locaux ? Il y a une réponse, et c'est <strong>Userfly</strong>.<span id="more-1264"></span>Comme disent les Américains, <em>don't tell, show!</em> Aussi je vous invite à <a title="Userfly: démonstration" href="http://userfly.com/demo" target="_blank">essayer Userfly maintenant</a><span style="color: #ff6600;"> </span> !</p>
<p>Impressionnant non ? <a title="Userfly" href="http://userfly.com/" target="_blank">Userfly</a> enregistre les mouvements des visiteurs d'un site : souris, clics, saisie de caractères… Tout se passe comme si vous étiez au-dessus des épaules de l'homme invisible ! Et il ne vous faut pas dix minutes avant de voir les résultats ! Cela se passe en quatre étapes :</p>
<ul>
<li>vous souscrivez à l'offre gratuite (limitée à l'enregistrement de dix visites)</li>
<li>vous copiez le marqueur (ce sont quelques lignes de javascript)</li>
<li>vous le collez dans le code de vos pages Web</li>
<li>dès que vous recevez un e-mail de Userfly, vous pouvez consulter les enregistrements.</li>
</ul>
<p>Je trouve cette méthode supérieure à celle où l'on observe physiquement l'utilisateur car, dans ce cas, un biais est crée par le fait que celui-ci se sait observé. D'expérience, quelque précaution que l'on prenne, l'utilisateur tend à craindre qu'on le juge.</p>
<p>Les <a title="Avis sur Userfly" href="http://www.google.com/search?q=userfly&amp;pov=106132182998619502765&amp;usg=__snJWwvrUMxi_PDH2thIFHtpSGJI=&amp;hl=fr" target="_blank">avis</a> sur Userfly sont élogieux. Toutefois, selon moins, ils passent à côté de son <strong>potentiel marketing</strong>. Observez donc ces trois vidéos tirées de ce blog même. (La qualité est décevante. Userfly ne permettant pas de partager les enregistrements, j'ai employé <a title="Capture d'écran" href="http://www.madmagz.com/fr/blog/choisir-un-logiciel-de-capture-d-ecran" target="_blank">un logiciel de <em>screencast</em></a> : c'est donc une capture écran de capture d'écran…)</p>
<h3>Le curieux qui télécharge (1'20)</h3>
<p><object id="stVUtQRUBIR11aQFRUW1NbUVBc" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="flashvars" value="video=stVUtQRUBIR11aQFRUW1NbUVBc" /><param name="src" value="http://www.screentoaster.com/swf/STPlayer.swf" /><param name="allowfullscreen" value="true" /><embed id="stVUtQRUBIR11aQFRUW1NbUVBc" type="application/x-shockwave-flash" width="425" height="344" src="http://www.screentoaster.com/swf/STPlayer.swf" flashvars="video=stVUtQRUBIR11aQFRUW1NbUVBc" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<h3>Le chercheur qui s'abonne</h3>
<p><object id="stVUtQRUBIR11aQFRbWVlRXldU" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="flashvars" value="video=stVUtQRUBIR11aQFRbWVlRXldU" /><param name="src" value="http://www.screentoaster.com/swf/STPlayer.swf" /><param name="allowfullscreen" value="true" /><embed id="stVUtQRUBIR11aQFRbWVlRXldU" type="application/x-shockwave-flash" width="425" height="344" src="http://www.screentoaster.com/swf/STPlayer.swf" flashvars="video=stVUtQRUBIR11aQFRbWVlRXldU" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<h3>Le chercheur qui abandonne</h3>
<p><object id="stVUtQRUBIR11aQFRVWlxfXl9V" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="flashvars" value="video=stVUtQRUBIR11aQFRVWlxfXl9V" /><param name="src" value="http://www.screentoaster.com/swf/STPlayer.swf" /><param name="allowfullscreen" value="true" /><embed id="stVUtQRUBIR11aQFRVWlxfXl9V" type="application/x-shockwave-flash" width="425" height="344" src="http://www.screentoaster.com/swf/STPlayer.swf" flashvars="video=stVUtQRUBIR11aQFRVWlxfXl9V" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>Dans la première vidéo, on a affaire à un internaute qui souhaite se faire une idée sur le livre blanc que le blog lui propose de télécharger. Il passe sans voir dirait-on l'extrait que je fournis et lit les commentaires. Ceux-ci semblent le convaincre et il décide de télécharger le livre blanc. Cela appelle deux types d'action. Le premier est de favoriser les commentaires, en lançant le débat par exemple. L'autre est d'utiliser des outils comme <a title="Scribd : développer ses ventes sur Internet" href="http://www.scribd.com/doc/16363743/Developper-ses-ventes-sur-Internet" target="_blank">Scribd</a> ou <a title="Slideshare : développer ses ventes sur Internet" href="http://www.slideshare.net/iskandhar/developper-ses-ventes-sur-internet" target="_blank">Slideshare</a> pour permettre au lecteur de consulter le livre blanc au sein même du blog.</p>
<p>Dans la deuxième vidéo, l'internaute vient d'un site qui mentionne <a title="Affiliation" href="http://www.madmagz.com/fr/blog/comment-creer-du-trafic-sur-son-site-web-affiliation" target="_blank">cet article sur l'affiliation</a> (Userfly fournit les provenances). Il ne le lit pas : il le parcourt, le goûte dirait-on. Cela ne lui semble pas si mauvais, et décide de goûter à d'autres plats. Convaincu, il s'abonne au flux RSS du blog. Cela souligne l'importance (comme dans le cas précédent du reste) de mettre en évidence le <em>call to action</em> (bouton RSS, lien de téléchargement). Cela m'incite à faciliter ce type de lecture (commun sur le Web) en mettant en gras les points clés ou en résumant les articles à la fin en une phrase ou deux.</p>
<p>Un <a title="Capablanca" href="http://fr.wikipedia.org/wiki/Jos%C3%A9_Ra%C3%BAl_Capablanca" target="_blank">champion d'échecs</a> disait qu'on apprend plus d'une partie perdue que de cent parties gagnées. La troisième vidéo raconte l'histoire d'un internaute qui a trouvé le blog en tapant "generer trafic web" dans Google. Avec <a title="Créer du trafic sur son site Web" href="http://www.madmagz.com/fr/blog/tag/comment-creer-du-trafic-sur-son-site-web" target="_blank">une dizaine d'articles</a> et un <a title="Développer ses ventes sur Internet" href="http://www.madmagz.com/fr/blog/developper-ses-ventes-sur-internet-livre-blan" target="_blank">livre blanc</a>, on ne peut pas dire que je ne l'aie pas traité ! Il passe plus d'une minute sur <a title="Clic de validation et création de trafic" href="http://www.madmagz.com/fr/blog/comment-creer-du-trafic-sur-son-site-web-le-clic-de-validation" target="_blank">cet article</a> et s'en va sans rien faire. Quand j'ai vu cela, je me suis aussitôt dit : pourquoi ne pas ajouter à la fin de ces article des liens vers les articles similaires ?</p>
<p>On le voit, parce qu'on ne décortique plus des abstractions (ratios, KPIs…) dans des tableaux de bords mais parce qu'on observe des personnes, on est d'emblée porté à l'action. On peut par exemple se concentrer sur les personnes qui ne consultent qu'une page (<em>bounce</em>) et ainsi améliorer son site bien plus sûrement qu'avec un outil de <em>web analytics</em> classique. Ceci dit, il ne s'agit pas de se noyer dans les enregistrements. Je pense qu'il faut distinguer des comportements types, comme l'indiquent les titres des captures, et les mettre ensuite en relation avec les objectifs du site.</p>
<p>Depuis que j'ai crée la société, je n'ai pas dépensé un euro en logiciels. Ici, je vais retirer le paquet d'oursins que j'ai dans les poches et m'abonner à Userfly. C'est un des outils de <em>web analytics</em> les plus puissant que je connaisse et je ne comprends pas pourquoi il n'est pas utilisé par tous les e-marketers du globe !</p>
<p><a href="http://blog.madmagz.com/userfly-et-tests-utilisateurs">Comment observer ses internautes les yeux fermés</a> is a post from: <a href="http://blog.madmagz.com">Le blog de Madmagz</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.madmagz.com/userfly-et-tests-utilisateurs/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Les tests utilisateurs</title>
		<link>http://blog.madmagz.com/les-tests-utilisateurs</link>
		<comments>http://blog.madmagz.com/les-tests-utilisateurs#comments</comments>
		<pubDate>Thu, 06 Nov 2008 20:42:33 +0000</pubDate>
		<dc:creator>Youssef</dc:creator>
				<category><![CDATA[Madmagz story]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[Bertrand Evain]]></category>
		<category><![CDATA[ergonome]]></category>
		<category><![CDATA[ergonomie]]></category>
		<category><![CDATA[maquette fonctionnelle]]></category>
		<category><![CDATA[prototype]]></category>
		<category><![CDATA[story board]]></category>
		<category><![CDATA[test utilisateur]]></category>
		<category><![CDATA[tests utilisateurs]]></category>
		<category><![CDATA[wireframe]]></category>

		<guid isPermaLink="false">http://thepalermoproject.com/fr/?p=615</guid>
		<description><![CDATA[Au terme de deux mois et demi de conception, Bertrand Evain (l'ergonome de l'équipe) et moi avons abouti à la maquette fonctionnelle du site. Une maquette fonctionnelle (ou story board ou wireframe ou prototype), c'est la représentation des différents écrans du site. (On peut pour cela utiliser Powerpoint ou un outil professionnel comme Axure) Avant [...]<p><a href="http://blog.madmagz.com/les-tests-utilisateurs">Les tests utilisateurs</a> is a post from: <a href="http://blog.madmagz.com">Le blog de Madmagz</a></p>
]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" title="Tests utilisateurs" src="http://farm4.static.flickr.com/3277/3005726073_9b4fb96d9b_o.jpg" alt="" width="360" height="360" /></p>
<p>Au terme de deux mois et demi de conception, Bertrand Evain (l'<a title="Bertrand Evain : consultant en ergonomie" href="http://ergonome-consultant.com/" target="_blank">ergonome</a> de l'équipe) et moi avons abouti à la <strong>maquette fonctionnelle</strong> du site. Une maquette fonctionnelle (ou <em>story board</em> ou <em>wireframe</em> ou prototype), c'est la représentation des différents écrans du site. (On peut pour cela utiliser Powerpoint ou un outil professionnel comme <a title="Axure : prototype, maquette fonctionnelle, story board, wireframe" href="http://www.axure.com/" target="_blank">Axure</a>)</p>
<p>Avant de passer la main à l'équipe technique, il nous fallait franchir cette étape cruciale : les <strong>tests utilisateurs</strong>. Pour prendre une image,  c'est comme pour un architecte de montrer les plans de la maison qu'il a conçue à de probables habitants avant qu'elle ne commence à être construite (développement) et peinte (graphisme). Si les habitants la rejettent, il n'y a plus qu'à recommencer !<span id="more-615"></span></p>
<p>Bertrand a pour cela une <strong>méthodologie en cinq points</strong>. La première est de <strong>baliser le parcours</strong> en déterminant, pour chaque écran, le point à valider. Cela peut se représenter sous la forme du tableau ci-après.</p>
<p><img class="alignnone" title="Tests utilisateurs" src="http://farm4.static.flickr.com/3282/3005688625_c9d5e3f199.jpg" alt="" width="500" height="144" /></p>
<p>Il faut ensuite <strong>choisir les personnes</strong>. Une demi-douzaine suffit, selon Bertrand, pour découvrir 80% des problèmes. L'enjeu pour nous étant surtout de valider la compréhension et, d'autre part, le service étant grand public, nous n'avons pas établi de profil cible.</p>
<p>Vient le moment où l'<strong>on présente le test</strong> aux personnes. Il est important de les mettre à l'aise et de préciser que le but n'est pas de les juger mais de recueillir leurs réactions. Il n'y a ni bonne ni mauvaise réponse : les torts, s'il y en a, sont nécessairement pour nous. Il est également important de ne pas servir d'aide : la personne doit se débrouiller comme si elle était seule.</p>
<p>Dans la <strong>prise de notes</strong>, il importe d'être factuel et d'avoir garde à deux choses : le comportement et les propos. Il est frappant de voir comme les comportements varient devant un même écran. Certains passent leur souris sur les boutons comptant voir apparaître une légende, d'autre recherche une FAQ, etc. Quant aux propos (<em>voice of customer</em>), ce sont des pépites qu'il faut recueillir avidement. Ils véhiculent plus que le sens : le sentiment, l'état d'esprit.</p>
<p>Enfin, la <strong>synthèse</strong> doit faire la part entre les réactions singulières et les leçons.</p>
<p>Les tests utilisateurs ont porté à la lumière des frictions lors du passage de l'étape de création à celle de publication, des termes inexplicites, des incohérences, etc. Ces points étaient toutefois mineurs : toutes les personnes ont compris rapidement le propos du service et la façon de l'utiliser. La conception était validée !</p>
<p>Et l'enjeu n'est pas à mésestimer. Ce qui est gagné ici, c'est un coût d'acquisition inférieur, un taux d'adoption et d'usage supérieurs, des recommandations en plus grand nombre, un service utilisateur moins sollicité, des ajustements techniques éliminés, etc. Autant dire que <strong>le travail ergonomique</strong> et les <strong>tests utilisateurs</strong> qui le sanctionnent sont <strong>indispensables</strong>.</p>
<p><a href="http://blog.madmagz.com/les-tests-utilisateurs">Les tests utilisateurs</a> is a post from: <a href="http://blog.madmagz.com">Le blog de Madmagz</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.madmagz.com/les-tests-utilisateurs/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
