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

<channel>
	<title>Le blog de Médiablueergonomie | Le blog de Médiablue</title>
	<atom:link href="http://blog.mediablue.net/tag/ergonomie/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.mediablue.net</link>
	<description>L'espace de publication et de veille de l'agence web Médiablue.fr</description>
	<lastBuildDate>Fri, 02 Dec 2011 16:26:51 +0000</lastBuildDate>
	<language>fr</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.2</generator>
<meta xmlns="http://www.w3.org/1999/xhtml" name="robots" content="noindex,follow" />
		<item>
		<title>Un bouton &#171;&#160;Follow&#160;&#187; pour votre compte Twitter</title>
		<link>http://blog.mediablue.net/2011/06/03/un-bouton-follow-pour-twitter/</link>
		<comments>http://blog.mediablue.net/2011/06/03/un-bouton-follow-pour-twitter/#comments</comments>
		<pubDate>Fri, 03 Jun 2011 09:30:52 +0000</pubDate>
		<dc:creator>Phileas</dc:creator>
				<category><![CDATA[News Internet]]></category>
		<category><![CDATA[Outils et solutions]]></category>
		<category><![CDATA[Vite fait]]></category>
		<category><![CDATA[blogs]]></category>
		<category><![CDATA[ergonomie]]></category>
		<category><![CDATA[outils]]></category>
		<category><![CDATA[réseaux sociaux]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[usages]]></category>

		<guid isPermaLink="false">http://blog.mediablue.net/2011/06/03/un-bouton-follow-pour-twitter/</guid>
		<description><![CDATA[Twitter met &#224; disposition un bouton d&#39;abonnement automatique &#224; un compte twitter. En cliquant sur ce bouton, l&#39;utilisateur est automatiquement abonn&#233; au compte twitter en question, sans besoin de se rendre sur le site Twitter. Voici un outil compl&#233;mentaire pour les blogs, sites institutionnels et autres site e-commerce qui souhaitent faciliter l&#39;exp&#233;rience utilisateur de leurs visiteurs. Les infos ici : blog.twitter.com Follow @phileas]]></description>
			<content:encoded><![CDATA[<!-- RSPEAK_STOP --> <a href='http://wr.readspeaker.com/webreader/webreader.php?cid=dc21949141a9292d87f6ab2e8c94dfe0&t=wordpress_free&url=http://blog.mediablue.net/2011/06/03/un-bouton-follow-pour-twitter/&title=Un bouton &laquo;&nbsp;Follow&nbsp;&raquo; pour votre compte Twitter' onclick='pageTracker._trackPageview("/outgoing/wr.readspeaker.com/webreader/webreader.php?cid=dc21949141a9292d87f6ab2e8c94dfe0_t=wordpress_free_url=http_//blog.mediablue.net/2011/06/03/un-bouton-follow-pour-twitter/_title=Un_bouton_laquo_nbsp_Follow_nbsp_raquo_pour_votre_compte_Twitter&amp;referer=");readpage(this.href, 1006); return false;'> <img src='http://graphics.readspeaker.com/images/wr/listen_fr_fr.gif' border='0' alt='Lis moi avec webReader'></a><div id='WR_1006'></div> <!-- RSPEAK_START --> <p><a href="http://blog.mediablue.net/2011/06/03/un-bouton-follow-pour-twitter/twitter_logo/" rel="attachment wp-att-1008"><img align="left" alt="" class="alignleft size-full wp-image-1008" height="128" src="http://blog.mediablue.net/wp-content/uploads/2011/06/twitter_logo.jpg" title="twitter_logo" width="128" /></a>Twitter met &agrave; disposition un bouton d&#39;abonnement automatique &agrave; un compte twitter.</p>
<p>En cliquant sur ce bouton, l&#39;utilisateur est <strong>automatiquement abonn&eacute; au compte twitter</strong> en question, sans besoin de se rendre sur le site Twitter. Voici un outil compl&eacute;mentaire pour les blogs, sites institutionnels et autres site e-commerce qui souhaitent faciliter l&#39;exp&eacute;rience utilisateur de leurs visiteurs.</p>
<p>Les infos ici : <a href="http://blog.twitter.com/2011/05/introducing-follow-button.html" target="_blank" onclick="pageTracker._trackPageview('/outgoing/blog.twitter.com/2011/05/introducing-follow-button.html?referer=');">blog.twitter.com</a></p>
<p><a class="twitter-follow-button" data-lang="fr" href="http://twitter.com/phileas" onclick="pageTracker._trackPageview('/outgoing/twitter.com/phileas?referer=');">Follow @phileas</a> <script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script></p>
 <!-- RSPEAK_STOP -->]]></content:encoded>
			<wfw:commentRss>http://blog.mediablue.net/2011/06/03/un-bouton-follow-pour-twitter/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>iButterfly : Quand la technologie s&#8217;efface derrière l&#8217;usage</title>
		<link>http://blog.mediablue.net/2010/07/13/quand-la-technologie-sefface-derriere-lusage/</link>
		<comments>http://blog.mediablue.net/2010/07/13/quand-la-technologie-sefface-derriere-lusage/#comments</comments>
		<pubDate>Tue, 13 Jul 2010 06:30:28 +0000</pubDate>
		<dc:creator>Phileas</dc:creator>
				<category><![CDATA[Internet mobile]]></category>
		<category><![CDATA[Où va le monde ?]]></category>
		<category><![CDATA[Outils et solutions]]></category>
		<category><![CDATA[ergonomie]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[mobiles]]></category>
		<category><![CDATA[réseaux sociaux]]></category>
		<category><![CDATA[usages]]></category>
		<category><![CDATA[web 2.0]]></category>
		<category><![CDATA[web social]]></category>

		<guid isPermaLink="false">http://blog.mediablue.net/?p=577</guid>
		<description><![CDATA[Disposer de technologies et de solutions innovantes est très intéressant pour améliorer les usages. Apple l&#8217;a bien compris avec ses dispositifs mobiles (iPhone et iPad). Mais quand les créateurs s&#8217;autorisent à dépasser le simple usage pour nous proposer une expérience presque enfantine, cela donne une chasse aux papillons poétique et bucolique, même en milieu urbain. Mélange de réalité augmentée, de social status (comme Twitter ou Facebook), de location badges (comme Foursquare ou Gowalla), de coupons de réduction, de collection de pokemon (échanges), l&#8217;application iButterfly propose tout cela sous une forme très très ludique. Et ce n&#8217;est sans doute pas un hasard si iButterfly nous vient du pays du Soleil Levant &#8230;]]></description>
			<content:encoded><![CDATA[<!-- RSPEAK_STOP --> <a href='http://wr.readspeaker.com/webreader/webreader.php?cid=dc21949141a9292d87f6ab2e8c94dfe0&t=wordpress_free&url=http://blog.mediablue.net/2010/07/13/quand-la-technologie-sefface-derriere-lusage/&title=iButterfly : Quand la technologie s&#8217;efface derrière l&#8217;usage' onclick='pageTracker._trackPageview("/outgoing/wr.readspeaker.com/webreader/webreader.php?cid=dc21949141a9292d87f6ab2e8c94dfe0_t=wordpress_free_url=http_//blog.mediablue.net/2010/07/13/quand-la-technologie-sefface-derriere-lusage/_title=iButterfly_Quand_la_technologie_s_8217_efface_derri_re_l_8217_usage&amp;referer=");readpage(this.href, 577); return false;'> <img src='http://graphics.readspeaker.com/images/wr/listen_fr_fr.gif' border='0' alt='Lis moi avec webReader'></a><div id='WR_577'></div> <!-- RSPEAK_START --> <p>Disposer de technologies et de solutions innovantes est très intéressant pour améliorer les usages. Apple l&#8217;a bien compris avec ses dispositifs mobiles (iPhone et iPad). Mais quand les créateurs s&#8217;autorisent à dépasser le simple usage pour nous proposer une expérience presque enfantine, cela donne une chasse aux papillons poétique et bucolique, même en milieu urbain. Mélange de réalité augmentée, de <em>social status</em> (comme <a href="http://twitter.com" target="_blank" onclick="pageTracker._trackPageview('/outgoing/twitter.com?referer=');">Twitter</a> ou <a href="http://facebook.com" target="_blank" onclick="pageTracker._trackPageview('/outgoing/facebook.com?referer=');">Facebook</a>), de <em>location badges</em> (comme <a href="http://foursquare.com" target="_blank" onclick="pageTracker._trackPageview('/outgoing/foursquare.com?referer=');">Foursquare</a> ou <a href="http://gowalla.com" target="_blank" onclick="pageTracker._trackPageview('/outgoing/gowalla.com?referer=');">Gowalla</a>), de coupons de réduction, de collection de pokemon (échanges), l&#8217;application <a title="Télécharger sur iTunes" href="http://itunes.apple.com/jp/app/id349630852?mt=8" target="_blank" onclick="pageTracker._trackPageview('/outgoing/itunes.apple.com/jp/app/id349630852?mt=8&amp;referer=');">iButterfly</a> propose tout cela sous une forme très très ludique.</p>
<p>Et ce n&#8217;est sans doute pas un hasard si <a title="Le site iButterfly" href="http://www.mobileart.jp/ibutterfly.html" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.mobileart.jp/ibutterfly.html?referer=');">iButterfly</a> nous vient du pays du Soleil Levant &#8230;</p>
<p style="text-align: center;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="640" height="385" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/jNPh9bR_lP4&amp;hl=fr_FR&amp;fs=1?rel=0" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="640" height="385" src="http://www.youtube.com/v/jNPh9bR_lP4&amp;hl=fr_FR&amp;fs=1?rel=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
 <!-- RSPEAK_STOP -->]]></content:encoded>
			<wfw:commentRss>http://blog.mediablue.net/2010/07/13/quand-la-technologie-sefface-derriere-lusage/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Windows 7 prêt pour les écrans tactiles</title>
		<link>http://blog.mediablue.net/2009/01/11/windows-7-pret-pour-les-ecrans-tactiles/</link>
		<comments>http://blog.mediablue.net/2009/01/11/windows-7-pret-pour-les-ecrans-tactiles/#comments</comments>
		<pubDate>Sun, 11 Jan 2009 19:15:29 +0000</pubDate>
		<dc:creator>Phileas</dc:creator>
				<category><![CDATA[Outils et solutions]]></category>
		<category><![CDATA[ergonomie]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[outils]]></category>
		<category><![CDATA[usages]]></category>

		<guid isPermaLink="false">http://blog.mediablue.net/?p=123</guid>
		<description><![CDATA[<img width="149" height="104" align="left" src="http://blog.mediablue.net/wp-content/gallery/image/ballmer_windows_7.jpg" alt="" hspace="10"/>Windows 7, annoncé pour 2010, proposera une interface spécifique pour les écrans tactiles.]]></description>
			<content:encoded><![CDATA[<!-- RSPEAK_STOP --> <a href='http://wr.readspeaker.com/webreader/webreader.php?cid=dc21949141a9292d87f6ab2e8c94dfe0&t=wordpress_free&url=http://blog.mediablue.net/2009/01/11/windows-7-pret-pour-les-ecrans-tactiles/&title=Windows 7 prêt pour les écrans tactiles' onclick='pageTracker._trackPageview("/outgoing/wr.readspeaker.com/webreader/webreader.php?cid=dc21949141a9292d87f6ab2e8c94dfe0_t=wordpress_free_url=http_//blog.mediablue.net/2009/01/11/windows-7-pret-pour-les-ecrans-tactiles/_title=Windows_7_pr_t_pour_les_crans_tactiles&amp;referer=");readpage(this.href, 123); return false;'> <img src='http://graphics.readspeaker.com/images/wr/listen_fr_fr.gif' border='0' alt='Lis moi avec webReader'></a><div id='WR_123'></div> <!-- RSPEAK_START --> <p><a href="http://www.lavoixdunord.fr/France_Monde/actualite/Secteur_France_Monde/2009/01/09/article_au-salon-de-las-vegas-steve-ballmer-anno.shtml" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.lavoixdunord.fr/France_Monde/actualite/Secteur_France_Monde/2009/01/09/article_au-salon-de-las-vegas-steve-ballmer-anno.shtml?referer=');">Windows 7, le successeur de Windows Vista</a>, pr&eacute;vu pour l&#8217;ann&eacute;e prochaine, proposera une interface sp&eacute;cifique pour les &eacute;crans tactiles. Fortement inspir&eacute;e de Microsoft Surface, cette version semble aboutie &agrave; en croire cette d&eacute;monstration enregistr&eacute;e sur le stand de Microsoft au <a href="http://www.cesweb.org/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.cesweb.org/?referer=');">CES de Las Vegas</a> jeudi dernier.</p>
<p style="text-align: center;"><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/LQFdsdDgEvQ&#038;color1=0xb1b1b1&#038;color2=0xcfcfcf&#038;hl=fr&#038;feature=player_embedded&#038;fs=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/LQFdsdDgEvQ&#038;color1=0xb1b1b1&#038;color2=0xcfcfcf&#038;hl=fr&#038;feature=player_embedded&#038;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object></p>
 <!-- RSPEAK_STOP -->]]></content:encoded>
			<wfw:commentRss>http://blog.mediablue.net/2009/01/11/windows-7-pret-pour-les-ecrans-tactiles/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ergonomie : to be or not to be&#8230; conforme</title>
		<link>http://blog.mediablue.net/2007/12/02/ergonomie-to-be-or-not-to-be-conforme/</link>
		<comments>http://blog.mediablue.net/2007/12/02/ergonomie-to-be-or-not-to-be-conforme/#comments</comments>
		<pubDate>Sun, 02 Dec 2007 17:29:57 +0000</pubDate>
		<dc:creator>Phileas</dc:creator>
				<category><![CDATA[Outils et solutions]]></category>
		<category><![CDATA[ergonomie]]></category>

		<guid isPermaLink="false">http://blog.mediablue.net/2007/12/02/ergonomie-to-be-or-not-to-be-conforme/</guid>
		<description><![CDATA[Les questions de base sur l&#8217;ergonomie, on ne se les pose plus. Des &#34;r&#232;gles&#34; ont &#233;t&#233; &#233;dict&#233;es depuis des ann&#233;es, s&#8217;appuyant sur des id&#233;es &#34;commun&#233;ment admises&#34; dans les milieux du web. Et m&#234;me si elles reposent sur une certaine exp&#233;rience utilisateur, il est bon, parfois, de remettre en cause ses certitudes. Et si le consensus, le pragmatisme, l&#8217;empirisme m&#234;me, nous guidait ? C&#8217;est une d&#233;marche qui est possible &#224; la lumi&#232;re de l&#8217;enqu&#234;te &#34;Interface Research&#34; qui propose de choisir entre deux propositions portant sur une dizaine de domaines.Pour le plaisir, et sans aucune validit&#233; des r&#233;sultats, voici quelques conclusions de cette enqu&#234;te puisque les sympathiques &#233;tudiants du Dr Ameeta Jadav nous livrent en fin de session les scores &#233;tablis d&#8217;apr&#232;s les r&#233;ponses fournies par les quelques 29350 participations annonc&#233;s &#224; l&#8217;heure o&#249; j&#8217;&#233;cris ces lignes&#8230; 1) La plupart des habitudes du web sont massivement confirm&#233;es : positionnement des menus &#224; gauche (77 %) sous-menus verticaux (72 %) positionnement du moteur de recherche dans l&#8217;en-t&#234;te, bien en dessus du corps de la page (77 %) positionnement du lien de fermeture d&#8217;&#233;l&#233;ment &#224; droite (95 %) plut&#244;t qu&#8217;&#224; gauche (5 %) pr&#233;sence d&#8217;une mention textuelle descriptive en plus d&#8217;une l&#8217;ic&#244;ne d&#8217;action (77 [...]]]></description>
			<content:encoded><![CDATA[<!-- RSPEAK_STOP --> <a href='http://wr.readspeaker.com/webreader/webreader.php?cid=dc21949141a9292d87f6ab2e8c94dfe0&t=wordpress_free&url=http://blog.mediablue.net/2007/12/02/ergonomie-to-be-or-not-to-be-conforme/&title=Ergonomie : to be or not to be&#8230; conforme' onclick='pageTracker._trackPageview("/outgoing/wr.readspeaker.com/webreader/webreader.php?cid=dc21949141a9292d87f6ab2e8c94dfe0_t=wordpress_free_url=http_//blog.mediablue.net/2007/12/02/ergonomie-to-be-or-not-to-be-conforme/_title=Ergonomie_to_be_or_not_to_be_8230_conforme&amp;referer=");readpage(this.href, 11); return false;'> <img src='http://graphics.readspeaker.com/images/wr/listen_fr_fr.gif' border='0' alt='Lis moi avec webReader'></a><div id='WR_11'></div> <!-- RSPEAK_START --> <p><b>Les questions de base sur l&#8217;ergonomie, on ne se les pose plus</b>. Des &quot;r&egrave;gles&quot; ont &eacute;t&eacute; &eacute;dict&eacute;es depuis des ann&eacute;es, s&#8217;appuyant sur des id&eacute;es &quot;commun&eacute;ment admises&quot; dans les milieux du web. Et m&ecirc;me si elles reposent sur une certaine exp&eacute;rience utilisateur, <b>il est bon, parfois, de remettre en cause ses certitudes</b>.</p>
<p>Et si le consensus, le pragmatisme, l&#8217;empirisme m&ecirc;me, nous guidait ? C&#8217;est une d&eacute;marche qui est possible &agrave; la lumi&egrave;re de l&#8217;<b><a href="http://www.interface-research.com" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.interface-research.com?referer=');">enqu&ecirc;te &quot;Interface Research&quot;</a></b> qui propose de choisir entre deux propositions portant sur une dizaine de domaines.<span id="more-11"></span>Pour le plaisir, et sans aucune validit&eacute; des r&eacute;sultats, <b>voici quelques conclusions de cette enqu&ecirc;te</b> puisque les sympathiques &eacute;tudiants du Dr Ameeta Jadav nous livrent en fin de session les scores &eacute;tablis d&#8217;apr&egrave;s les r&eacute;ponses fournies par les quelques 29350 participations annonc&eacute;s &agrave; l&#8217;heure o&ugrave; j&#8217;&eacute;cris ces lignes&#8230;</p>
<p><b>1) La plupart des habitudes du web sont massivement confirm&eacute;es :</b></p>
<ul>
<li>positionnement des menus &agrave; gauche (77 %)</li>
<li>sous-menus verticaux (72 %)</li>
<li>positionnement du moteur de recherche dans l&#8217;en-t&ecirc;te, bien en dessus du corps de la page (77 %)</li>
<li>positionnement du lien de fermeture d&#8217;&eacute;l&eacute;ment &agrave; droite (95 %) plut&ocirc;t qu&#8217;&agrave; gauche (5 %)</li>
<li>pr&eacute;sence d&#8217;une mention textuelle descriptive en plus d&#8217;une l&#8217;ic&ocirc;ne d&#8217;action (77 %)</li>
</ul>
<p><b>2) Certaines sont plus partag&eacute;es :</b></p>
<ul>
<li>espacement des lignes de texte plut&ocirc;t r&eacute;duit (54 %)</li>
<li>signalement des champs manquant d&#8217;un formulaire par un symbole (51 %) plut&ocirc;t que par une couleur du champ de saisie (49 %)</li>
</ul>
<p><b>3) L&#8217;une d&#8217;entre-elles &eacute;chappe a priori &agrave; toute objectivit&eacute; :</b></p>
<p>&nbsp;</p>
<ul>
<li>pr&eacute;f&eacute;rence pour une interface plut&ocirc;t verte (74 %) que bleue (26 %) (peut-&ecirc;tre le signe d&#8217;une recherche graphique un peu plus pouss&eacute;e ?)</li>
</ul>
<p><b>4) Une autre enfin me laisse tout simplement pantois :</b></p>
<ul>
<li>jeu &eacute;gal pour le positionnement du bouton &quot;Valider&quot; &agrave; droite (51 %) ou &agrave; gauche (49 %) du bouton &quot;Annuler&quot;</li>
</ul>
<p>Ce qui m&#8217;&eacute;tonne le plus c&#8217;est que <b>je suis &agrave; contre-courant du consensus dans la moiti&eacute; des cas</b>.</p>
<p>M&ecirc;me si on peut l&eacute;gitimement penser que les participants sont des habitu&eacute;s du surf (et donc &quot;conditionn&eacute;s&quot; par leurs habitudes), j&#8217;en conclue que chacun a sa fa&ccedil;on de voir les choses et qu&#8217;<b>aucun standard ne pourra jamais satisfaire tout le monde</b>&#8230;</p>
<p><i>Merci &agrave; <a target="_blank" href="http://www.fredcavazza.net/2007/11/28/une-enquete-sur-des-choix-de-conception-ergonomique/" onclick="pageTracker._trackPageview('/outgoing/www.fredcavazza.net/2007/11/28/une-enquete-sur-des-choix-de-conception-ergonomique/?referer=');">Fred Cavazza</a></i>.</p>
 <!-- RSPEAK_STOP -->]]></content:encoded>
			<wfw:commentRss>http://blog.mediablue.net/2007/12/02/ergonomie-to-be-or-not-to-be-conforme/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

