<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="wordpress/2.3.3" -->
<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/"
	>

<channel>
	<title>lucide web</title>
	<link>http://blog.allegracom.ca/lucideweb</link>
	<description>Promouvoir l'utilisabilitÃ© du web et des intranets</description>
	<pubDate>Thu, 07 Feb 2008 16:24:25 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.3.3</generator>
	<language>en</language>
			<item>
		<title>3 raisons pourquoi on ne devrait jamais évaluer son propre site web</title>
		<link>http://blog.allegracom.ca/lucideweb/2008/02/18/</link>
		<comments>http://blog.allegracom.ca/lucideweb/2008/02/18/#comments</comments>
		<pubDate>Wed, 06 Feb 2008 20:29:38 +0000</pubDate>
		<dc:creator>eve</dc:creator>
		
		<category><![CDATA[Crédibilité]]></category>

		<category><![CDATA[Tests d'utilisabilité]]></category>

		<guid isPermaLink="false">http://blog.allegracom.ca/lucideweb/2008/02/18/</guid>
		<description><![CDATA[Tous les gens qui participent de près ou de loin à  la création d&#8217;un site web ont commis cette erreur au moins une fois : ne pas faire évaluer le site par une tierce partie. Il a fallu le commentaire d&#8217;un lecteur (merci Neville!) pour que je me rende compte que j&#8217;avais fait la [...]]]></description>
			<content:encoded><![CDATA[<p>Tous les gens qui participent de près ou de loin à  la création d&#8217;un site web ont commis cette erreur au moins une fois : ne pas faire évaluer le site par une tierce partie. Il a fallu le commentaire d&#8217;un lecteur (merci Neville!) pour que je me rende compte que j&#8217;avais fait la même chose sur Lucide Web. Alors qu&#8217;<a href="http://blog.allegracom.ca/lucideweb/2006/07/5/" title="Doit-on toujours souligner les liens?">un des mes articles précédents</a> favorisait la constance dans  le soulignement des liens, les titres de mes articles n&#8217;étaient pas soulignés, contrairement à  tous les autres liens sur mon site.</p>
<p>L&#8217;objectivité est vitale à  la création d&#8217;un site facile d&#8217;utilisation, mais c&#8217;est une chose qui ne peut pas être fournie par les gens qui participent à  sa conception. Pourquoi?</p>
<p><strong>1) On ne peut pas feindre l&#8217;ignorance</strong></p>
<p>Une fois qu&#8217;on sait quelque chose, on ne peut pas consciemment éliminer cette connaissance de notre mémoire. Essayez de regarder l&#8217;image ci-dessous <em>sans la lire</em> :</p>
<p style="text-align: center"><img src="http://blog.allegracom.ca/images/2008-02_telephone_fr.gif" title="mot franÃ§ais" alt="English Word" /></p>
<p>Votre cerveau décode le mot et vous ne pouvez rien n&#8217;y faire! Maintenant, regardez cette deuxième image :</p>
<p style="text-align: center"><img src="http://blog.allegracom.ca/images/2008-02_shanti.gif" title="Mot hindi" alt="Mot hindi" height="56" width="200" /></p>
<p>Si vous ne parlez pas le hindi, vous remarquerez probablement les courbes, points et la forme des lettres. Vous aurez peut-être même une opinion quant à  l&#8217;aspect esthétique de cet alphabet. Avez-vous déjà  considéré ces détails en lisant le français? Probablement pas.</p>
<p>Si vous savez que de cliquer une certaine image vous mènera vers un formulaire, il vous sera impossible de prétendre ne pas le savoir. Chaque fois que vous visiterez le site, votre cerveau saura déjà  où les éléments se trouvent et où ils mènent. Votre facilité à  y naviguer vous donnera l&#8217;impression qu&#8217;il est intuitif et ergonomique, alors qu&#8217;en réalité il pourrait être tout le contraire.</p>
<p><strong>2) Vous n&#8217;ê</strong><strong>tes pas impartial<br />
</strong><br />
<img src="http://blog.allegracom.ca/images/2008-02_bias.jpg" title="4 people looking at a laptop, smiling" alt="4 people looking at a laptop, smiling" class="img" align="left" height="163" width="200" /><em><br />
Vous </em>adorez cette teinte de vert, <em>vous</em> avez choisi le design, <em>vous</em> avez créé cette image percutante! Pensez-vous vraiment pouvoir admettre que l&#8217;intro animée que vous aimez tant est cause de confusion auprès des visiteurs?</p>
<p>Que vous soyez entrepreneur ou designer, il est tout à  fait normal de s&#8217;investir personnellement dans un tel projet. Votre personnalité et vos goûts influencent les couleurs, la mise en page, l&#8217;emplacement des éléments, etc. Mais attention que votre âme d&#8217;artiste ne nuise pas à  votre sens des affaires!</p>
<p><strong>3) Vous ne verrez pas les problè</strong><strong>mes </strong></p>
<p>La « cécité inattentionnelle » (« Inattentional Blindness ») est un phénomène qui fait en sorte que nous ne voyons pas certaines choses qui sont pourtant visibles. Le cerveau présume qu&#8217;elles ne sont pas assez importantes pour attirer l&#8217;attention, alors nous ne les « voyons » pas, même si elle sont clairement situées à  l&#8217;intérieur de notre champ visuel. La façon la plus efficace de démontrer ce phénomène est illustrée dans ce test fascinant : (cliquez sur l&#8217;image et suivez les instructions) <font color="#666666" size="1">(anglais)</font></p>
<p style="text-align: center"><a href="http://www.frucomerci.com/2007/11/28/visual-attention-test/" title="Visual Attention Test"><img src="http://video.google.com/ThumbnailServer2?app=vss&amp;contentid=1a075ab6b0361607&amp;offsetms=5000&amp;itag=w160&amp;lang=en&amp;sigh=scm9ebbKWXp7dmx2ygDahp78ruQ" id="_x0000_i1025" style="margin-bottom: 5px; margin-top: 5px" class="img" border="0" /></a></p>
<p>Il y a plusieurs raisons pour lequelles nous remarquons certaines choses mais pas d&#8217;autres. Il se peut qu&#8217;on ait vu un même site tellement souvent que rien n&#8217;attire plus notre attention. Ou encore, peut-être avons nous cliqué les mêmes liens si fréquemment que nous avons développé des réflexes automatiques.</p>
<p>Quand nous apprenons à  effectuer des tâches automatiquement, nous ne portons plus attention à  ce qu&#8217;on fait et nous nous concentrons sur d&#8217;autres choses, ce qui nous empêche de remarquer si quelque chose a changé. Certaines personnes qui utilisent quotidiennement la même route en voiture ont parfois l&#8217;impression de ne pas se souvenir de leur trajet. Pourquoi? Ils connaissent tous les détails de la route par cœur; ils n&#8217;ont pas <em>besoin</em> d&#8217;y porter attention. Le cerveau se fie donc aux processus automatiques, leur permettant d&#8217;être « dans la lune » et de penser à  autre chose.</p>
<p><strong>Obtenez une deuxiè</strong><strong>me, troisiè</strong><strong>me et quatriè</strong><strong>me ré</strong><strong>action! </strong></p>
<p>La perception de chaque individu est unique, influencée par ses expériences, sens et pensées. Il est impossible de la reproduire. Il n&#8217;y a donc aucun équivalent à  la réaction directe d&#8217;une autre personne.</p>
<p>Afin d&#8217;obtenir une idée réaliste de la façon dont les gens réagissent à  votre site web, vous devrez observer plusieurs personnes. Un professionnel en ergonomie peut vous aider à  effectuer de simple tests avec des utilisateurs réels. Ces tests vous permettront de découvrir les aspects problématiques de votre site.</p>
<p>Pour plus d&#8217;information :</p>
<p>• <a href="http://www.visualexpert.com/Resources/inattentionalblindness.html">&#8220;Inattentional Blindness&#8221; and Conspicuity</a> <font size="1">(Visual Expert Human Factors)</font> <font color="#666666" size="1">(anglais)</font><br />
• <a href="http://en.wikipedia.org/wiki/Inattentional_blindness" title="Inattentional Blindness on Wikipedia">« Inattentional Blindess » sur Wikipedia</a><font color="#666666" size="1"> (anglais)</font></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.allegracom.ca/lucideweb/2008/02/18/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Crime contre la crédibilité: la notification « Sous construction »</title>
		<link>http://blog.allegracom.ca/lucideweb/2007/07/17/</link>
		<comments>http://blog.allegracom.ca/lucideweb/2007/07/17/#comments</comments>
		<pubDate>Fri, 13 Jul 2007 20:39:05 +0000</pubDate>
		<dc:creator>eve</dc:creator>
		
		<category><![CDATA[Crédibilité]]></category>

		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://blog.allegracom.ca/lucideweb/2007/07/17/</guid>
		<description><![CDATA[    
Votre site web affiche-t-il une notification «sous construction»? Pensez-vous peut-être que cela lui donne un aspect dynamique, actif? Si c&#8217;est le cas, vous n&#8217;êtes pas seul. Les résultats de recherche des mots « Under Construction » (et « sous construction ») sur Google se nombrent à  plusieurs millions, de petites [...]]]></description>
			<content:encoded><![CDATA[<p align="center"><img src="http://blog.allegracom.ca/images/2007-07_construction_02.gif" /> <img src="http://blog.allegracom.ca/images/2007-07_construction_04.gif" /> <img src="http://blog.allegracom.ca/images/2007-07_construction_05.gif" /> <img src="http://blog.allegracom.ca/images/2007-07_construction_06.gif" /> <img src="http://blog.allegracom.ca/images/2007-07_construction_07.gif" height="33" width="37" /></p>
<p>Votre site web affiche-t-il une notification «sous construction»? Pensez-vous peut-être que cela lui donne un aspect dynamique, actif? Si c&#8217;est le cas, vous n&#8217;êtes pas seul. Les résultats de recherche des mots « Under Construction » (et « sous construction ») sur Google se nombrent à  plusieurs millions, de petites entreprises aux multinationales. De telles notifications, même si elles sont bien intentionnées, peuvent endommager votre crédibilité.</p>
<p>Elles prennent habituellement une des formes suivantes :</p>
<ul>
<li><strong>Le site web futur</strong><br />
Un écran temporaire pour un site qui n&#8217;existe pas encore; c&#8217;est l&#8217;équivalent de l&#8217;affiche « Fermé ». Bien que les entreprises physiques doivent fermer chaque jour, le web, quant à  lui, est ouvert 24 heures par jour.</li>
<li><strong>Le site web incomplet</strong><br />
Le site est publié, mais certaines sections disponibles au public ne sont pas terminées. Ce faisant, vous dites à  vos visiteurs que votre contenu n&#8217;est pas fiable.</li>
<li><strong>Le lien vers la page qui n&#8217;existe pas encore</strong><br />
Ce cas est particulièrement frustrant pour les utilisateurs, car ils cliquent sur un lien qui doit les mener vers de l&#8217;information dont ils ont besoin, mais une fois arrivés sur la page, on leur sert un message tel que « cette page est sous construction ».</li>
<li><strong>Le « teaser »</strong><br />
Ajouter une icône à  la suite d&#8217;un item, indiquant que l&#8217;information n&#8217;est pas encore disponible. Comme sa cousine, « Bientôt! », celle-ci provoque la frustration en affichant quelque chose dont les visiteurs ont besoin, mais sans leur donner accès. Ils en ont besoin <em>maintenant</em>, et non pas « bientôt »!</li>
</ul>
<blockquote><p><img src="http://blog.allegracom.ca/images/2007-07_construction_fr.gif" border="1" /></p></blockquote>
<p><strong><br />
« Sous construction » : Est-ce vraiment si nuisible?</strong></p>
<p><em>Une apparence non-professionnelle</em><br />
Les sites web sont toujours « sous construction ». Le web est dynamique; il est facile de mettre à  jour un site aussi souvent qu&#8217;on le désire. En affichant une notification « sous construction », vous trahissez plutôt le fait que vous ne reconnaissez pas l&#8217;importance du web comme faisant partie intégrante de votre image d&#8217;entreprise.</p>
<p><em>De l&#8217;information incompl</em>è<em>te donne l&#8217;impression que vous négligez vos clients</em><br />
Si vous n&#8217;êtes pas prêt à  publier, attendez que l&#8217;information soit complète avant de le faire. La facilité de publication sur le web n&#8217;est pas une excuse pour donner de l&#8217;information qui n&#8217;est pas de qualité. Donneriez-vous à  un client potentiel un texte écrit à  la main plutôt qu&#8217;une brochure imprimée professionnellement?</p>
<p><em>Cela va </em>à<em>  l&#8217;encontre des normes de design web</em><br />
Un designer compétent n&#8217;utilisera jamais ce genre de notification en développant un site web; il comprend la perception des utilisateurs et il concevra des suggestions qui correspondent à  vos objectifs d&#8217;entreprise. Le design est le facteur #1 qui déterminera si les visiteurs feront confiance à  votre site: ça vaut l&#8217;investissement.</p>
<p><strong>Buts louables, mauvaise solution!</strong></p>
<p>Les buts derrière l&#8217;utilisation de notifications « sous construction » sont valides. Par contre, des solutions plus efficaces existent, qui n&#8217;endommageront pas votre réputation :</p>
<blockquote><p><img src="http://blog.allegracom.ca/images/help.png" /> <em>But :</em> <strong>Vous voulez qu&#8217;il soit apparent que votre site est réguliè</strong><strong>rement mis à</strong><strong>  jour</strong><br />
<img src="http://blog.allegracom.ca/images/accept.png" /> <em>Solution : </em>Ajoutez une date de dernière mise à  jour sur chaque page de votre site. De cette façon, les visiteurs seront confiants que l&#8217;information est à  jour.</p>
<p><img src="http://blog.allegracom.ca/images/help.png" /> <em>But :</em>  <strong>Vous voulez annoncer une mise à</strong><strong>  jour (spécifique) prochaine</strong><br />
<img src="http://blog.allegracom.ca/images/accept.png" /> <em>Solution :</em> Si vous devez annoncer quelque chose d&#8217;avance, assurez-vous d&#8217;afficher la date exacte à  laquelle l&#8217;information sera disponible, et respectez-la. Le terme «bientôt » est trop vague et ne sera pas pris au sérieux.</p>
<p><img src="http://blog.allegracom.ca/images/help.png" /> <em>But :</em> <strong>Vous voulez motiver les gens à</strong><strong>  revenir</strong><br />
<img src="http://blog.allegracom.ca/images/accept.png" /> <em>Solution :</em> La seule façon efficace de motiver les gens à  visiter votre site est de leur fournir de l&#8217;information de qualité dont ils ont besoin. La mention « Revenez souvent », des graphiques animés ou tout autre stratagème ne changeront rien à  ce fait.</p>
<p><img src="http://blog.allegracom.ca/images/help.png" /> <em>But :</em>  <strong>Vous voulez ajouter de la vie à</strong><strong>  votre site en utilisant des images</strong><br />
<img src="http://blog.allegracom.ca/images/accept.png" /> <em>Solution :</em> L&#8217;utilisation d&#8217;images est difficile à  bien effectuer: si elles ne sont pas utilisées convenablement, elles peuvent facilement endommager votre crédibilité. Engagez un designer qualifié pour traduire votre vision dans le langage du web.</p></blockquote>
<p><font size="1">Pour plus de lecture sur le sujet :<br />
<a href="http://www.consumerwebwatch.org/dynamic/web-credibility-report-evaluate.cfm" title="How do People Evaluate a Websiteâ€™s Credibility?">Consumer Reports WebWatch Investigation: How do People Evaluate a Website&#8217;s Credibility?<br />
</a></font><a href="http://www.webcredible.co.uk/user-friendly-resources/web-credibility/website-design.shtml"><font size="1">Website design aesthetics<br />
</font></a><a href="http://www.sitepoint.com/article/blunders-big-players"><font size="1">Top 7 Usability Blunders Of The Big Players</font></a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.allegracom.ca/lucideweb/2007/07/17/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Pourquoi les images ne font pas de bons liens de navigation</title>
		<link>http://blog.allegracom.ca/lucideweb/2007/03/16/</link>
		<comments>http://blog.allegracom.ca/lucideweb/2007/03/16/#comments</comments>
		<pubDate>Thu, 08 Mar 2007 16:05:05 +0000</pubDate>
		<dc:creator>eve</dc:creator>
		
		<category><![CDATA[Navigation]]></category>

		<guid isPermaLink="false">http://blog.allegracom.ca/lucideweb/2007/03/16/</guid>
		<description><![CDATA[L&#8217;utilisation d&#8217;images dans la navigation (menu) d&#8217;un site est très difficile à  accomplir de façon efficace; les gens ont beaucoup plus tendance à  regarder le texte en premier, plutôt que les images. Les images qui ressemblent à  de la publicité ou qui ont un aspect purement décoratif sont souvent ignorées. Jakob Nielsen, [...]]]></description>
			<content:encoded><![CDATA[<p>L&#8217;utilisation d&#8217;images dans la navigation (menu) d&#8217;un site est très difficile à  accomplir de façon efficace; les gens ont beaucoup plus tendance à  regarder le texte en premier, plutôt que les images. Les images qui ressemblent à  de la publicité ou qui ont un aspect purement décoratif sont souvent ignorées. Jakob Nielsen, leader dans la recherche sur l&#8217;utilisabilité, a fait une <a href="http://www.useit.com/alertbox/20000514.html" title="Eyetracking study (anglais)">étude</a> <font color="gray" size="1">(anglais)</font> sur les mouvements des yeux des gens lorsqu&#8217;ils naviguent une page web. Voici ses conclusions concernant les images vs le texte :</p>
<blockquote><p><strong>Le texte attire davantage l&#8217;attention que les graphiques</strong><br />
Les endroits où les gens fixent les yeux sur une page consistaient d&#8217;images dans seulement 22% des cas; la plupart du temps (78%), les gens allaient directement vers le texte. En général, les utilisateurs étaient attirés par les titres, les sommaires d&#8217;article et les légendes. Ils n&#8217;ont souvent regardé les images que lors de leur deuxième ou troisième visite sur la page. <font color="gray" size="1">(trad. libre)</font></p></blockquote>
<p>Dans la capture d&#8217;écran ci-dessous, devinez quelles images sont des liens :<br />
<img src="http://blog.allegracom.ca/images/2007-03_health_01_450px_fr.gif" alt="Print screen of a health website" title="Print screen of a health website" /></p>
<p>Voici la même page, les images avec hyperliens entourées de rouge :<br />
<img src="http://blog.allegracom.ca/images/2007-03_health_01_450px_links_fr.gif" alt="Print screen of a health website" title="Print screen of a health website" /></p>
<p>Les cinq images du bas sont non seulement des liens, elles représentent le seul moyen direct de se rendre à  de l&#8217;information très importante, respectivement : pour les hommes, pour les femmes, à  propos des enfants, de la santé sexuelle et de la santé mentale. Puisqu&#8217;on ne peut pas déterminer si ces photos sont des liens (et parce qu&#8217;elles sont situées tout en bas de la page), il est peu probable qu&#8217;on clique dessus.</p>
<p>Ce genre de problème est si fréquent qu&#8217;on lui a donné un nom : « <a href="http://www.webpagesthatsuck.com/mysterymeatnavigation.html" title="Â«Mystery Meat NavigationÂ» (anglais)">navigation mystère</a> »  <font color="gray" size="1">(anglais) </font>(« Mystery Meat Navigation »). L&#8217;encyclopédie Wikipedia le définit comme suit :</p>
<blockquote><p>La navigation mystère est un terme utilisé pour décrire des interfaces (particulièrement dans le cas de sites web) qui n&#8217;indiquent pas clairement où mènent les liens et, dans les pires cas, où il est très difficile de déterminer où se trouvent les hyperliens sur la page. <font color="gray" size="1">(trad.libre)</font></p></blockquote>
<p>Sur le site montré en exemple, la navigation pourrait être sensiblement améliorée en :</p>
<ol>
<li>Réduisant la taille de l&#8217;énorme photo du haut de la page; elle prend beaucoup de place et ne représente pas une section-clé;</li>
<li>Repositionnant l&#8217;information importante en haut de la page;</li>
<li>Combinant le texte avec les images (par exemple, en ajoutant une description sous chaque photo).</li>
</ol>
<p>Pour plus d&#8217;information :</p>
<ul>
<li><a href="http://www.nirdagan.com/webpublishing/articles/imglink" title="Usability drawbacks of image-based navigation systems - Nir Dagan"> Usability drawbacks of image based navigation systems</a> (www.nirdagan.ca) <font color="gray" size="1">(anglais)</font><a href="http://www.nirdagan.com/webpublishing/articles/imglink" title="Usability drawbacks of image-based navigation systems - Nir Dagan"><br />
</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.allegracom.ca/lucideweb/2007/03/16/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Comment faire pour que vos courriels ressemblent à des pourriels</title>
		<link>http://blog.allegracom.ca/lucideweb/2007/02/15/</link>
		<comments>http://blog.allegracom.ca/lucideweb/2007/02/15/#comments</comments>
		<pubDate>Thu, 08 Feb 2007 15:51:16 +0000</pubDate>
		<dc:creator>eve</dc:creator>
		
		<category><![CDATA[Expérience utilisateur]]></category>

		<category><![CDATA[Marketing web]]></category>

		<guid isPermaLink="false">http://blog.allegracom.ca/lucideweb/2007/02/15/</guid>
		<description><![CDATA[Si vous utilisez le courriel comme outil marketing pour attirer des visiteurs vers votre site web, il est probable qu&#8217;au moins certains de vos messages soient considérés comme étant des pourriels. Une étude récente démontre que 93% des courriels que l&#8217;on reçoit sont des pourriels. Comment s&#8217;assurer que vos messages ne soient pas perçus de cette [...]]]></description>
			<content:encoded><![CDATA[<p>Si vous utilisez le courriel comme outil marketing pour attirer des visiteurs vers votre site web, il est probable qu&#8217;au moins certains de vos messages soient considérés comme étant des pourriels. Une <a href="http://www.atelier.fr//article.php?artid=33556&amp;catid=17" title="93% des courriels sont des spams! - atelier.fr">étude récente</a> démontre que 93% des courriels que l&#8217;on reçoit sont des pourriels. Comment s&#8217;assurer que vos messages ne soient pas perçus de cette façon?</p>
<p>J&#8217;ai reçu récemment ce courriel cryptique :</p>
<p><img src="http://blog.allegracom.ca/images/2007-02_email_01_sm.jpg" alt="Email Screen Shot" title="Email Screen Shot" /><br />
<font size="1">(trad. libre : Untel vous a envoyé</font><font size="1"> un lien&#8230; Cliquez sur le lien pour l&#8217;activer et entrez votre information pour accéder au site web)<br />
</font><br />
Le lien en question m&#8217;amène sur ce site web, encore moins informatif :<br />
<img src="http://blog.allegracom.ca/images/2007-02_email_03_sm.jpg" alt="Email Screen Shot" title="Email Screen Shot" /><br />
<font size="1">(trad. libre : Untel vous a invité ici personnellement. Entrez votre information pour découvrir pourquoi)<br />
</font><br />
Voici la déconstruction de ma réaction à  ce message :</p>
<ul>
<li>Le message semble venir de quelqu&#8217;un que je connais&#8230; mais il ne contient aucun sujet ou information.</li>
<li>On me demande de cliquer, mais pourquoi? Je me méfie de cette tactique « mystère ».</li>
<li>En arrivant sur le site web, je réalise que son seul but est d&#8217;obtenir mon information personnelle; donc, je quitte.</li>
<li>Je suis irritée que cette personne m&#8217;ait envoyé un pourriel et qu&#8217;elle ait fourni mon adresse courriel sans mon consentement.</li>
</ul>
<p>Comment les courriels marketing légitimes peuvent-il éviter de ressembler à  des pourriels? Voici trois points tirés de l&#8217;exemple précédent :</p>
<ol>
<li><em><strong>Assurez-vous que l&#8217;objet de votre message soit clair et simple<br />
</strong></em>Comparez le message ci-dessus avec celui-ci, venant de YouTube :<img src="http://blog.allegracom.ca/images/2007-02_email_04.jpg" alt="Email Screen Shot" title="Email Screen Shot" /></p>
<p>Il n&#8217;y a pas de doute quant au sujet, et le lien amène l&#8217;utilisateur directement au contenu sans demander quoi que ce soit. La clarté de votre message est encore plus importante si vous utilisez des éléments du marketing social, tel que la fonction « Envoyer à  un ami ». Parce que le message vient de quelqu&#8217;un qui est connu du destinataire, il a plus de chance d&#8217;être lu. Pour cette raison, si le message est perçu comme étant un pourriel, le destinataire sera d&#8217;autant plus irrité du fait qu&#8217;une de ses connaissances l&#8217;ait sollicité sans son consentement.</li>
<li><em><strong>Si vous utilisez le « marketing par la curiosité », assurez-vous d&#8217;être bien informé</strong></em><br />
Stimuler la curiosité sans paraître manipulateur est un art (et une science) qui n&#8217;est bien exécuté que par les spécialistes. La plupart des gens qui essaient de le faire causent la frustration et donnent une impression trompeuse. Cet aspect du marketing est soutenu par de nombreuses recherches afin de développer des stratégies qui :</p>
<ul>
<li>Provoquent l&#8217;intérêt des gens pour un produit ou service</li>
<li>Répondent à  la question « Qu&#8217;est-ce que cela va-t-il m&#8217;apporter? »</li>
<li>Organiser précisément l&#8217;envoi des messages pour maximiser l&#8217;intérêt</li>
<li>Cibler les messages vers un groupe spécifique</li>
</ul>
</li>
<p>Dans le cas de ce message, cette « stratégie » a complètement échoué. Celle-ci comptait exclusivement sur le fait que le message vienne d&#8217;une personne que je connais, et présumait que cela soit suffisant pour que je m&#8217;inscrive.</p>
<li><em><strong>Ne forcez pas les gens à  faire quelque chose qu&#8217;ils ne veulent pas faire </strong></em><br />
Je présume que ce site est un genre de réseau social où l&#8217;on peut interagir avec des gens que nous connaissons. Cependant, cette hypothèse est basée uniquement sur les indices que j&#8217;ai remarqués dans le courriel et sur la page web. Ce n&#8217;est pas suffisant pour me convaincre de céder mon information personnelle; je veux être absolument persuadée que ce n&#8217;est pas une stratégie de collection d&#8217;adresses pour une liste de distribution de pourriels. S&#8217;il y avait eu plus d&#8217;information sur le site, il est possible que j&#8217;aie choisi de m&#8217;inscrire. Comme la plupart des gens, je veux contrôler ce que je révèle et pourquoi. Le seul contrôle qui m&#8217;est accordé dans cette situation est de a) faire confiance à  la bonne volonté des créateurs du site ou b) quitter. Je choisis l&#8217;option B!</li>
</ol>
<p>Pour plus d&#8217;information :</p>
<ul>
<li><a href="http://www.allbusiness.com/marketing-advertising/advertising-internet-advertising/330941-1.html" title="Managing the power of curiosity for effective Web advertising strategies - AllBusiness.com">Managing the power of curiosity for effective Web advertising strategies</a> (AllBusiness.com) [anglais]</li>
<li><a href="http://blog.allegracom.ca/lucidweb/2006/06/4/" title="How to Drive Customers Away from your Website: Confuse, Frustrate and Anger Them - Lucid Web"> </a><a href="http://blog.allegracom.ca/lucideweb/2006/06/4/" rel="bookmark" title="Lien permanent vers Comment faire pour que les visiteurs de votre site web ne reviennent jamais: Confondez, frustrez et irritez!">Comment faire pour que les visiteurs de votre site web ne reviennent jamais: Confondez, frustrez et irritez!</a> (Lucide Web)</li>
<li><a href="http://www.useit.com/alertbox/email_marketing.html" title="#  Incompetent Email Marketing = Lost Future Opportunities - useit.com"> Incompetent Email Marketing = Lost Future Opportunities</a> (useit.com) [anglais]</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.allegracom.ca/lucideweb/2007/02/15/feed/</wfw:commentRss>
		</item>
		<item>
		<title>On joue à la « tag » entre bloggeurs</title>
		<link>http://blog.allegracom.ca/lucideweb/2007/01/14/</link>
		<comments>http://blog.allegracom.ca/lucideweb/2007/01/14/#comments</comments>
		<pubDate>Fri, 12 Jan 2007 16:36:47 +0000</pubDate>
		<dc:creator>eve</dc:creator>
		
		<category><![CDATA[Autre]]></category>

		<guid isPermaLink="false">http://blog.allegracom.ca/lucideweb/2007/01/14/</guid>
		<description><![CDATA[Je me suis fait attraper simultanément par deux personnes (Ferry den Dopper, mon homologue néerlandais et Muriel Vandermeulen qui écrit un blogue sur l&#8217;écriture pour le web) pour une joute de « tag » en ligne, durant laquelle on doit révéler cinq choses sur son blogue.
J&#8217;imagine que j&#8217;ai reçu ces deux invitations pour l&#8217;une des [...]]]></description>
			<content:encoded><![CDATA[<p>Je me suis fait attraper simultanément par deux personnes (<a href="http://blogs.tamtam.nl/Ferry/" title="Ferry den Dopper on User Experience">Ferry den Dopper</a>, mon homologue néerlandais et <a href="http://ecrirepourleweb.wordpress.com/" title="Ã‰crire pour le web">Muriel Vandermeulen</a> qui écrit un blogue sur l&#8217;écriture pour le web) pour une joute de « tag » en ligne, durant laquelle on doit révéler cinq choses sur son blogue.</p>
<p>J&#8217;imagine que j&#8217;ai reçu ces deux invitations pour l&#8217;une des deux raisons suivantes : a) quelqu&#8217;un veut en savoir plus sur moi ou b) (explication la plus probable) on a manqué de personnes avec qui jouer à  la <span style="font-style: italic">tag</span>! Voici donc</p>
<h3>5 choses peu connues à  mon propos</h3>
<ol>
<li><strong>Je parle 2.85 langues</strong><br />
J&#8217;ai étudié plusieurs langues dont le chinois (mandarin et cantonais), l&#8217;allemand,  l&#8217;espagnol et (actuellement) le hindi. Je suis francophone d&#8217;origine et je parle aussi anglais. Le 0.85 restant se divise comme suit:</p>
<ul>
<li>Chinois:0.00 (J&#8217;ai tout oublié!)</li>
<li>Allemand: 0.05 (Lecture seulement)</li>
<li>Espagnol: 0.25 (Je lis et comprends)</li>
<li>Hindi: 0.55 (Je lis, comprends et parle avec une maîtrise de 30%)</li>
</ul>
</li>
<li><strong>Mon profil de carrière à  l&#8217;é</strong><strong>cole secondaire m&#8217;a destiné</strong><strong> à  une carrière d&#8217;océanographe</strong><br />
Même si je n&#8217;aime ni l&#8217;eau ni les sous-marins</li>
<li>
<p align="left"><strong>Tous les chapeaux me font bien</strong><br />
En conséquence, je suis peinée du fait qu&#8217;on ne porte plus beaucoup de chapeaux; je ne peux porter mes multiples chapeaux d&#8217;époque qu&#8217;Ã  l&#8217;intérieur!</li>
<li>
<p align="left"><strong>Mon </strong><strong>émission de télévision préférée (en ce moment) est Battlestar Galactica</strong><br />
La dernière fois que j&#8217;ai vu une émission de science fiction que j&#8217;ai vraiment apprécié, c&#8217;était l&#8217;ère de Babylon 5</li>
<li>
<p align="left"><strong>J&#8217;ai tué</strong><strong> ma première mouche à  l&#8217;âge de 6 mois<br />
</strong>Par pure coïncidence, j&#8217;ai lancé ma bottine sur le mur au moment même où une mouche y atterrit&#8230;</li>
</ol>
<p>C&#8217;est maintenant à  mon tour de courir après quelqu&#8217;un :</p>
<ul>
<li><a href="http://blog.cristinafavreau.com/" title="The Savvy Entrepreneur">Cristina Favreau</a>, une bonne amie et passionnée du coaching pour petites entreprises</li>
<li><a href="http://www.languagehat.com" title="Language Hat">Language Hat</a>, mon bloggeur linguistique préféré, qui aime aussi les chapeaux!</li>
<li>Sandrine Prom Tep, d&#8217;<a href="http://www.ergonomia.ca/" title="Ergonomia">ergonomia.ca</a>, une collègue de Montréal qui travaille en utilisabilité que je n&#8217;ai toujours pas officiellement rencontrée</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.allegracom.ca/lucideweb/2007/01/14/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Le premier « clin d&#8217;oeil » de Lucide Web est accordé à &#8230;</title>
		<link>http://blog.allegracom.ca/lucideweb/2006/11/13/</link>
		<comments>http://blog.allegracom.ca/lucideweb/2006/11/13/#comments</comments>
		<pubDate>Tue, 14 Nov 2006 23:24:17 +0000</pubDate>
		<dc:creator>eve</dc:creator>
		
		<category><![CDATA[Clin d'oeil]]></category>

		<category><![CDATA[Recherche]]></category>

		<guid isPermaLink="false">http://blog.allegracom.ca/lucideweb/2006/11/13/</guid>
		<description><![CDATA[Je me rends compte depuis quelque temps que mes articles ont parfois une connotation ngative, critiquant les erreurs commises sur certains sites web plutôt que d&#8217;encourager ceux qui font des efforts pour leurs utilisateurs. Quoique les erreurs puissent être une méthode efficace d&#8217;apprentissage, j&#8217;ai décidé faire place au positif, autant que possible.
C&#8217;est pourquoi j&#8217;ai créé [...]]]></description>
			<content:encoded><![CDATA[<p>Je me rends compte depuis quelque temps que mes articles ont parfois une connotation ngative, critiquant les erreurs commises sur certains sites web plutôt que d&#8217;encourager ceux qui font des efforts pour leurs utilisateurs. Quoique les erreurs puissent être une méthode efficace d&#8217;apprentissage, j&#8217;ai décidé faire place au positif, autant que possible.</p>
<p>C&#8217;est pourquoi j&#8217;ai créé le « clin d&#8217;oeil » Lucide Web, qui représente ma reconnaissance personnelle de bons exemples d&#8217;utilisabilité que je rencontre sur le web. Le « clin d&#8217;oeil » n&#8217;a pas pour but d&#8217;être considéré comme une analyse officielle d&#8217;utilisabilité; il est simplement un moyen de mettre en valeur des éléments, concepts, processus ou toute autre caractéristique d&#8217;un site web qui facilite mon expérience en tant qu&#8217;utilisatrice.</p>
<p align="center"><img src="http://blog.allegracom.ca/images/wink_fr.gif" alt="Lucid Web " title="Lucid Web " align="middle" /></p>
<p>Après avoir cherché plusieurs mois afin de trouver quelque chose qui méritait cette mention, aujourd&#8217;hui, <a href="http://www.worldusabilityday.org/" title="JournÃ©e internationale de l'utilisabilitÃ© (anglais)">la journée internationale de l&#8217;utilisabilité</a> <font color="#666666" size="1">(anglais)</font>, j&#8217;ai trouvé! Je suis heureuse d&#8217;accorder le premier <em>Clin d&#8217;oeil</em> à</p>
<p align="center"><a href="http://www.istockphoto.com" title="istockphoto.com - Royalty-free Stock Images"><font size="3"><strong>istockphoto.com</strong></font></a><br />
pour leur fonction d&#8217;aide à  la recherche qui<br />
filtre les résultats selon la signification des mots</p>
<p style="text-align: center"><img src="http://blog.allegracom.ca/images/2006-11_istockphoto_search_help_fr.gif" alt="istockphoto.com Search Help" title="istockphoto.com Search Help" /><br />
(<a href="http://www.istockphoto.com" title="istockphoto.com - Royalty-free Stock Images">iStockPhoto</a> est un site qui fournit des images et photos libres de droits)</p>
<p>[<em>note pour la version française de l&#8217;article:</em> La version françaaise du site istockphoto.com offre les mêmes fonctions, mais, comme vous pouvez le constater dans l&#8217;image ci-haut, il y aurait lieu de traduire certains termes qui sont demeurés en anglais.]</p>
<p>Je suis certaine que cette fonction est disponible ailleurs, mais je ne l&#8217;avais jamais vue avant et elle m&#8217;a été très utile pour trouver une image que je cherchais pour la nouvelle entête de Lucide Web. (L&#8217;image parfaite a été conçue par le très talentueux <a href="http://www.istockphoto.com/user_view.php?id=302391" title="Simon Oxley's profile on iStockPhoto">Simon Oxley</a>.) Cette fonction utile m&#8217;a économisé du temps et m&#8217;a fait sourire&#8230; que peut-on demander de plus lors d&#8217;un mardi gris et pluvieux?</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.allegracom.ca/lucideweb/2006/11/13/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Vous avez 4 secondes avant qu&#8217;ils quittent votre site web!</title>
		<link>http://blog.allegracom.ca/lucideweb/2006/11/11/</link>
		<comments>http://blog.allegracom.ca/lucideweb/2006/11/11/#comments</comments>
		<pubDate>Thu, 09 Nov 2006 20:18:20 +0000</pubDate>
		<dc:creator>eve</dc:creator>
		
		<category><![CDATA[Crédibilité]]></category>

		<category><![CDATA[Expérience utilisateur]]></category>

		<category><![CDATA[Utilisabilité]]></category>

		<guid isPermaLink="false">http://blog.allegracom.ca/lucideweb/2006/11/11/</guid>
		<description><![CDATA[Un récent sondage démontre comment les entreprises peuvent souffrir du fait que leur site web ne soit pas convivial. Quelques points provenant du sondage :

75% des répondants ne retourneront jamais sur un site web qui les a fait attendre plus de quatre secondes pour charger une page.
Un tiers des participants abandonnent les sites qui prennent [...]]]></description>
			<content:encoded><![CDATA[<p>Un récent sondage démontre comment les entreprises peuvent souffrir du fait que leur site web ne soit pas convivial. Quelques points provenant du sondage :</p>
<ul>
<li>75% des répondants ne retourneront jamais sur un site web qui les a fait attendre plus de <strong>quatre secondes</strong> pour charger une page.</li>
<li>Un tiers des participants <strong>abandonnent les sites</strong> qui prennent du temps à  charger, sont difficiles à  naviguer ou prennent trop de temps à  traiter une transaction.</li>
<li>La limite de quatre secondes représente la moitié de ce qu&#8217;elle était auparavant; les gens deviennent <strong>de plus en plus impatients</strong> sur le web.</li>
<li>L&#8217;expérience que les gens ont sur un site de commerce électronique affecte leur perception globale de l&#8217;entreprise derrière ce site.</li>
<li>Environ 30% des répondants on mentionné avoir une <strong>perception négative</strong> d&#8217;une entreprise dont le site est mal conçu et qu&#8217;ils parleraient de leur expérience à  leurs proches.</li>
</ul>
<p>Qu&#8217;est-ce que ces données représentent pour un concepteur de sites web ou un propriétaire d&#8217;entreprise?</p>
<ol>
<li><strong>Les graphiques lourds et l&#8217;animation peuvent avoir un effet négatif<br />
</strong>Même si votre site web est attirant visuellement, s&#8217;il utilise beaucoup de graphiques et d&#8217;animation, les gens risquent de quitter avant même d&#8217;avoir vu l&#8217;effet final; vous aurez perdu des clients potentiels. Pour éviter ceci, assurez-vous que votre site ne soit pas chargé de graphiques (utilisez des liens texte pour naviguer plutêt que des images de « boutons », par exemple) et que votre fournisseur d&#8217;hébergement soit fiable.</li>
<li><strong>Les sites simples et faciles d&#8217;utilisation gardent leurs visiteurs</strong><br />
En rendant la vie facile à  vos visiteurs, vous avez une bien meilleure chance de communiquer votre message efficacement. Assurez-vous que la structure de navigation (« menu ») soit simple et que les étapes de vos transactions soient claires; de cette façon, vos visiteurs seront moins susceptibles de quitter votre site avant d&#8217;avoir accompli leur tâche.</li>
<li><strong>Votre site web a réellement un impact sur votre entreprise</strong><br />
Les gens considèrent qu&#8217;un site web reflète l&#8217;entreprise qu&#8217;il représente. S&#8217;ils ont une expérience négative, cela va affecter leur attitude face à  cette entreprise et ils en parleront à  leurs proches!</li>
</ol>
<p>Si on ne tire qu&#8217;une morale de cette histoire, c&#8217;est qu&#8217;une <a href="http://www.allegracom.ca/usability_eval_fr.htm" title="Allegra Communications - Ã‰valuations d'utilisabilitÃ© de sites web">évaluation d&#8217;utilisabilité</a> peut empêcher votre entreprise de repousser des clients potentiels!</p>
<p><font size="1">Pour plus d&#8217;information:<br />
<a href="http://news.bbc.co.uk/2/hi/technology/6131668.stm" title="BBC News - Websites face four-second cut-off">BBC News &#8220;Websites face four-second cut-off&#8221;</a> (anglais)</font></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.allegracom.ca/lucideweb/2006/11/11/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Tu te souviens de moi ou pas? Chapters.ca a des trous de mémoire&#8230;</title>
		<link>http://blog.allegracom.ca/lucideweb/2006/09/10/</link>
		<comments>http://blog.allegracom.ca/lucideweb/2006/09/10/#comments</comments>
		<pubDate>Wed, 27 Sep 2006 18:40:52 +0000</pubDate>
		<dc:creator>eve</dc:creator>
		
		<category><![CDATA[Expérience utilisateur]]></category>

		<guid isPermaLink="false">http://blog.allegracom.ca/lucideweb/2006/09/10/</guid>
		<description><![CDATA[Plusieurs sites de commerce électronique &#8220;reconnaissent&#8221; leurs clients en affichant leur nom dans une salutation personnalisée telle que &#8220;Bonjour, [Nom du client]!&#8221;. C&#8217;est généralement un détail agréable; le client se sent important, il se dit « Ils savent qui je suis ».
Cependant, dans certains cas, cette reconnaissance ne va pas très loin; aussitôt qu&#8217;on essaie [...]]]></description>
			<content:encoded><![CDATA[<p>Plusieurs sites de commerce électronique &#8220;reconnaissent&#8221; leurs clients en affichant leur nom dans une salutation personnalisée telle que &#8220;Bonjour, [Nom du client]!&#8221;. C&#8217;est généralement un détail agréable; le client se sent important, il se dit « Ils savent qui je suis ».</p>
<p>Cependant, dans certains cas, cette reconnaissance ne va pas très loin; aussitôt qu&#8217;on essaie d&#8217;ajouter un item au panier ou de visualiser son profil, on doit ouvrir une session (« sign in »). Évidemment, ces mesures sont nécessaires pour des raisons de sécurité; par contre, si elles ne sont pas présentées clairement, elles peuvent confondre le visiteur et annuler l&#8217;effet positif d&#8217;avoir vu son nom apparaître sur la page d&#8217;accueil. « Pourquoi ne te souviens-tu pas de moi? Tu viens de me dire bonjour! »</p>
<p>Par exemple, Chapters.ca salue individuellement ses clients sur la page d&#8217;accueil :</p>
<p style="text-align: center"><img src="http://blog.allegracom.ca/images/2006-09_chapters_cookie_fr.jpg" alt="Bonjour, Eve Leonard" title="Bonjour, Eve Leonard" style="border-style: solid; border-width: 1px" /></p>
<p>Par contre, en cliquant sur « Liste de souhaits », soudainement on ne se souvient plus de moi!</p>
<p align="center"><img src="http://blog.allegracom.ca/images/2006-09_chapters_wish-list_01_fr.jpg" title="Liste de souhaits - Chapters.ca" alt="Liste de souhaits - Chapters.c" style="border-style: solid; border-width: 1px" align="middle" /></p>
<p>Cet irritant est facilement éliminé : on n&#8217;a qu&#8217;à  utiliser l&#8217;information personnalisée dans le message et expliquer la raison derrière la demande, même si le site « sait » déjà  qui est le visiteur. Un message similaire à  celui-ci serait plus clair : « Bonjour [Nom du client]! Pour des raisons de sécurité, veuillez entrer votre mot de passe pour accéder à  votre liste de souhaits personnelle. » Il n&#8217;y a aucun besoin d&#8217;avoir une page additionnelle qui ne sert qu&#8217;à  annoncer qu&#8217;on devra effectuer une ouverture de session après avoir cliqué sur « Continuez ».</p>
<p><strong>Les clients ne devraient pas devoir penser à  la technologie derrière un site web</strong></p>
<p>Il y a relativement peu de gens qui comprennent les différentes forces à  l&#8217;oeuvre derrière la personnalisation d&#8217;un site. Par exemple, quand un site reconnait la visite d&#8217;un client, il puise habituellement l&#8217;information emmagasinée dans le fureteur lui-même, sous la forme d&#8217;un « témoin » (ou « cookie » en anglais). Par contre, l&#8217;information relative au profil du client, à  l&#8217;historique des achats et à  l&#8217;information de crédit se trouve, quant à  elle, dans le site de Chapters.ca. S&#8217;il n&#8217;est pas possible de faire la transition entre ces sources d&#8217;information de manière transparente, il faudrait au moins que cela soit expliqué clairement.</p>
<p>La personnalisation d&#8217;une site web offre plusieurs avantages, mais elle entraîne également certaines responsabilités. Chaque nouvel élément crée des attentes chez le visiteur qui doivent être prises en considération, à  défaut de quoi il quittera le site avec une impression négative. Si vous songez à  ajouter quelque chose de nouveau sur votre site, pensez à  vos visiteurs potentiels et ce à  qu&#8217;ils s&#8217;attendraient à  voir sur votre site à  la suite de cet ajout. Si vous ne pouvez pas répondre à  cette question, il est peut-être judicieux de ne rien ajouter du tout; cela pourrait finir par causer du tort à  votre entreprise.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.allegracom.ca/lucideweb/2006/09/10/feed/</wfw:commentRss>
		</item>
		<item>
		<title>3 trucs simples pour améliorer vos formulaires</title>
		<link>http://blog.allegracom.ca/lucideweb/2006/09/9/</link>
		<comments>http://blog.allegracom.ca/lucideweb/2006/09/9/#comments</comments>
		<pubDate>Thu, 07 Sep 2006 16:06:51 +0000</pubDate>
		<dc:creator>eve</dc:creator>
		
		<category><![CDATA[Utilisabilité]]></category>

		<guid isPermaLink="false">http://blog.allegracom.ca/lucideweb/2006/09/9/</guid>
		<description><![CDATA[Lors d&#8217;un récent voyage en République Tchèque, j&#8217;ai acheté une carte de téléphone cellulaire pour ensuite essayer de l&#8217;enregistrer sur le site web de T-Mobile. J&#8217;étais confuse par la façon dont le formulaire était conçu et il m&#8217;a fallu quelques essais avant de pouvoir en arriver à  l&#8217;étape suivante de l&#8217;enregistrement. Pouvez-vous voir pourquoi?

Ma [...]]]></description>
			<content:encoded><![CDATA[<p>Lors d&#8217;un récent voyage en République Tchèque, j&#8217;ai acheté une carte de téléphone cellulaire pour ensuite essayer de l&#8217;enregistrer sur le site web de T-Mobile. J&#8217;étais confuse par la façon dont le formulaire était conçu et il m&#8217;a fallu quelques essais avant de pouvoir en arriver à  l&#8217;étape suivante de l&#8217;enregistrement. Pouvez-vous voir pourquoi?</p>
<p style="text-align: center"><img src="http://blog.allegracom.ca/images/t-mobile_04_450px.gif" alt="www.t-mobile.cz T-Zone Registration Page" title="www.t-mobile.cz T-Zone Registration Page" /></p>
<p>Ma confusion était due aux raisons suivantes :</p>
<ul>
<li>Le lien menant vers la prochaine étape est situé à  l&#8217;extérieur de l&#8217;espace visuel dans lequel se trouve le champ de saisie (la boîte grise); je ne l&#8217;ai pas remarqué initialement</li>
<li>Je tape la touche « retour », ce qui me donne un message d&#8217;erreur</li>
<li>Une fois que j&#8217;ai remarqué le lien, j&#8217;hésite à  cliquer car il n&#8217;est pas clair (Â«Continuer dans l&#8217;enregistrementÂ»)</li>
<li>Je suis habituée à  voir un bouton plutôt qu&#8217;un lien texte à  côté d&#8217;une boîte où j&#8217;ai entré de l&#8217;information. Je ne sais pas si elle sera sauvegardée si je clique le lien.</li>
</ul>
<p>Puisque j&#8217;aime bien trouver une « morale » à  chacune de mes expériences, voici trois trucs tirés de cet exemple qui vous aideront à  améliorer vos formulaires :</p>
<p><strong>1. Groupez les éléments qui vont ensemble</strong></p>
<p>Dans cet exemple, une boîte grise est utilisée autour du champ de saisie. C&#8217;est une bonne idée, puisqu&#8217;il y a d&#8217;autres éléments dans la page qui ne font pas partie du formulaire; cette approche les isole du reste. Par contre, le lien vers l&#8217;étape suivante aurait dû être inclus dans cet espace visuel, car il fait partie intégrante du formulaire.</p>
<p><strong>2. Respectez les attentes des utilisateurs</strong></p>
<p>Même si la façon dont nous utilisons les formulaires évolue avec les nouvelles technologies du web, les gens se sont habitués à  procéder d&#8217;une certaine manière. Par exemple, la plupart des gens s&#8217;attendent à  ce qu&#8217;un bouton (ou un graphique qui ressemble à  un bouton), et non un lien texte, se trouve à  côté d&#8217;un champ qu&#8217;ils doivent remplir. Plusieurs sites conscients de l&#8217;utilisabilité, tels que Backpack et Smugmug, appliquent toujours ce principe :</p>
<p style="text-align: center"><img src="http://blog.allegracom.ca/images/backpack_05.gif" title="Backpack's " alt="Backpack's " style="border-style: solid; border-width: 1px" /><img src="http://blog.allegracom.ca/images/smugmug-edit-desc_03.gif" style="border-style: solid; border-width: 1px" title="Smugmug's Edit Description Field" alt="Smugmug's Edit Description Field" /></p>
<p><strong>3. Utilisez des mots spécifiques pour les actions</strong></p>
<p>Le mot « enregistrement » apparaît quatre fois dans la page de T-Mobile, et très près l&#8217;un de l&#8217;autre. Plutôt que d&#8217;utiliser des mots génériques qui peuvent confondre l&#8217;utilisateur, sélectionnez des verbes qui indiquent clairement quelle est la prochaine étape logique, tels que « Sauvegarder », « Publier » ou « Envoyer ». Comme <a href="http://www.yourtotalsite.com/archives/usability/clearly_label_those_butto/Default.aspx" title="yourtotalsite.com - Clearly Label Those Buttons">Garrett du site yourtotalsite.com</a> le dit si bien : <em>Les boutons devraient communiquer ce qui arrive quand on clique dessus et utiliser un langage que les utilisateurs comprennent.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.allegracom.ca/lucideweb/2006/09/9/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Ne mettez pas vos visiteurs à la porte en faisant des suppositions</title>
		<link>http://blog.allegracom.ca/lucideweb/2006/08/8/</link>
		<comments>http://blog.allegracom.ca/lucideweb/2006/08/8/#comments</comments>
		<pubDate>Wed, 16 Aug 2006 19:33:45 +0000</pubDate>
		<dc:creator>eve</dc:creator>
		
		<category><![CDATA[Expérience utilisateur]]></category>

		<category><![CDATA[Utilisabilité]]></category>

		<guid isPermaLink="false">http://blog.allegracom.ca/lucideweb/2006/08/8/</guid>
		<description><![CDATA[En recherchant de l&#8217;information sur les types de vin, j&#8217;inscris « wine 101 » dans Google et j&#8217;accède au premier résultat: le site wine.com. Je n&#8217;ai jamais visité ce site et je suis contente de voir qu&#8217;il semble donner de l&#8217;information intéressante. Moins de cinq secondes plus tard, une fenêtre « pop-up » s&#8217;ouvre, cachant [...]]]></description>
			<content:encoded><![CDATA[<p>En recherchant de l&#8217;information sur les types de vin, j&#8217;inscris « wine 101 » dans Google et j&#8217;accède au premier résultat: le site<em> wine.com</em>. Je n&#8217;ai jamais visité ce site et je suis contente de voir qu&#8217;il semble donner de l&#8217;information intéressante. Moins de cinq secondes plus tard, une fenêtre « pop-up » s&#8217;ouvre, cachant l&#8217;information derrière; je ne peux pas la fermer. On me demande où je veux faire expédier ma commande, en ne me donnant le choix que de sélectionner un état américain.</p>
<p style="text-align: center"><img src="http://blog.allegracom.ca/images/ss_wine-01-450.gif" alt="wine.com Screen Shot - Shipping State Request" title="wine.com Screen Shot - Shipping State Request" /><br />
<font size="1">(Traduction libre : « Vers quel État voulez-vous expédier? (&#8230;) En sélectionnant votre État,<br />
nous pourrons (&#8230;) vous fournir une meilleure expérience de magasinage »)</font></p>
<p>Les concepteurs du site wine.com ont présumé trois choses incorrectes à  mon propos, ce qui m&#8217;a causé une expérience frustrante et un départ prématuré de leur site :</p>
<ul>
<li>Je visite wine.com pour acheter quelque chose (Je voulais obtenir de l&#8217;information sur les types de vin)</li>
<li>Je vis aux États-Unis (Je vis à  Montréal, Canada)</li>
<li>J&#8217;arrive à  la page « Wine 101 » à  partir d&#8217;une autre page du site de wine.com (J&#8217;ai trouvé le lien dans Google et je suis arrivée directement sur la page « Wine 101 », sans passer par leur page d&#8217;accueil)</li>
</ul>
<p>L&#8217;information derrière ces suppositions est probablement valide; il est possible que wine.com ne puisse pas vendre à  des gens à  l&#8217;extérieur des États-Unis, et que la majorité de leurs visiteurs viennent effectivement pour acheter du vin. Par contre, il n&#8217;y a pas de raison de mettre des gens à  la porte simplement parce qu&#8217;ils ne sont pas conformes au moule de leur client idéal.</p>
<p>En facilitant l&#8217;accès à  l&#8217;information, wine.com assurerait une expérience positive pour l&#8217;utilisateur (même si elle n&#8217;est pas nécessairement une « expérience de magasinage ») et une bonne première impression, peu importe l&#8217;origine de la visite.</p>
<p>L&#8217;utilisation de « personas » lors de la conception du site aurait sans doute pu prévenir cet incident. Une « persona » est une personne fictive qui est créée afin de déterminer comment différents types de visiteurs utiliseront un site web. Un exemple très simple de persona pourrait être :</p>
<blockquote><p>Nom: Johanne Tremblay<br />
Age: Trentaine<br />
Profession: Conceptrice de sites web<br />
Lieu: Montréal, Canada</p>
<p>Johanne est une professionnelle du web et sait bien comment utiliser l&#8217;internet. Elle trouve habituellement ce qu&#8217;elle cherche en utilisant Google. Elle aime donner du vin comme cadeau et s&#8217;informer au sujet des différents types de vins. Elle achète du vin en magasin, mais aime faire des recherches à  l&#8217;avance afin de savoir ce qu&#8217;elle veut.</p></blockquote>
<p>En concevant un site, créez quelques personas représentant différents types de visiteurs potentiels. Même si vous n&#8217;oeuvrez que localement, il serait judicieux d&#8217;inclure quelques « personnes » de d&#8217;autres régions et environnements. Le web est un outil global; on se sait jamais qui sera le prochain visiteur! Vous n&#8217;avez rien à  perdre en rendant votre site accessible à  tous; cela vous fera paraître d&#8217;autant plus courtois envers vos clients.</p>
<p><font size="1">Pour plus d&#8217;information sur les personas:<br />
<a href="http://www.steptwo.com.au/papers/kmc_personas/" title="An introduction to personas and how to create them  - Step Two Designs">Introduction à  la cré</a></font><font size="1"><a href="http://www.steptwo.com.au/papers/kmc_personas/" title="An introduction to personas and how to create them  - Step Two Designs">ation de personas</a> (Step Two Designs) <font color="#999999">(anglais)</font></font></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.allegracom.ca/lucideweb/2006/08/8/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
