<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Le blog de Pascal Magnenat</title>
	<atom:link href="http://pascalmagnenat.ch/feed/" rel="self" type="application/rss+xml" />
	<link>http://pascalmagnenat.ch</link>
	<description>Articles et analyses liées à l&#039;expérience client, l&#039;architecture et le design</description>
	<lastBuildDate>Sun, 29 Apr 2012 06:12:47 +0000</lastBuildDate>
	<language>fr</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='pascalmagnenat.ch' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>Le blog de Pascal Magnenat</title>
		<link>http://pascalmagnenat.ch</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://pascalmagnenat.ch/osd.xml" title="Le blog de Pascal Magnenat" />
	<atom:link rel='hub' href='http://pascalmagnenat.ch/?pushpress=hub'/>
		<item>
		<title>E-banking: un mode d&#8217;emploi &#8220;succinct&#8221; de 50 pages pour un système présenté comme &#8220;simple et pratique&#8221;</title>
		<link>http://pascalmagnenat.ch/2011/08/23/e-banking-un-mode-demploi-succinct-de-50-pages-pour-un-systeme-presente-comme-simple-et-pratique/</link>
		<comments>http://pascalmagnenat.ch/2011/08/23/e-banking-un-mode-demploi-succinct-de-50-pages-pour-un-systeme-presente-comme-simple-et-pratique/#comments</comments>
		<pubDate>Tue, 23 Aug 2011 07:44:34 +0000</pubDate>
		<dc:creator>Pascal Magnenat</dc:creator>
				<category><![CDATA[Ergonomie]]></category>
		<category><![CDATA[e-banking]]></category>
		<category><![CDATA[mode d'emploi]]></category>

		<guid isPermaLink="false">http://www.pascalmagnenat.ch/?p=701</guid>
		<description><![CDATA[Il y a quelques semaines la Banque cantonale de Zürich m&#8217;a envoyé un mode d&#8217;emploi de 50 pages (en une seule langue uniquement!) intitulé &#8220;Kurzanleitung ZKB Onlinebank&#8221;. Le service de e-banking y est présenté comme &#8220;simple et pratique&#8221;. Chercher l&#8217;erreur! Classé dans:Ergonomie<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=pascalmagnenat.ch&amp;blog=35222306&amp;post=701&amp;subd=pascalmagnenat&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Il y a quelques semaines la Banque cantonale de Zürich m&#8217;a envoyé un mode d&#8217;emploi de 50 pages (en une seule langue uniquement!) intitulé &#8220;Kurzanleitung ZKB Onlinebank&#8221;. Le service de e-banking y est présenté comme &#8220;simple et pratique&#8221;. Chercher l&#8217;erreur!<span id="more-701"></span><br />
<div class='embed-vimeo' style='text-align:center;'><iframe src='http://player.vimeo.com/video/27972305' width='500' height='889' frameborder='0'></iframe></div></p>
<br />Classé dans:<a href='http://pascalmagnenat.ch/category/ergonomie/'>Ergonomie</a>  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/pascalmagnenat.wordpress.com/701/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/pascalmagnenat.wordpress.com/701/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/pascalmagnenat.wordpress.com/701/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/pascalmagnenat.wordpress.com/701/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/pascalmagnenat.wordpress.com/701/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/pascalmagnenat.wordpress.com/701/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/pascalmagnenat.wordpress.com/701/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/pascalmagnenat.wordpress.com/701/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/pascalmagnenat.wordpress.com/701/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/pascalmagnenat.wordpress.com/701/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/pascalmagnenat.wordpress.com/701/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/pascalmagnenat.wordpress.com/701/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/pascalmagnenat.wordpress.com/701/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/pascalmagnenat.wordpress.com/701/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=pascalmagnenat.ch&amp;blog=35222306&amp;post=701&amp;subd=pascalmagnenat&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://pascalmagnenat.ch/2011/08/23/e-banking-un-mode-demploi-succinct-de-50-pages-pour-un-systeme-presente-comme-simple-et-pratique/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:thumbnail url="https://pascalmagnenat.files.wordpress.com/2011/08/zkb.jpg?w=150" />
		<media:content url="https://pascalmagnenat.files.wordpress.com/2011/08/zkb.jpg?w=150" medium="image">
			<media:title type="html">Mode d&#039;emploi du système e-banking de la ZKB</media:title>
		</media:content>

		<media:content url="http://0.gravatar.com/avatar/4af3c8abacecaafbee44c89fe06119ef?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">pascalmagnenat</media:title>
		</media:content>
	</item>
		<item>
		<title>Feux pour piétons avec compte à rebours</title>
		<link>http://pascalmagnenat.ch/2010/09/27/feux-pour-pietons-compte-a-reboursbours/</link>
		<comments>http://pascalmagnenat.ch/2010/09/27/feux-pour-pietons-compte-a-reboursbours/#comments</comments>
		<pubDate>Mon, 27 Sep 2010 08:37:02 +0000</pubDate>
		<dc:creator>Pascal Magnenat</dc:creator>
				<category><![CDATA[Ergonomie]]></category>
		<category><![CDATA[feux piétons]]></category>

		<guid isPermaLink="false">http://www.pascalmagnenat.ch/?p=688</guid>
		<description><![CDATA[Taksim, Istanbul: les feux, pour piétons et pour le trafic automobile, sont équipés d&#8217;un compte à rebours. J&#8217;avais déjà vu le même système à Copenhague en 2006 mais cette fois j&#8217;ai pris le temps de réaliser une mini-séquence vidéo. Ce serait intéressant de savoir si ce genre de dispositif a un impact concret sur le [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=pascalmagnenat.ch&amp;blog=35222306&amp;post=688&amp;subd=pascalmagnenat&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Taksim, Istanbul: les feux, pour piétons et pour le trafic automobile, sont équipés d&#8217;un compte à rebours. J&#8217;avais déjà vu le même système à Copenhague en 2006 mais cette fois j&#8217;ai pris le temps de réaliser une mini-séquence vidéo. Ce serait intéressant de savoir si ce genre de dispositif a un impact concret sur le respect de la signalisation et donc sur la réduction des accidents&#8230;<span id="more-688"></span><br />
<div class='embed-vimeo' style='text-align:center;'><iframe src='http://player.vimeo.com/video/15303982' width='500' height='889' frameborder='0'></iframe></div></p>
<br />Classé dans:<a href='http://pascalmagnenat.ch/category/ergonomie/'>Ergonomie</a>  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/pascalmagnenat.wordpress.com/688/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/pascalmagnenat.wordpress.com/688/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/pascalmagnenat.wordpress.com/688/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/pascalmagnenat.wordpress.com/688/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/pascalmagnenat.wordpress.com/688/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/pascalmagnenat.wordpress.com/688/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/pascalmagnenat.wordpress.com/688/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/pascalmagnenat.wordpress.com/688/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/pascalmagnenat.wordpress.com/688/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/pascalmagnenat.wordpress.com/688/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/pascalmagnenat.wordpress.com/688/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/pascalmagnenat.wordpress.com/688/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/pascalmagnenat.wordpress.com/688/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/pascalmagnenat.wordpress.com/688/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=pascalmagnenat.ch&amp;blog=35222306&amp;post=688&amp;subd=pascalmagnenat&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://pascalmagnenat.ch/2010/09/27/feux-pour-pietons-compte-a-reboursbours/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/4af3c8abacecaafbee44c89fe06119ef?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">pascalmagnenat</media:title>
		</media:content>
	</item>
		<item>
		<title>Les commandes inadaptées de la Ferrari 458 Italia</title>
		<link>http://pascalmagnenat.ch/2010/09/07/ferrari-458-italia/</link>
		<comments>http://pascalmagnenat.ch/2010/09/07/ferrari-458-italia/#comments</comments>
		<pubDate>Tue, 07 Sep 2010 16:02:10 +0000</pubDate>
		<dc:creator>Pascal Magnenat</dc:creator>
				<category><![CDATA[Ergonomie]]></category>

		<guid isPermaLink="false">http://www.pascalmagnenat.ch/?p=674</guid>
		<description><![CDATA[Quand prestige, design et performance ne riment pas avec ergonomie! Franck Milet, fondateur de carz.ch, explique en quoi certaines commandes de la Ferrari 458 Italia prêtent à confusion. C&#8217;est la toute dernière vidéo que je viens de produire pour CaMarchePas.ch. PS: Qui a envie de participer au projet CaMarchePas.ch en apportant ses compétences de webdesigner [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=pascalmagnenat.ch&amp;blog=35222306&amp;post=674&amp;subd=pascalmagnenat&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Quand prestige, design et performance ne riment pas avec ergonomie! Franck Milet, fondateur de <a title="site du club carz.ch" href="http://www.carz.ch">carz.ch</a>, explique en quoi certaines commandes de la Ferrari 458 Italia prêtent à confusion.<span id="more-674"></span><br />
C&#8217;est la toute dernière vidéo que je viens de produire pour <a title="CaMarchePas.ch" href="http://www.dailymotion.com/camarchepas">CaMarchePas.ch</a>.</p>
<p>PS: Qui a envie de participer au projet CaMarchePas.ch en apportant ses compétences de webdesigner ou ses $$$$?<br />
<div class='embed-vimeo' style='text-align:center;'><iframe src='http://player.vimeo.com/video/14768981' width='500' height='281' frameborder='0'></iframe></div></p>
<br />Classé dans:<a href='http://pascalmagnenat.ch/category/ergonomie/'>Ergonomie</a>  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/pascalmagnenat.wordpress.com/674/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/pascalmagnenat.wordpress.com/674/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/pascalmagnenat.wordpress.com/674/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/pascalmagnenat.wordpress.com/674/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/pascalmagnenat.wordpress.com/674/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/pascalmagnenat.wordpress.com/674/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/pascalmagnenat.wordpress.com/674/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/pascalmagnenat.wordpress.com/674/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/pascalmagnenat.wordpress.com/674/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/pascalmagnenat.wordpress.com/674/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/pascalmagnenat.wordpress.com/674/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/pascalmagnenat.wordpress.com/674/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/pascalmagnenat.wordpress.com/674/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/pascalmagnenat.wordpress.com/674/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=pascalmagnenat.ch&amp;blog=35222306&amp;post=674&amp;subd=pascalmagnenat&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://pascalmagnenat.ch/2010/09/07/ferrari-458-italia/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:thumbnail url="https://pascalmagnenat.files.wordpress.com/2010/09/ferrari.jpg?w=150" />
		<media:content url="https://pascalmagnenat.files.wordpress.com/2010/09/ferrari.jpg?w=150" medium="image">
			<media:title type="html">Les commandes de la Ferrari 458</media:title>
		</media:content>

		<media:content url="http://0.gravatar.com/avatar/4af3c8abacecaafbee44c89fe06119ef?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">pascalmagnenat</media:title>
		</media:content>
	</item>
		<item>
		<title>Locarno: des commandes de feux pour piétons mal placées</title>
		<link>http://pascalmagnenat.ch/2010/08/06/locarno_commandes_feux_pietons/</link>
		<comments>http://pascalmagnenat.ch/2010/08/06/locarno_commandes_feux_pietons/#comments</comments>
		<pubDate>Fri, 06 Aug 2010 09:57:50 +0000</pubDate>
		<dc:creator>Pascal Magnenat</dc:creator>
				<category><![CDATA[Ergonomie]]></category>
		<category><![CDATA[feux piétons]]></category>
		<category><![CDATA[locarno]]></category>

		<guid isPermaLink="false">http://www.pascalmagnenat.ch/?p=664</guid>
		<description><![CDATA[Locarno, août 2010: son festival du film, ses commandes de feux pour piétons. Quand on a, comme moi, pour métier de concevoir des outils adaptés à ceux qui les utilisent, peut-être développe-t-on une sensibilité particulière aux moindres faiblesses ergonomiques. Quoi qu&#8217;il en soit, j&#8217;ai remarqué une chose étonnante en me baladant à travers Locarno: toutes [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=pascalmagnenat.ch&amp;blog=35222306&amp;post=664&amp;subd=pascalmagnenat&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Locarno, août 2010: son festival du film, ses commandes de feux pour piétons.</p>
<p>Quand on a, comme moi, pour métier de concevoir des outils adaptés à ceux qui les utilisent, peut-être développe-t-on une sensibilité particulière aux moindres faiblesses ergonomiques. Quoi qu&#8217;il en soit, j&#8217;ai remarqué une chose étonnante en me baladant à travers Locarno: toutes les commandes de feux pour piétons sont placées systématiquement face à la chaussée, ce qui réduit leur visibilité et contraint les piétons à un geste peu ergonomique ou à se placer entre les feux et le trafic. Ma photo à l&#8217;aspect &#8220;seventies&#8221; en témoigne.<span id="more-664"></span></p>
<p>Ce qui me fascine, c&#8217;est qu&#8217;il ne s&#8217;agit pas d&#8217;une situation isolée mais bien d&#8217;une logique qui se retrouve dans l&#8217;ensemble de la ville &#8211; au moins, il y a une certaine cohérence dans l&#8217;inutilisable&#8230; Comment peut-on en être arrivé là? Peut-être devrais-je solliciter la mairie de la ville et publier leur réponse ici.</p>
<p>Que dire des commandes de feux dans votre ville? la situation est-elle identique?</p>
<br />Classé dans:<a href='http://pascalmagnenat.ch/category/ergonomie/'>Ergonomie</a>  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/pascalmagnenat.wordpress.com/664/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/pascalmagnenat.wordpress.com/664/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/pascalmagnenat.wordpress.com/664/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/pascalmagnenat.wordpress.com/664/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/pascalmagnenat.wordpress.com/664/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/pascalmagnenat.wordpress.com/664/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/pascalmagnenat.wordpress.com/664/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/pascalmagnenat.wordpress.com/664/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/pascalmagnenat.wordpress.com/664/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/pascalmagnenat.wordpress.com/664/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/pascalmagnenat.wordpress.com/664/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/pascalmagnenat.wordpress.com/664/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/pascalmagnenat.wordpress.com/664/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/pascalmagnenat.wordpress.com/664/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=pascalmagnenat.ch&amp;blog=35222306&amp;post=664&amp;subd=pascalmagnenat&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://pascalmagnenat.ch/2010/08/06/locarno_commandes_feux_pietons/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:thumbnail url="https://pascalmagnenat.files.wordpress.com/2010/08/commandes_feux_pietons.jpeg?w=112" />
		<media:content url="https://pascalmagnenat.files.wordpress.com/2010/08/commandes_feux_pietons.jpeg?w=112" medium="image">
			<media:title type="html">Commandes de feux piétons</media:title>
		</media:content>

		<media:content url="http://0.gravatar.com/avatar/4af3c8abacecaafbee44c89fe06119ef?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">pascalmagnenat</media:title>
		</media:content>
	</item>
		<item>
		<title>libertereligieuse.ch: incompréhensible&#8230; hélas!</title>
		<link>http://pascalmagnenat.ch/2009/12/06/libertereligieuse/</link>
		<comments>http://pascalmagnenat.ch/2009/12/06/libertereligieuse/#comments</comments>
		<pubDate>Sun, 06 Dec 2009 20:36:05 +0000</pubDate>
		<dc:creator>Pascal Magnenat</dc:creator>
				<category><![CDATA[Ergonomie]]></category>
		<category><![CDATA[Politique]]></category>
		<category><![CDATA[libertereligieuse.ch]]></category>
		<category><![CDATA[minarets]]></category>

		<guid isPermaLink="false">http://www.pascalmagnenat.ch/?p=602</guid>
		<description><![CDATA[Incompréhensible. Agressif. Ce sont les 2 mots-clefs qui résument les résultats d&#8217;une mini-étude que j&#8217;ai réalisée récemment sur l&#8217;utilisabilité et l&#8217;intelligibilité de libertereligieuse.ch. Extrait d&#8217;un commentaire d&#8217;une participante à l&#8217;étude: &#8220;Comme ils utilisent des mots très forts, on a l&#8217;impression qu&#8217;ils sont en guerre et donc en guerre contre les minarets. C&#8217;est bizarre: ils ont [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=pascalmagnenat.ch&amp;blog=35222306&amp;post=602&amp;subd=pascalmagnenat&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Incompréhensible. Agressif. Ce sont les 2 mots-clefs qui résument les résultats d&#8217;une mini-étude que j&#8217;ai réalisée récemment sur l&#8217;utilisabilité et l&#8217;intelligibilité de <strong>libertereligieuse.ch.<span id="more-602"></span><br />
Extrait d&#8217;un commentaire d&#8217;une participante à l&#8217;étude: &#8220;Comme ils utilisent des mots très forts, on a l&#8217;impression qu&#8217;ils sont en guerre et donc en guerre contre les minarets. C&#8217;est bizarre: ils ont l&#8217;air de dire qu&#8217;ils sont pour l&#8217;ouverture, la tolérance et en réalité ils utilisent un langage agressif, très déplacé. ça fait penser à l&#8217;UDC<em>.</em>&#8220;(femme, 37 ans, directrice d&#8217;une agence de communication et de e-marketing)<!--more--></strong></p>
<p>J&#8217;ai découvert le site <a href="http://www.libertereligieuse.ch">libertereligieuse.ch</a> par un <a id="k.v1" title="-&gt; article de Wikipedia consacré à &quot;Twitter&quot;" href="http://fr.wikipedia.org/wiki/Twitter">tweet</a> de <a id="bhgl" title="-&gt; blog de Philippe Nantermod" href="http://nantermod.wordpress.com/">Philippe Nantermod</a> le 8 novembre dernier. libertereligieuse.ch a été lancé par de jeunes politiciens suisses de différents partis pour appeler la population à voter NON à l&#8217;initiative &#8220;contre la construction de minarets&#8221;.</p>
<p>Autant j&#8217;ai bien aimé l&#8217;idée que des jeunes s&#8217;unissent pour s&#8217;opposer à l&#8217;initiative, autant j&#8217;ai été très surpris par le contenu du site:</p>
<ul>
<li><strong>message principal (Stop au délire &#8211; le 29 novembre &#8211; Votez NON &#8211; à l&#8217;initiative interdisant la construction de minarets en Suisse) pas immédiatement visible</strong> parce qu&#8217;affiché sous la forme de bandeau clignotant</li>
<li><strong>invitation à participer ambigue</strong>: le site invite à signer un appel et lie cette signature à l&#8217;adhésion à un comité dont on ne sait rien</li>
<li><strong>liens peu visibles</strong></li>
<li><strong>un texte qui ne donne pas envie d&#8217;être lu;</strong> parce qu&#8217;il est trop long, parce qu&#8217;il lui manque des accroches visuelles, parce que l&#8217;oeil est gêné par le bandeau clignotant du haut de la page.</li>
</ul>
<p>Mais étais-je le seul à avoir cette impression très mitigée? J&#8217;ai voulu en avoir le coeur net&#8230;<br />
J&#8217;ai interrogé 9 personnes afin de savoir si</p>
<ol>
<li>l&#8217;incitation à voter contre l&#8217;initiative était comprise</li>
<li>les personnes partageant la position des auteurs du site avaient envie de signer l&#8217;appel</li>
</ol>
<p>J&#8217;ai également obtenu des réponses à des questions plus spécifiques:</p>
<ol>
<li>Est-ce que les utilisateurs comprennent qui se cache derrière le site?</li>
<li>Est-ce que le bandeau contenant des photos d&#8217;édifices religieux masqués est efficace? est-ce qu&#8217;il supporte le message ou, au contraire, le brouille?</li>
<li>Est-ce que l&#8217;élément clignotant est efficace?</li>
</ol>
<h4>Le positionnement du site n&#8217;a pas été compris par 4 personnes sur 9</h4>
<div id="attachment_791" class="wp-caption alignleft" style="width: 610px"><a href="http://pascalmagnenat.files.wordpress.com/2009/12/lreligieuse_graphe_position.jpg"><img class="size-full wp-image-791 " title="Est-ce que le positionnement du site libertereligieuse.ch est compris?" src="http://pascalmagnenat.files.wordpress.com/2009/12/lreligieuse_graphe_position.jpg" alt="Le graphique montre que 4 participants sur 9 n'ont pas compris le positionnement du site" width="600" height="338" /></a><p class="wp-caption-text">4 participants sur 9 n'ont pas compris le positionnement du site</p></div>
<p>2 participants n&#8217;ont pas réussi à savoir si le site était pour ou contre la construction de minarets. 2 autres ont pensé que le site allait dans le sens de l&#8217;initiative (une des 2 personnes était en faveur de l&#8217;initiative, l&#8217;autre contre)! Bien sûr, l&#8217;échantillon des personnes interrogées n&#8217;est pas représentatif du public cible, compte tenu de la méthode utilisée. Toutefois, c&#8217;est frappant que pour 4 adultes domiciliés en Suisse &#8211; 2 n&#8217;ont pas le droit de vote, étant français &#8211; et qui ont un niveau supérieur à la moyenne, le message soit aussi peu intelligible. On est loin de l&#8217;efficacité des affiches des initiants, hélas!</p>
<h4>5 participants sur 9 n&#8217;auraient pas signé l&#8217;appel lancé par libertereligieuse.ch</h4>
<p>8 des participants à l&#8217;enquête avaient la même position que les auteurs de libertereligieuse.ch. Pourtant 4 n&#8217;auraient pas signé l&#8217;appel pour 2 raisons principales:</p>
<ul>
<li>le style du site est jugé inadapté;</li>
<li>adhérer à un comité paraît trop impliquant.</li>
</ul>
<p><a href="http://pascalmagnenat.files.wordpress.com/2009/12/lreligieuse_graphe_appel.jpg"><img class="alignleft size-full wp-image-797" title="Est-ce que les participants seraient prêts à signer l'appel?" src="http://pascalmagnenat.files.wordpress.com/2009/12/lreligieuse_graphe_appel.jpg" alt="" width="600" height="338" /></a><br />
<strong>Extraits de quelques réponses:</strong></p>
<ul>
<li><strong>Homme, 28 ans, contre l&#8217;initiative, comédie</strong><strong>n</strong>: &#8221;C&#8217;est une réaction qui est contre un parti qu&#8217;on connaît bien et qui est virulent et violent et qui dépasse certaines limites éthiques et déontologique. Ici, c&#8217;est une réaction qui propose d&#8217;utiliser les mêmes moyens d&#8217;action. Cela ne me semble pas très efficace.&#8221;</li>
<li><strong>Femme, 22 ans, contre l&#8217;initiative, étudiante dans une école d&#8217;art: &#8220;</strong>Je n&#8217;ai pas d&#8217;affinités spéciales avec ce site, ça me refroidit plus qu&#8217;autre chose cette stratégie de communication. cela ne correspond pas à l&#8217;image d&#8217;un site qui prône la tolérance. je me sens agressée par ce texte blanc sur fond noir, par le clignotement, par les images. ils font un amalgame. c&#8217;est trop typé jeune, on prend un peu les jeunes pour les cons: couleur rose, des trucs qui bougent, il manque plus que le smilee à la fin. Les gens qui ont produit ce site ont des a-priori sur les jeunes.&#8221;</li>
<li><strong>Homme, 26 ans, contre l&#8217;initiative, étudiant en gestion du multimédia</strong>: &#8221;Le site m&#8217;agresse plutôt. c&#8217;est comme si je sors de la migros et qu&#8217;un fada s&#8217;accroche à mon col&#8230;&#8221;</li>
<li><strong>Femme, 34 ans, contre l&#8217;initiative, journaliste</strong>: &#8220;Tu ne peux pas juste signaler ton soutien en signant quelque chose, mais tu dois adhérer au comité. J&#8217;ai l&#8217;impression de m&#8217;engager dans quelque chose alors que j&#8217;aurais juste pu apporter mon soutien de façon légère.&#8221;</li>
</ul>
<h4>La juxtaposition d&#8217;édifices religieux masqués&#8230; masque le message!</h4>
<p>Qu&#8217;est-ce que les auteurs du site libertereligieuse.ch ont voulu faire passer comme message avec cette juxtaposition de photos représentant des édifices religieux masqués? Est-ce qu&#8217;ils cherchent à dire que c&#8217;est tout aussi absurde d&#8217;interdire des minarets que d&#8217;autres édifices religieux? que le monde ne serait pas aussi beau sans les édifices religieux &#8220;floutés&#8221;? L&#8217;image peut faire sourire mais on ne l&#8217;a comprend pas.Tous les participants ont eu du mal à interpréter le message.</p>
<p><strong>Extraits de quelques réponses:</strong></p>
<ul>
<li><strong>Femme, 34 ans, contre l&#8217;initiative, journaliste: </strong>&#8220;Je ne la trouve pas claire; je la trouve marrante mais je ne la trouve pas claire dans le sens où elle fait quand même référence à des symboles qui sont connus mais pas vraiment. Je pense que potentiellement tu dois un peu réfléchir; tu te dis: est-ce qu’ils ont rajouté un truc sur ces images ou est-ce que ces bâtiments existent avec ou sans le truc rose en fait? (&#8230;) Ils mettent en avant la liberté de chaque société d’ériger ses symboles religieux comme elle l’entend. Je ne suis pas sûr&#8230; C’est un poil élitiste comme clin d’oeil.&#8221;</li>
<li><strong>Homme, 29 ans, contre l&#8217;initiative, ingénieur en informatique</strong>: &#8221;Ca m’a pris un moment pour la comprendre. Mais effectivement, il y a des symboles religieux, notamment la statue de Jésus à Rio et ils serait question de les supprimer; tout comme l’UDC voudrait interdire les minarets chez nous. Ca doit être pour la place St-Marre à Venise à gauche, &#8230; donc voilà ce serait supprimer certains éléments des monuments on dirait. Il n’y a que les clochers sur les églises mais&#8230; ouais&#8230; qu’est-ce que serait notre monde sans ces symboles? Je sais pas.&#8221;</li>
<li><strong>Homme, 28 ans, contre l&#8217;initiative, comédien</strong>: &#8221;Je la vois un peu comme contradictoire par rapport à ce texte. En gros, là, il y a des symboles religieux qui sont &#8220;floutés&#8221;, mis en évidence, mais dont on ne voit pas les détails, juste les contours: c&#8217;est comme si on avait supprimé ces symboles religieux. Donc c&#8217;est un peu contre-productif par rapport au texte qui est proposé là. D&#8217;un autre côté, il y a le côté flashy du symbole qui est sur le même pied à chaque fois; il est toujours montré de la même manière. Mais, de manière plus importante, je vois comme s&#8217;ils avaient caché la chose. Le texte demande de refuser l&#8217;initiative interdisant la construction des minarets; ça veut dire, laissons le statu quo, laissons la permission à n&#8217;importe qui de construire un symbole religieux. Or, avec ces images, on rend les choses cachées donc on les &#8220;interdit&#8221;; en tout cas, on interdit de les montrer.&#8221;</li>
</ul>
<p>Au final, 5 sur 8 participants &#8211; je n&#8217;ai pas posé la question à la 1ère participante &#8211; ne recommanderait pas ce site à un ami. Voilà, j&#8217;en ai bien peur, une bonne idée qui a été malheureusement horriblement mal communiquée.<a href="http://pascalmagnenat.files.wordpress.com/2009/12/lreligieuse_graphe_ami1.jpg"><img class="alignleft size-full wp-image-795" title="Recommanderiez-vous libertereligieuse.ch à un ami?" src="http://pascalmagnenat.files.wordpress.com/2009/12/lreligieuse_graphe_ami1.jpg" alt="" width="600" height="338" /></a></p>
<h4>Bonus vidéo: extrait d&#8217;une session avec un des participants</h4>
<p>Eric Fauchère, l&#8217;un des participants, explique ce qu&#8217;il comprend des images figurant en haut à gauche de la page d&#8217;accueil du site.<br />
<div class='embed-vimeo' style='text-align:center;'><iframe src='http://player.vimeo.com/video/8159456' width='400' height='300' frameborder='0'></iframe></div></p>
<h4>Méthode utilisée pour cette mini-étude</h4>
<p>9 participants recrutés par Internet (Facebook, Twitter et anibis). 4 participants étaient des personnes de mon réseau.<br />
Déroulement de chaque entretien individuel (via Skype, sauf 1 participant que j&#8217;ai rencontré)</p>
<ul>
<li>Présentation de l’objet de l’étude au participant</li>
<li>Envoi du lien vers le site www.libertereligieuse.ch par la fonction «clavardage» de Skype</li>
<li>Le participant découvre et parcourt la page d’accueil pendant une trentaine de secondes sans utiliser l’aide du pointeur (pas de clics sur des zones cliquables, pas de balayage de la page avec le pointeur pour identifier les zones cliquables non plus)</li>
<li>A l’issue des 30 secondes, j’ai posé une quinzaine de questions dont les réponses sont présentées dans ce document. Les participants avaient la homepage du site affichée sur leur ordinateur pendant toute la durée de l’entretien.</li>
</ul>
<br />Publié dans Ergonomie, Politique  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/pascalmagnenat.wordpress.com/602/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/pascalmagnenat.wordpress.com/602/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/pascalmagnenat.wordpress.com/602/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/pascalmagnenat.wordpress.com/602/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/pascalmagnenat.wordpress.com/602/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/pascalmagnenat.wordpress.com/602/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/pascalmagnenat.wordpress.com/602/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/pascalmagnenat.wordpress.com/602/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/pascalmagnenat.wordpress.com/602/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/pascalmagnenat.wordpress.com/602/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/pascalmagnenat.wordpress.com/602/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/pascalmagnenat.wordpress.com/602/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/pascalmagnenat.wordpress.com/602/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/pascalmagnenat.wordpress.com/602/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=pascalmagnenat.ch&amp;blog=35222306&amp;post=602&amp;subd=pascalmagnenat&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://pascalmagnenat.ch/2009/12/06/libertereligieuse/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/4af3c8abacecaafbee44c89fe06119ef?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">pascalmagnenat</media:title>
		</media:content>

		<media:content url="http://pascalmagnenat.files.wordpress.com/2009/12/lreligieuse_graphe_position.jpg" medium="image">
			<media:title type="html">Est-ce que le positionnement du site libertereligieuse.ch est compris?</media:title>
		</media:content>

		<media:content url="http://pascalmagnenat.files.wordpress.com/2009/12/lreligieuse_graphe_appel.jpg" medium="image">
			<media:title type="html">Est-ce que les participants seraient prêts à signer l&#039;appel?</media:title>
		</media:content>

		<media:content url="http://pascalmagnenat.files.wordpress.com/2009/12/lreligieuse_graphe_ami1.jpg" medium="image">
			<media:title type="html">Recommanderiez-vous libertereligieuse.ch à un ami?</media:title>
		</media:content>
	</item>
		<item>
		<title>Transports publics à Lisbonne: tournis au tourniquet!</title>
		<link>http://pascalmagnenat.ch/2009/07/02/cartes-transport-lisbonne/</link>
		<comments>http://pascalmagnenat.ch/2009/07/02/cartes-transport-lisbonne/#comments</comments>
		<pubDate>Thu, 02 Jul 2009 21:11:33 +0000</pubDate>
		<dc:creator>Pascal Magnenat</dc:creator>
				<category><![CDATA[Ergonomie]]></category>
		<category><![CDATA[Lisbonne]]></category>
		<category><![CDATA[transports]]></category>

		<guid isPermaLink="false">http://www.pascalmagnenat.ch/?p=574</guid>
		<description><![CDATA[A Lisbonne, il est possible de payer les voyages en transports publics avec des cartes rechargeables baptisées Viva Viagem (voir photo). Rien d&#8217;unique à la ville portugaise; si ce n&#8217;est qu&#8217;une carte ne peut être rechargée que pour plusieurs courses de même prix. Or, une course en métro n&#8217;a pas le même prix qu&#8217;une course [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=pascalmagnenat.ch&amp;blog=35222306&amp;post=574&amp;subd=pascalmagnenat&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>A Lisbonne, il est possible de payer les voyages en transports publics avec des cartes rechargeables baptisées <em><strong>Viva Viagem</strong></em> (voir photo). Rien d&#8217;unique à la ville portugaise; si ce n&#8217;est qu&#8217;une carte ne peut être rechargée que pour plusieurs courses de même prix. Or, une course en métro n&#8217;a pas le même prix qu&#8217;une course de bateau.<span id="more-574"></span></p>
<p>Résultat: la carte chargée dans le métro ne peut être utilisée pour emprunter le bateau. Il est alors nécessaire d&#8217;acheter une deuxième carte similaire. Le hic, c&#8217;est qu&#8217;il n&#8217;est pas possible de distinguer l&#8217;une de l&#8217;autre et que, <a title="Article de Wikipédia sur la loi de Murphy" href="http://fr.wikipedia.org/wiki/Loi_de_Murphy">loi de Murphy</a> oblige, au moment de passer l&#8217;une des 2 cartes devant le lecteur du mode de transport utilisé, on a toutes les chances de ne pas présenter la bonne.</p>
<p>David, l&#8217;ami qui a porté à ma connaissance ce système et qui rentrait de Lisbonne, n&#8217;avait pas moins de 4 cartes dans son portefeuille! Viva Viagem, certes; mais vive l&#8217;utilisabilité surtout!</p>
<br />Publié dans Ergonomie  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/pascalmagnenat.wordpress.com/574/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/pascalmagnenat.wordpress.com/574/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/pascalmagnenat.wordpress.com/574/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/pascalmagnenat.wordpress.com/574/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/pascalmagnenat.wordpress.com/574/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/pascalmagnenat.wordpress.com/574/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/pascalmagnenat.wordpress.com/574/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/pascalmagnenat.wordpress.com/574/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/pascalmagnenat.wordpress.com/574/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/pascalmagnenat.wordpress.com/574/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/pascalmagnenat.wordpress.com/574/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/pascalmagnenat.wordpress.com/574/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/pascalmagnenat.wordpress.com/574/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/pascalmagnenat.wordpress.com/574/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=pascalmagnenat.ch&amp;blog=35222306&amp;post=574&amp;subd=pascalmagnenat&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://pascalmagnenat.ch/2009/07/02/cartes-transport-lisbonne/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
	
		<media:thumbnail url="http://pascalmagnenat.files.wordpress.com/2009/07/carte_transport_lisbonne-200x140.jpg?w=150" />
		<media:content url="http://pascalmagnenat.files.wordpress.com/2009/07/carte_transport_lisbonne-200x140.jpg?w=150" medium="image">
			<media:title type="html">Carte de transport</media:title>
		</media:content>

		<media:content url="http://0.gravatar.com/avatar/4af3c8abacecaafbee44c89fe06119ef?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">pascalmagnenat</media:title>
		</media:content>
	</item>
		<item>
		<title>Développer une application iPhone CFF</title>
		<link>http://pascalmagnenat.ch/2009/03/12/developper-une-application-iphone-cff-1ere-partie/</link>
		<comments>http://pascalmagnenat.ch/2009/03/12/developper-une-application-iphone-cff-1ere-partie/#comments</comments>
		<pubDate>Thu, 12 Mar 2009 16:04:07 +0000</pubDate>
		<dc:creator>Pascal Magnenat</dc:creator>
				<category><![CDATA[Ergonomie]]></category>

		<guid isPermaLink="false">http://www.pascalmagnenat.ch/?p=509</guid>
		<description><![CDATA[Comment concevoir une application iPhone CFF qui soit plus utilisable que l&#8217;application originale? Lors d&#8217;un atelier, j&#8217;ai proposé aux participants d&#8217;expérimenter la conception d&#8217;une application alternative en utilisant une approche centrée sur l&#8217;usage (user centered design). La démarche nous a conduit loin de la voie empruntée par les CFF. Comme moi, vous faites peut-être partie [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=pascalmagnenat.ch&amp;blog=35222306&amp;post=509&amp;subd=pascalmagnenat&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Comment concevoir une application iPhone CFF qui soit plus utilisable que l&#8217;application originale? Lors d&#8217;un atelier, j&#8217;ai proposé aux participants d&#8217;expérimenter la conception d&#8217;une application alternative en utilisant une approche centrée sur l&#8217;usage (<a title="Page en anglais" href="http://en.wikipedia.org/wiki/User-centered_design">user centered design</a>). La démarche nous a conduit loin de la voie empruntée par les CFF.<span id="more-509"></span></p>
<p>Comme moi, vous faites peut-être partie des utilisateurs frustrés par l&#8217;application iPhone des CFF. De cette frustration sont nées 2 idées:</p>
<ul>
<li>réaliser une <a href="http://www.pascalmagnenat.ch/les-cff-sur-liphone-inutilisable-sur-toute-la-ligne/">enquête en ligne</a> sur ce qui me semblait une des faiblesses de l&#8217;application: la prévisibilité des commandes (cf. mon papier intitulé &#8220;<a href="http://www.pascalmagnenat.ch/les-cff-sur-liphone-inutilisable-sur-toute-la-ligne/">les CFF sur l&#8217;iPhone: inutilisable sur toute la ligne?</a>&#8220;);</li>
<li>concevoir une application alternative selon une approche propre à garantir une application ergonomique, adaptée aux usages.</li>
</ul>
<p>J&#8217;ai récemment animé un atelier d&#8217;ergonomie dans le cadre du <a href="http://www.swissw2.ch">groupe SwissW2</a> &#8211; Merci Sandrine de m&#8217;avoir offert cette chouette opportunité! Cet atelier a été organisé 2 fois, avec 2 groupes de participants différents.</p>
<p>L&#8217;atelier, intitulé &#8220;rendre une application iPhone ou mobile ergonomique&#8221;, avait pour ambition de</p>
<ul>
<li>donner un aperçu des activités qu&#8217;il est recommandé d&#8217;intégrer dans le processus de développement pour assurer une bonne expérience utilisateur.</li>
<li>esquisser les contours de ce que pourrait être une application iPhone conçue selon la méthodologie présentée.</li>
</ul>
<p>Cet atelier était donc une bonne occasion de construire une application iPhone destinée aux usagers des CFF. Serait-il possible de faire mieux que l&#8217;application existante en utilisant une approche centrée sur les usages (<a title="Page en anglais" href="http://en.wikipedia.org/wiki/User-centered_design">user centered design</a>)?</p>
<p><strong>Activité 1 &#8211; Identifier les profils des utilisateurs</strong></p>
<p>Avant de se lancer avec enthousiasme dans la conception de l&#8217;interface, il est essentiel d&#8217;identifier les profils des utilisateurs. Ce travail devrait toujours se faire sur la base de données collectées sur le terrain, même si l&#8217;étude de terrain est limitée: on ne peut en effet raisonnablement partir de l&#8217;hypothèse que les profils des concepteurs recouvrent les profils des utilisateurs cibles.</p>
<p>Dans le cadre de l&#8217;atelier, pour des raisons pratiques, nous avons fait ce que je déconseille au paragraphe précédent! Nous nous sommes fondés sur certains aspects des profils des participants à l&#8217;atelier. Nous avons donc pris le risque de ne pas identifier tous les profils pertinents et de concevoir une application qui réponde avant tout aux besoins des participants.</p>
<p>Une collecte de données sur le terrain, par observations et interviews, aurait permis de rassembler des informations précieuses sur les utilisateurs et leurs usages, en particulier:</p>
<ul>
<li>leurs connaissances du réseau (savent-ils, par exemple, que pour aller de Lausanne à Berne, ils vont passer par Fribourg?)</li>
<li>la fréquence d&#8217;utilisation d&#8217;une même ligne: on peut imaginer que les utilisateurs qui prennent tous les jours le train pour aller de Lausanne à Genève connaissent les horaires par coeur mais est-ce bien vrai? quelles sont les exceptions?</li>
<li>le type de voyages: même trajet tous les jours, trajets différents mais dont le point de départ est identique, etc.</li>
<li>les stratégies présidant aux choix des trains: l&#8217;horaire de travail, le taux d&#8217;occupation des trains, le type de train (sans arrêt, avec wifi, train non pendulaire, etc.), l&#8217;heure d&#8217;arrivée, etc.</li>
</ul>
<p>Bien sûr, toutes les caractéristiques des utilisateurs ne sont pas pertinentes dans le contexte du développement de l&#8217;application: que les utilisateurs aient des cheveux foncés ou clairs &#8211; ou pas du tout comme certains <img src='http://s1.wp.com/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' />  -, qu&#8217;ils fassent du vélo d&#8217;appartement ou que ce soient des fans du &#8220;Dr. House&#8221; n&#8217;a vraisemblablement pas d&#8217;incidence sur les usages qu&#8217;ils font du train. Mais, il n&#8217;est pas toujours facile d&#8217;identifier a priori lesquelles des caractéristiques peuvent avoir de l&#8217;impact sur les usages. Ne pas avoir peur de ratisser trop large et de collecter des données qui ne seront pas forcément exploitées par la suite. C&#8217;est toujours mieux que le contraire!</p>
<p>Voici la synthèse des profils auxquels nous avons pensé:</p>
<ul>
<li>le pendulaire: c&#8217;est à la fois le profil qui m&#8217;est venu immédiatement à l&#8217;esprit en préparant l&#8217;atelier et celui qui a également été cité en premier lors des 2 sessions de l&#8217;atelier. Est-ce un indice d&#8217;un rôle principal? à suivre&#8230;</li>
<li>l&#8217;utilisateur qui fait régulièrement les mêmes voyages</li>
<li>l&#8217;utilisateur qui fait régulièrement des voyages d&#8217;un jour, en partant du même point de départ (son domicile par exemple)</li>
<li>l&#8217;utilisateur qui fait des voyages dont les points de départ et d&#8217;arrivée sont différents</li>
</ul>
<p>A titre d&#8217;exemple, je décris les caractéristiques de 2 des 4 profils identifiés. Ces caractéristiques sont une synthèse de mon analyse et des idées exprimées au cours des 2 ateliers.</p>
<p><strong>Le pendulaire</strong></p>
<ul>
<li>Il fait tous les jours (ouvrables) le même voyage: il prend le même train (presque) tous le matins et rentre le soir dans une plage horaire donnée.</li>
<li>Il connaît les horaires et les voies (presque) par coeur. C&#8217;est plus important pour lui d&#8217;être informé des situations inhabituelles: perturbations du réseau, changement de voie, retard du train.</li>
<li>Il profite du voyage pour travailler, lire, écouter de la musique, échanger avec des connaissances (collègues de travail ou autres pendulaires).</li>
<li>Il se renseigne (parfois) sur les intentions des autres (quel train penses-tu prendre ce soir?) de façon à pouvoir ne pas faire le trajet seul.</li>
<li>Il peut être important pour lui de ne pas arriver au-delà d&#8217;une certaine heure au bureau. Le pendulaire, surtout s&#8217;il travaille à temps partiel et/ou qu&#8217;il effectue par ailleurs d&#8217;autres voyages que les voyages maison-travail avec les CFF, peut être intéressé à déterminer quel est le titre de transport le plus avantageux pour lui.</li>
<li>Le pendulaire n&#8217;achète en principe pas de billet de train</li>
<li>Le pendulaire effectue des aller-retour</li>
<li>Le pendulaire ne prépare pas ses voyages</li>
</ul>
<p>Ce qui est intéressant de noter, c&#8217;est l&#8217;application des CFF ne répond que partiellement aux caractéristiques du pendulaire:</p>
<ul>
<li>Il n&#8217;est pas possible d&#8217;afficher immédiatement les horaires sans effectuer une requête ou actualiser les résultats d&#8217;une requête passée.</li>
<li>L&#8217;application n&#8217;a pas de dimension sociale.</li>
</ul>
<p><strong>L&#8217;utilisateur qui fait régulièrement des voyages d&#8217;un jour, en partant du même point de départ</strong></p>
<ul>
<li>Ce voyageur ne connaît pas (nécessairement) les horaires par coeur.</li>
<li>Les voyages sont constitués d&#8217;aller-retour</li>
<li>Le voyageur dispose vraisemblablement d&#8217;un abonnement (général ou demi-tarif).</li>
<li>Le voyageur peut être amené à acheter des billets</li>
<li>Le voyageur peut autant chercher des trains partant à partir d&#8217;une certaine heure ou arrivant avant (ou après?) une heure donnée.</li>
<li>Le voyageur a une bonne connaissance du réseau</li>
<li>Le voyageur peut vouloir éviter certains types de train pour différentes raisons: temps, sécurité, confort</li>
</ul>
<p><strong>Activité 2 &#8211; Définir les profils retenus pour l&#8217;application</strong></p>
<p>Avoir identifié 4 profils d&#8217;utilisateurs n&#8217;implique pas forcément qu&#8217;il faille développer une application qui réponde aux besoins de ces 4 profils. Pourquoi ne pas par exemple imaginer une application destinée spécifiquement aux pendulaires si les besoins de ceux-ci sont très particuliers? L&#8217;important, c&#8217;est que</p>
<ul>
<li>l&#8217;application soit vraiment adaptée aux profils pour lesquels elle a été conçue</li>
</ul>
<ul>
<li>l&#8217;utilisateur puisse clairement comprendre à quels besoins l&#8217;application répond. Si l&#8217;application n&#8217;était conçue que pour les pendulaires, il ne serait par exemple pas approprié qu&#8217;elle se nomme &#8220;Horaire CFF&#8221;.</li>
</ul>
<p>Dans le cadre de l&#8217;atelier, nous avons retenu les 2 profils décrits en détails ci-dessus: le pendulaire et le voyageur qui fait régulièrement des voyages d&#8217;un jour, en partant du même point de départ.</p>
<p>La suite au prochain épisode. N&#8217;hésitez pas à me faire part de vos questions si quelque chose n&#8217;est pas clair!</p>
<p>Crédit photo: © Photo CFF</p>
<br />Publié dans Ergonomie  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/pascalmagnenat.wordpress.com/509/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/pascalmagnenat.wordpress.com/509/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/pascalmagnenat.wordpress.com/509/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/pascalmagnenat.wordpress.com/509/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/pascalmagnenat.wordpress.com/509/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/pascalmagnenat.wordpress.com/509/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/pascalmagnenat.wordpress.com/509/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/pascalmagnenat.wordpress.com/509/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/pascalmagnenat.wordpress.com/509/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/pascalmagnenat.wordpress.com/509/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/pascalmagnenat.wordpress.com/509/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/pascalmagnenat.wordpress.com/509/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/pascalmagnenat.wordpress.com/509/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/pascalmagnenat.wordpress.com/509/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=pascalmagnenat.ch&amp;blog=35222306&amp;post=509&amp;subd=pascalmagnenat&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://pascalmagnenat.ch/2009/03/12/developper-une-application-iphone-cff-1ere-partie/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
	
		<media:thumbnail url="https://pascalmagnenat.files.wordpress.com/2009/03/junge_frau_auf_perron_in_basel1.jpg?w=150" />
		<media:content url="https://pascalmagnenat.files.wordpress.com/2009/03/junge_frau_auf_perron_in_basel1.jpg?w=150" medium="image">
			<media:title type="html">Jeune femme sur un quai de gare avec un iPhone</media:title>
		</media:content>

		<media:content url="http://0.gravatar.com/avatar/4af3c8abacecaafbee44c89fe06119ef?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">pascalmagnenat</media:title>
		</media:content>
	</item>
		<item>
		<title>Casque Logitech ClearChat PC: un témoin bien placé</title>
		<link>http://pascalmagnenat.ch/2009/01/25/casque-logitech-clearchat-pc/</link>
		<comments>http://pascalmagnenat.ch/2009/01/25/casque-logitech-clearchat-pc/#comments</comments>
		<pubDate>Sat, 24 Jan 2009 22:27:13 +0000</pubDate>
		<dc:creator>Pascal Magnenat</dc:creator>
				<category><![CDATA[Ergonomie]]></category>

		<guid isPermaLink="false">http://www.pascalmagnenat.ch/?p=485</guid>
		<description><![CDATA[J&#8217;ai acheté hier un nouveau casque sans fil Logitech ClearChat PC Wireless. Après m&#8217;être battu avec un emballage difficile à ouvrir et tranchant, j&#8217;ai pu passer mes premiers appels sur Skype avec mon nouveau casque. Un détail me plaît beaucoup: un témoin lumineux rouge disposé au bout du micro s&#8217;allume lorsque celui-ci est coupé (par [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=pascalmagnenat.ch&amp;blog=35222306&amp;post=485&amp;subd=pascalmagnenat&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>J&#8217;ai acheté hier un nouveau casque sans fil <a title="Site de Logitech" href="http://www.logitech.com/index.cfm/speakers_audio/headphones/devices/4226&amp;cl=ch,fr">Logitech ClearChat PC Wireless</a>. Après m&#8217;être battu avec un emballage difficile à ouvrir et tranchant, j&#8217;ai pu passer mes premiers appels sur Skype avec mon nouveau casque. Un détail me plaît beaucoup: un témoin lumineux rouge disposé au bout du micro s&#8217;allume lorsque celui-ci est coupé (par la fonction de mise en sourdine).<span id="more-485"></span> Ce design présente 2 avantages:</p>
<ul>
<li>le voyant est visible lorsque le casque est porté;</li>
<li>l&#8217;association entre le témoin et sa signification est grandement facilitée par l&#8217;emplacement de celui-ci. Pas besoin a priori de mode d&#8217;emploi pour comprendre et se souvenir.</li>
</ul>
<p>Dommage que ce design astucieux ne soit pas totalement abouti: la commande de mise en sourdine est située sur l&#8217;écouteur droit. Or, le micro se trouve à gauche. Par ailleurs, l&#8217;écouteur est idéal pour loger des commandes en rapport avec l&#8217;écoute, moins pour la mise en sourdine.</p>
<br />Publié dans Ergonomie  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/pascalmagnenat.wordpress.com/485/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/pascalmagnenat.wordpress.com/485/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/pascalmagnenat.wordpress.com/485/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/pascalmagnenat.wordpress.com/485/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/pascalmagnenat.wordpress.com/485/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/pascalmagnenat.wordpress.com/485/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/pascalmagnenat.wordpress.com/485/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/pascalmagnenat.wordpress.com/485/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/pascalmagnenat.wordpress.com/485/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/pascalmagnenat.wordpress.com/485/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/pascalmagnenat.wordpress.com/485/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/pascalmagnenat.wordpress.com/485/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/pascalmagnenat.wordpress.com/485/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/pascalmagnenat.wordpress.com/485/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=pascalmagnenat.ch&amp;blog=35222306&amp;post=485&amp;subd=pascalmagnenat&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://pascalmagnenat.ch/2009/01/25/casque-logitech-clearchat-pc/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
	
		<media:thumbnail url="http://pascalmagnenat.files.wordpress.com/2009/01/casquelogitechclearchat-200x274.png?w=109" />
		<media:content url="http://pascalmagnenat.files.wordpress.com/2009/01/casquelogitechclearchat-200x274.png?w=109" medium="image">
			<media:title type="html">Témoin lumineux de mise en sourdine du casque Logitech ClearChat P</media:title>
		</media:content>

		<media:content url="http://0.gravatar.com/avatar/4af3c8abacecaafbee44c89fe06119ef?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">pascalmagnenat</media:title>
		</media:content>
	</item>
		<item>
		<title>Les CFF sur l&#8217;iPhone: inutilisable sur toute la ligne?</title>
		<link>http://pascalmagnenat.ch/2009/01/10/les-cff-sur-liphone-inutilisable-sur-toute-la-ligne/</link>
		<comments>http://pascalmagnenat.ch/2009/01/10/les-cff-sur-liphone-inutilisable-sur-toute-la-ligne/#comments</comments>
		<pubDate>Fri, 09 Jan 2009 23:36:48 +0000</pubDate>
		<dc:creator>Pascal Magnenat</dc:creator>
				<category><![CDATA[Ergonomie]]></category>

		<guid isPermaLink="false">http://www.pascalmagnenat.ch/?p=439</guid>
		<description><![CDATA[Interrogés sur la fonction de 3 boutons clefs de l&#8217;application iPhone des CFF, l&#8217;écrasante majorité des participants à une enquête que j&#8217;ai menée en novembre a eu de la caténaire à retordre: c&#8217;est ainsi que plus de 95% des utilisateurs n&#8217;a pas compris a priori à quoi pouvait servir le bouton lançant la fonction &#8220;Take [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=pascalmagnenat.ch&amp;blog=35222306&amp;post=439&amp;subd=pascalmagnenat&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Interrogés sur la fonction de 3 boutons clefs de l&#8217;application iPhone des CFF, l&#8217;écrasante majorité des participants à une enquête que j&#8217;ai menée en novembre a eu de la caténaire à retordre: c&#8217;est ainsi que plus de 95% des utilisateurs n&#8217;a pas compris <em>a priori</em> à quoi pouvait servir le bouton lançant la fonction &#8220;Take me home&#8221;; cette fonction est pourtant l&#8217;une des fonctions originales de l&#8217;application sur laquelle les CFF ont mis l&#8217;accent dans leur communication. Dans le monde ferroviaire, de nombreux tests techniques précèdent (heureusement) la mise en service des nouveaux matériels roulants. Dommage que les tests d&#8217;utilisabilité ne soient visiblement pas aussi incontournables!<br />
<a title="Vidéo des résultats de l'enquête sur le site Vimeo.com" href="http://vimeo.com/2780424">Vidéo présentant les résultats de l&#8217;enquête</a> sur vimeo.com.<span id="more-439"></span></p>
<p><strong>Quand les horaires deviennent imprévisibles</strong><br />
L&#8217;application des CFF est à la fois très utile et peu utilisable. Peu utilisable notamment parce qu&#8217;elle ne respecte pas l&#8217;un des principes fondamentaux en ergonomie: la <strong>prévisibilité</strong> des commandes.</p>
<p>Lorsqu&#8217;une commande est prévisible, l&#8217;utilisateur sait comment l&#8217;actionner et peut se représenter ses effets avant de commettre l&#8217;irréparable! Il peut facilement répondre aux questions:</p>
<ul>
<li>Comment utiliser la commande?</li>
<li>A quoi sert la commande?</li>
</ul>
<p>Une poignée de porte standard, c&#8217;est le parfait exemple de la commande prévisible.</p>
<p>C&#8217;est pour mesurer la prévisibilité de 3 boutons de l&#8217;écran principal de l&#8217;application CFF (cf. image ci-dessus) que j&#8217;ai réalisé une enquête en ligne en novembre dernier. Les 3 boutons correspondent aux fonctions suivantes:</p>
<ul>
<li><strong>bouton A</strong>: fonction &#8220;Take me home&#8221; affichant les horaires entre l&#8217;endroit où l&#8217;on se trouve et une adresse préenregistrée (son domicile par exemple);</li>
<li><strong>bouton B</strong>: actualisation de la date et de l&#8217;heure à considérer pour la recherche d&#8217;horaires</li>
<li><strong>bouton C</strong>: inversion de la destination et de l&#8217;arrivée pour la recherche des horaires du retour</li>
</ul>
<p><strong>Les résultats de l&#8217;enquête portent sur 22 réponses</strong><br />
32 personnes ont répondu à l&#8217;enquête. Parmi elles, 22 ont indiqué n&#8217;avoir pas utilisé l&#8217;écran étudié avant de répondre à l&#8217;étude. C&#8217;est sur ce sous-groupe que porte l&#8217;analyse des résultats. On ne peut en effet pas mesurer la prévisibilité d&#8217;une commande auprès d&#8217;utilisateurs qui connaissent déjà sa fonction!</p>
<p>Bien que la méthode utilisée ne permette pas d&#8217;obtenir des résultats statistiquement valides, ceux-ci sont néanmoins tellement tranchés qu&#8217;ils méritent qu&#8217;on s&#8217;y arrête.</p>
<p><strong>&#8220;Take me home&#8221;: une bonne idée mal représentée (bouton A)</strong><br />
Le bouton &#8220;Take me home&#8221; permet donc d&#8217;accéder en un clic aux horaires entre le lieu où l&#8217;on se trouve et une adresse préenregistrée. Le hic, c&#8217;est que <strong>plus de 95% des utilisateurs n&#8217;a pas imaginé que derrière ce bouton se cachait cette fonction</strong>:</p>
<ul>
<li>pour 15 utilisateurs, ce bouton sert à revenir à l&#8217;écran principal de l&#8217;application;</li>
<li>pour 3 autres, le bouton évoque soit un moyen d&#8217;ouvrir le site internet CFF.ch, un moyen de revenir à l&#8217;écran principal de l&#8217;iPhone ou encore une fonction permettant d&#8217;effacer le contenu des champs;</li>
<li>enfin, pour 2 utilisateurs, le bouton n&#8217;évoque rien.</li>
</ul>
<p>Seuls 2 utilisateurs ont donné une réponse conforme au comportement effectif du bouton &#8220;qui ramène à la maison&#8221;; l&#8217;un des 2 a toutefois indiqué connaître le bouton (&#8220;je connaissais le bouton pour la question A&#8221;), sa réponse a donc été exclue dans le calcul des résultats.</p>
<p>Bien sûr, si les utilisateurs interrogés avaient pu essayer, ils auraient vraisemblablement fini par comprendre le fonctionnement du bouton &#8220;Take me home&#8221;. Mais, une application bien pensée ne devrait pas nécessiter des essais-erreurs répétés. Sans compter que les réflexes court-circuitent parfois les apprentissages, en particulier lorsque l&#8217;usage est peu fréquent, l&#8217;attention flottante. Or, l&#8217;attention flottante est une des caractéristiques de l&#8217;utilisation des mobiles; je suis là et ailleurs en même temps. Combien d&#8217;utilisateurs qui connaissent la fonction &#8220;Take me home&#8221; cliqueront quand même par erreur pour revenir en arrière ou effacer les données de l&#8217;écran? Le &#8220;Ah! mais non, je me trompe toujours, c&#8217;était pas là que j&#8217;aurais dû cliquer&#8221;, vous connaissez?</p>
<p><strong>Les mots n&#8217;ont pas dit leur dernier&#8230; mot!</strong><br />
Une icône n&#8217;a de sens que lorsqu&#8217;elle permet à l&#8217;utilisateur d&#8217;être plus efficace et efficient qu&#8217;avec des mots. Tel n&#8217;est pas le cas lorsque l&#8217;icône n&#8217;est pas une icône conventionnelle et que son graphisme n&#8217;est pas immédiatement porteur de sens. La solution: utiliser des mots!</p>
<p><strong>Actualiser la date et l&#8217;heure: un tic tac qui fait flop (bouton B)</strong><br />
Le bouton B permet d&#8217;actualiser la date et l&#8217;heure utilisées pour la recherche d&#8217;horaires. Il pose également problème. La moitié des participants n&#8217;a pas compris qu&#8217;il servait à remplacer l&#8217;heure et la date affichées sur la droite par la date et l&#8217;heure courantes:</p>
<ul>
<li>Pour 4 utilisateurs, le bouton sert à modifier la sélection &#8220;départ&#8221; / &#8220;arrivée&#8221; figurant sur la gauche.</li>
<li>Pour 3 utilisateurs, le bouton est bel et bien lié à la date et l&#8217;heure mais ils n&#8217;imaginent pas avec certitude à quoi il peut servir.</li>
</ul>
<p>Le bouton souffre de 2 défauts:</p>
<ul>
<li>son icône est inadaptée;</li>
<li>sa position est ambiguë.</li>
</ul>
<p><strong>Une icône qui évoque la synchronisation plutôt que l&#8217;actualisation</strong><br />
Comme pour la fonction &#8220;Take me home&#8221;, l&#8217;icône n&#8217;est pas suffisamment explicite. Mais alors que l&#8217;icône &#8220;Take me home&#8221; était une icône inédite, le bouton B est une icône semblable à des icônes utilisées pour représenter la notion de synchronisation. Or, il ne s&#8217;agit pas ici d&#8217;une synchronisation &#8211; la synchronisation est un processus bi-directionnel, sans maître ni esclave, qu&#8217;évoque la double flèche circulaire &#8211; mais de l&#8217;actualisation de la date et de l&#8217;heure affichées. Ce n&#8217;est pas fondamentalement différent mais il s&#8217;agit quand même d&#8217;un glissement sémantique qui n&#8217;aide pas!</p>
<p>Plusieurs applications de l&#8217;iPhone, comme Mail, utilisent une autre icône pour représenter l&#8217;idée du rafraîchissement, de la mise à jour de ce qui est affiché pour refléter la situation actuelle: une simple flèche circulaire allant dans le sens chronologique. Cette icône est également utilisée par les navigateurs web. Cette icône aurait aussi pu être utilisée dans le contexte du programme des CFF.</p>
<p><strong>Bouton d&#8217;actualisation mal placé</strong><br />
Le bouton d&#8217;actualisation est placé à côté du sélecteur &#8220;Départ/Arrivée&#8221; et peut laisser penser qu&#8217;il lui est lié, d&#8217;une façon ou d&#8217;une autre. Cela peut expliquer que près d&#8217;une personne sur 5 a pensé que le bouton servait à modifier ce sélecteur. Si le champ date/heure et le bouton d&#8217;actualisation étaient affichés en dessous du sélecteur &#8220;Départ/Arrivée&#8221;, sur une ligne spécifique, cela aurait probablement levé l&#8217;ambiguïté.</p>
<p><strong>Horaires du retour: un appel au contresens (bouton C)</strong><br />
<strong>Le bouton intitulé &#8220;retour&#8221; a été&#8230; logiquement mal compris par plus de 80% des personnes</strong>: les 3/4 d&#8217;entre elles l&#8217;ont interprété comme un élément de navigation permettant soit de revenir à la page précédente soit de revenir à l&#8217;écran principal de l&#8217;application.</p>
<p>L&#8217;ambiguïté du libellé est renforcée par l&#8217;emplacement du bouton qui se trouve à l&#8217;endroit occupé par des éléments de navigation sur la page des horaires.</p>
<p><strong>L&#8217;application iPhone des CFF: l&#8217;ICN de l&#8217;internet</strong><br />
Je ne sais pas vous; mais moi, j&#8217;évite désormais les compositions pendulaires ICN sur la ligne du pied du Jura, histoire de ne pas arriver blême à mes rendez-vous. Relier Genève à Bâle plus rapidement, c&#8217;est peut-être un plus, mais si ce n&#8217;est pas adapté à la physiologie de l&#8217;humain que je suis, ça devient tout de suite moins attractif.</p>
<p>L&#8217;application iPhone des CFF, c&#8217;est un peu la même chose: c&#8217;est un programme utile mais qui n&#8217;est pas adapté aux utilisateurs. Outre l&#8217;imprévisibilité, il y aurait beaucoup à dire sur l&#8217;adaptation du modèle conceptuel général du logiciel aux scénarios d&#8217;utilisation. Peut-être sera-ce l&#8217;objet d&#8217;un autre billet un jour ou l&#8217;autre.</p>
<p>Quoi qu&#8217;il en soit, je suis convaincu qu&#8217;il est possible de faire nettement mieux et je lance solennellement l&#8217;appel du 9 janvier à la communauté romande iPhone en devenir: peut-être pourrions-nous nous lancer le défi de faire mieux et de proposer une application alternative qui fasse blêmir&#8230; mais cette fois les CFF.</p>
<p><strong>Documents à ce propos:</strong></p>
<ul>
<li>La <a title="Vidéo des résultats de l'enquête sur le site Vimeo.com" href="http://vimeo.com/2780424">vidéo présentant les résultats de l&#8217;enquête</a> sur le site vimeo.com.</li>
<li>Les diapositives qui ont servi à créer la vidéo peuvent aussi être feuilletés ci-dessous.</li>
</ul>
<p>J&#8217;espère que chacun trouvera le mode de consommation qui lui convient le mieux!</p>
<p><a href="http://d.scribd.com/ScribdViewer.swf?document_id=10175505&amp;access_key=key-2hnyxrrxmluo2cizlx8v&amp;page=1&amp;version=1&amp;viewMode=">http://d.scribd.com/ScribdViewer.swf?document_id=10175505&amp;access_key=key-2hnyxrrxmluo2cizlx8v&amp;page=1&amp;version=1&amp;viewMode=</a></p>
<div style="margin:6px auto 3px;font-family:Helvetica, Arial, Sans-serif;font-style:normal;font-variant:normal;font-weight:normal;font-size:12px;line-height:normal;font-size-adjust:none;font-stretch:normal;display:block;"><a style="text-decoration:underline;" href="http://www.scribd.com/upload">Publish at Scribd</a> or <a style="text-decoration:underline;" href="http://www.scribd.com/browse">explore</a> others: <a style="text-decoration:underline;" href="http://www.scribd.com/browse?c=119-internet">Internet</a> <a style="text-decoration:underline;" href="http://www.scribd.com/browse?c=114-technology">Technology</a> <a style="text-decoration:underline;" href="http://www.scribd.com/tag/iphone">iphone</a> <a style="text-decoration:underline;" href="http://www.scribd.com/tag/cff">cff</a></div>
<br />Publié dans Ergonomie  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/pascalmagnenat.wordpress.com/439/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/pascalmagnenat.wordpress.com/439/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/pascalmagnenat.wordpress.com/439/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/pascalmagnenat.wordpress.com/439/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/pascalmagnenat.wordpress.com/439/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/pascalmagnenat.wordpress.com/439/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/pascalmagnenat.wordpress.com/439/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/pascalmagnenat.wordpress.com/439/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/pascalmagnenat.wordpress.com/439/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/pascalmagnenat.wordpress.com/439/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/pascalmagnenat.wordpress.com/439/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/pascalmagnenat.wordpress.com/439/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/pascalmagnenat.wordpress.com/439/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/pascalmagnenat.wordpress.com/439/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=pascalmagnenat.ch&amp;blog=35222306&amp;post=439&amp;subd=pascalmagnenat&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://pascalmagnenat.ch/2009/01/10/les-cff-sur-liphone-inutilisable-sur-toute-la-ligne/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
	
		<media:thumbnail url="http://pascalmagnenat.files.wordpress.com/2009/01/applicationcff1-280x300.jpg?w=140" />
		<media:content url="http://pascalmagnenat.files.wordpress.com/2009/01/applicationcff1-280x300.jpg?w=140" medium="image">
			<media:title type="html">Application iPhone des CFF</media:title>
		</media:content>

		<media:content url="http://0.gravatar.com/avatar/4af3c8abacecaafbee44c89fe06119ef?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">pascalmagnenat</media:title>
		</media:content>
	</item>
		<item>
		<title>Des boutons (d&#8217;une forme inhabituelle) qui en donnent</title>
		<link>http://pascalmagnenat.ch/2008/10/22/previsibilite-des-commandes-des-boutons-qui-en-donnent/</link>
		<comments>http://pascalmagnenat.ch/2008/10/22/previsibilite-des-commandes-des-boutons-qui-en-donnent/#comments</comments>
		<pubDate>Wed, 22 Oct 2008 19:18:13 +0000</pubDate>
		<dc:creator>Pascal Magnenat</dc:creator>
				<category><![CDATA[Ergonomie]]></category>
		<category><![CDATA[bouton]]></category>
		<category><![CDATA[train]]></category>

		<guid isPermaLink="false">http://www.pascalmagnenat.ch/?p=373</guid>
		<description><![CDATA[Rien de plus simple qu&#8217;un bouton; et pourtant! Chaque jour est propice à de nouvelles observations. Hier, sur un quai de la gare de Reichenau-Tamins, je prends une photo d&#8217;une voiture du chemin de fer rhétique. J&#8217;ai l&#8217;impression que la flèche jaune figurant sur la portière n&#8217;est pas explicite.Je vérifie mon hypothèse auprès d&#8217;une amie. [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=pascalmagnenat.ch&amp;blog=35222306&amp;post=373&amp;subd=pascalmagnenat&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Rien de plus simple qu&#8217;un bouton; et pourtant! Chaque jour est propice à de nouvelles observations. Hier, sur un quai de la gare de <a title="Photo de la gare sur le site locosuisse.ch" href="http://www.locosuisse.ch/gares/alpha/r/reichenau-tamins.htm">Reichenau-Tamins</a>, je prends une photo d&#8217;une voiture du <a title="Article de Wikipédia sur le Chemin de fer rhétique" href="http://fr.wikipedia.org/wiki/Chemins_de_fer_rhétiques">chemin de fer rhétique</a>. J&#8217;ai l&#8217;impression que la flèche jaune figurant sur la portière n&#8217;est pas explicite.<span id="more-373"></span>Je vérifie mon hypothèse auprès d&#8217;une amie. Sa réponse me surprend: ce n&#8217;est pas la flèche qu&#8217;elle ne comprend pas; mais le bouton vers lequel elle pointe qu&#8217;elle n&#8217;a pas perçu immédiatement comme tel, en raison de sa forme inhabituelle: dans son esprit, les boutons sont ronds, ils ne sont pas rectangulaires. Peut-être que la couleur et la matière utilisées contribuent également à rendre ce bouton peu adapté; ou est-ce le contexte: un type de porte qui d&#8217;habitude s&#8217;ouvre manuellement &#8211; ce devait être le cas à l&#8217;origine avant que le mécanisme d&#8217;ouverture n&#8217;ait été automatisé.  Je n&#8217;ai pas vérifié ces hypothèses auprès de mon amie mais il est vraisemblable qu&#8217;elles participent toutes au manque de prévisibilité.</p>
<p>Entre les éléments qui ressemblent à des boutons et qui n&#8217;en sont pas &#8211; lire à ce sujet &#8220;<a href="http://www.pascalmagnenat.ch/la-guerre-des-boutons-est-declaree/">La guerre des boutons est déclarée!</a>&#8221; &#8211; et les vrais qui ne sont pas pris au sérieux, c&#8217;est compliqué.</p>
<p><strong>Moralité (répétée)</strong>: ne pas chercher à être original lorsqu&#8217;une commande doit pouvoir être immédiatement comprise par le plus grand nombre, en particulier lorsque les utilisateurs disposent de connaissances très différentes, provenir de cultures et d&#8217;origines lointaines et on peut imaginer que c&#8217;est le cas sur une ligne à vocation touristique.</p>
<p>Et vous, avez-vous rencontré dans votre quotidien d&#8217;autres boutons peu pratiques?</p>
<br />Publié dans Ergonomie  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/pascalmagnenat.wordpress.com/373/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/pascalmagnenat.wordpress.com/373/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/pascalmagnenat.wordpress.com/373/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/pascalmagnenat.wordpress.com/373/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/pascalmagnenat.wordpress.com/373/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/pascalmagnenat.wordpress.com/373/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/pascalmagnenat.wordpress.com/373/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/pascalmagnenat.wordpress.com/373/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/pascalmagnenat.wordpress.com/373/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/pascalmagnenat.wordpress.com/373/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/pascalmagnenat.wordpress.com/373/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/pascalmagnenat.wordpress.com/373/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/pascalmagnenat.wordpress.com/373/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/pascalmagnenat.wordpress.com/373/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=pascalmagnenat.ch&amp;blog=35222306&amp;post=373&amp;subd=pascalmagnenat&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://pascalmagnenat.ch/2008/10/22/previsibilite-des-commandes-des-boutons-qui-en-donnent/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:thumbnail url="http://pascalmagnenat.files.wordpress.com/2008/10/portiere_rhb.jpg?w=112" />
		<media:content url="http://pascalmagnenat.files.wordpress.com/2008/10/portiere_rhb.jpg?w=112" medium="image">
			<media:title type="html">Portière d&#039;une voiture du Chemin de fer rhétique</media:title>
		</media:content>

		<media:content url="http://0.gravatar.com/avatar/4af3c8abacecaafbee44c89fe06119ef?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">pascalmagnenat</media:title>
		</media:content>
	</item>
	</channel>
</rss>
