<?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>Tanek &#187; usability</title>
	<atom:link href="http://www.tanek.fr/tag/usability/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.tanek.fr</link>
	<description>Designer d'interface - WebAddict</description>
	<lastBuildDate>Mon, 14 Dec 2009 18:25:22 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Quelques fiches de lectures</title>
		<link>http://www.tanek.fr/2009/architecture-de-linfo/quelques-fiches-de-lectures/</link>
		<comments>http://www.tanek.fr/2009/architecture-de-linfo/quelques-fiches-de-lectures/#comments</comments>
		<pubDate>Fri, 16 Oct 2009 08:54:34 +0000</pubDate>
		<dc:creator>Tanek</dc:creator>
				<category><![CDATA[Architecture de l'info]]></category>
		<category><![CDATA[Réflexion]]></category>
		<category><![CDATA[ergonomie]]></category>
		<category><![CDATA[Livres]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://www.tanek.fr/?p=341</guid>
		<description><![CDATA[
L'hiver arrive à grand pas. Pour m'occuper durant mes longues soirées,  je vous prépare des petites fiches de lecture.(Rassurez-vous je mangerais aussi quelques raclettes).
Oui oui, vous avez bien lu : des fiches de lectures ! Un peu , comme celles que l'on faisait en CM1. Grosso modo,  le but sera de vous présenter un livre, [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-342" title="Bibliothèque de livres" src="http://www.tanek.fr/wp-content/uploads/2009/10/livres.png" alt="Bibliothèque de livres" width="440" height="91" /></p>
<p>L'hiver arrive à grand pas. Pour m'occuper durant mes longues soirées,  je vous prépare des petites fiches de lecture.(<span style="text-decoration: line-through;">Rassurez-vous je mangerais aussi quelques raclettes</span>).</p>
<p>Oui oui, vous avez bien lu : des <strong>fiches de lectures</strong> ! Un peu , comme celles que l'on faisait en CM1. Grosso modo,  le but sera de vous présenter un livre, de le synthétiser très sommairement, d'en extraire les points forts, mais aussi les points faibles. Je dois aussi vous avouer qu'avec cette démarche, je souhaite conserver quelques traces de mes différentes lectures.</p>
<p>Je pourrais vous présenter le dernier "Martine à la plage", mais comme vous le savez, ce n'est malheureusement pas le thème de ce blog...</p>
<p>Du coup, vous aurez droit aux œuvres suivantes :</p>
<p>- <a href="http://www.amazon.fr/Ergonomie-Web-Pour-sites-efficaces/dp/2212124791/ref=sr_1_1?ie=UTF8&amp;s=books&amp;qid=1255681056&amp;sr=8-1" target="_blank">Ergonomie Web : Pour des sites web efficaces, d'Amélie Boucher</a>.</p>
<p>- <a href="http://www.amazon.fr/Architecture-linformation-pour-Peter-Morville/dp/2841774600/ref=pd_sim_b_20" target="_blank">Architecture de l'information pour le Web, de Peter Morville</a>. (appelé aussi le Polar Bear)</p>
<p>- <a href="http://www.amazon.fr/veux-pas-chercher-navigation-internautes/dp/274402189X/ref=sr_1_1?ie=UTF8&amp;s=books&amp;qid=1255681579&amp;sr=1-1" target="_blank">Je ne veux pas chercher ! , de Steve Krug</a>.  (Traduction de Don't Make me think)</p>
<p>- <a href="http://www.amazon.fr/Ergonomie-logiciel-design-web-utilisateur/dp/2100515721/ref=pd_sim_b_15" target="_blank">Ergonomie du logiciel et design web : Le manuel des interfaces utilisateur, de Jean-François Nogier</a>.</p>
<p>- <a href="http://www.smashingmagazine.com/2009/08/05/the-smashing-book-pre-order-now-and-save-20/?utm_source=Smashing%2BMagazibe&amp;utm_medium=banner&amp;utm_content=Badge%2Bdesbook3&amp;utm_campaign=Smashing%2BBook" target="_blank">Smashing book, de Smashing Magazine</a>. (Pas encore reçu)</p>
<p>Pour le moment, j'ai un peu d'avance, puisque j'ai lu tous ces ouvrages (hors mis le smashing book), mais si vous en avez à me conseiller, je suis preneur !</p>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 146px; width: 1px; height: 1px;">
<h1 class="parseasinTitle"><span id="btAsinTitle">Ergonomie Web : Pour des sites web efficaces</span></h1>
</div>



Partager cet article


	<a rel="nofollow" id="twitter"  target="_blank" href="http://twitter.com/home?status=Quelques%20fiches%20de%20lectures%20-%20http%3A%2F%2Fwww.tanek.fr%2F2009%2Farchitecture-de-linfo%2Fquelques-fiches-de-lectures%2F" title="Twitter"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a>
	<a rel="nofollow" id="del.icio.us"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.tanek.fr%2F2009%2Farchitecture-de-linfo%2Fquelques-fiches-de-lectures%2F&amp;title=Quelques%20fiches%20de%20lectures&amp;notes=%0D%0A%0D%0AL%27hiver%20arrive%20%C3%A0%20grand%20pas.%20Pour%20m%27occuper%20durant%20mes%20longues%20soir%C3%A9es%2C%C2%A0%20je%20vous%20pr%C3%A9pare%20des%20petites%20fiches%20de%20lecture.%28Rassurez-vous%20je%20mangerais%20aussi%20quelques%20raclettes%29.%0D%0A%0D%0AOui%20oui%2C%20vous%20avez%20bien%20lu%20%3A%20des%20fiches%20de%20lectures%20%21%20Un%20peu%20%2C%20com" title="del.icio.us"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" id="stumbleupon"  target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.tanek.fr%2F2009%2Farchitecture-de-linfo%2Fquelques-fiches-de-lectures%2F&amp;title=Quelques%20fiches%20de%20lectures" title="StumbleUpon"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a>
	<a rel="nofollow" id="facebook"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.tanek.fr%2F2009%2Farchitecture-de-linfo%2Fquelques-fiches-de-lectures%2F&amp;t=Quelques%20fiches%20de%20lectures" title="Facebook"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" id="digg"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.tanek.fr%2F2009%2Farchitecture-de-linfo%2Fquelques-fiches-de-lectures%2F&amp;title=Quelques%20fiches%20de%20lectures&amp;bodytext=%0D%0A%0D%0AL%27hiver%20arrive%20%C3%A0%20grand%20pas.%20Pour%20m%27occuper%20durant%20mes%20longues%20soir%C3%A9es%2C%C2%A0%20je%20vous%20pr%C3%A9pare%20des%20petites%20fiches%20de%20lecture.%28Rassurez-vous%20je%20mangerais%20aussi%20quelques%20raclettes%29.%0D%0A%0D%0AOui%20oui%2C%20vous%20avez%20bien%20lu%20%3A%20des%20fiches%20de%20lectures%20%21%20Un%20peu%20%2C%20com" title="Digg"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow" id="friendfeed"  target="_blank" href="http://www.friendfeed.com/share?title=Quelques%20fiches%20de%20lectures&amp;link=http%3A%2F%2Fwww.tanek.fr%2F2009%2Farchitecture-de-linfo%2Fquelques-fiches-de-lectures%2F" title="FriendFeed"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/friendfeed.png" title="FriendFeed" alt="FriendFeed" class="sociable-hovers" /></a>
	<a rel="nofollow" id="tumblr"  target="_blank" href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fwww.tanek.fr%2F2009%2Farchitecture-de-linfo%2Fquelques-fiches-de-lectures%2F&amp;t=Quelques%20fiches%20de%20lectures&amp;s=%0D%0A%0D%0AL%27hiver%20arrive%20%C3%A0%20grand%20pas.%20Pour%20m%27occuper%20durant%20mes%20longues%20soir%C3%A9es%2C%C2%A0%20je%20vous%20pr%C3%A9pare%20des%20petites%20fiches%20de%20lecture.%28Rassurez-vous%20je%20mangerais%20aussi%20quelques%20raclettes%29.%0D%0A%0D%0AOui%20oui%2C%20vous%20avez%20bien%20lu%20%3A%20des%20fiches%20de%20lectures%20%21%20Un%20peu%20%2C%20com" title="Tumblr"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" class="sociable-hovers" /></a>
	<a rel="nofollow" id="linkedin"  target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fwww.tanek.fr%2F2009%2Farchitecture-de-linfo%2Fquelques-fiches-de-lectures%2F&amp;title=Quelques%20fiches%20de%20lectures&amp;source=Tanek+Designer+d%27interface+-+WebAddict&amp;summary=%0D%0A%0D%0AL%27hiver%20arrive%20%C3%A0%20grand%20pas.%20Pour%20m%27occuper%20durant%20mes%20longues%20soir%C3%A9es%2C%C2%A0%20je%20vous%20pr%C3%A9pare%20des%20petites%20fiches%20de%20lecture.%28Rassurez-vous%20je%20mangerais%20aussi%20quelques%20raclettes%29.%0D%0A%0D%0AOui%20oui%2C%20vous%20avez%20bien%20lu%20%3A%20des%20fiches%20de%20lectures%20%21%20Un%20peu%20%2C%20com" title="LinkedIn"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a>
	<a rel="nofollow" id="email"  target="_blank" href="mailto:?subject=Quelques%20fiches%20de%20lectures&amp;body=http%3A%2F%2Fwww.tanek.fr%2F2009%2Farchitecture-de-linfo%2Fquelques-fiches-de-lectures%2F" title="email"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/email_link.png" title="email" alt="email" class="sociable-hovers" /></a>


<br/><br/>
<div class="like">
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.tanek.fr%2F2009%2Farchitecture-de-linfo%2Fquelques-fiches-de-lectures%2F&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:62px; "></iframe>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.tanek.fr/2009/architecture-de-linfo/quelques-fiches-de-lectures/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Défilement du contenu des interfaces tactiles</title>
		<link>http://www.tanek.fr/2009/architecture-de-linfo/defilement-du-contenu-des-interfaces-tactiles/</link>
		<comments>http://www.tanek.fr/2009/architecture-de-linfo/defilement-du-contenu-des-interfaces-tactiles/#comments</comments>
		<pubDate>Mon, 05 Jan 2009 15:06:26 +0000</pubDate>
		<dc:creator>Tanek</dc:creator>
				<category><![CDATA[Architecture de l'info]]></category>
		<category><![CDATA[ergonomie]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[scrollbar]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://www.tanek.fr/?p=268</guid>
		<description><![CDATA[Un rapide billet pour premièrement vous souhaiter une bonne année, et ensuite pour rebondir sur un de mes précédents articles.
Je suis tombé dernièrement sur un article de Hebiflux (Interface Tactile et standardisation) qui soulève le problème du sens de défilement du contenu.
La vidéo ci-dessous va (je le pense) nous aider à trouver le système le [...]]]></description>
			<content:encoded><![CDATA[<p>Un rapide billet pour premièrement vous souhaiter une bonne année, et ensuite pour rebondir sur <a title="La petite question inutile du matin (bis)" href="http://www.tanek.fr/2008/architecture-de-linfo/la-petite-question-inutile-du-matin-bis/" target="_blank">un de mes précédents articles</a>.</p>
<p>Je suis tombé dernièrement sur un article de Hebiflux (<a title="Interface tactile et standardisation" href="http://www.hebiflux.com/blog/2009/01/02/interface-tactile-et-standardisation/" target="_blank">Interface Tactile et standardisation)</a> qui soulève le problème du sens de défilement du contenu.</p>
<p>La vidéo ci-dessous va (je le pense) nous aider à trouver le système le plus <a title="Définition de efficience" href="http://fr.wiktionary.org/wiki/efficient" target="_blank">efficient</a> pour les scrolls des interfaces tactiles.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="300" 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://vimeo.com/moogaloop.swf?clip_id=2695441&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="400" height="300" src="http://vimeo.com/moogaloop.swf?clip_id=2695441&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
<a href="http://vimeo.com/2695441">Untitled</a> from <a href="http://vimeo.com/user395885">Galdric</a> on <a href="http://vimeo.com">Vimeo</a>.</p>



Partager cet article


	<a rel="nofollow" id="twitter"  target="_blank" href="http://twitter.com/home?status=D%C3%A9filement%20du%20contenu%20des%20interfaces%20tactiles%20-%20http%3A%2F%2Fwww.tanek.fr%2F2009%2Farchitecture-de-linfo%2Fdefilement-du-contenu-des-interfaces-tactiles%2F" title="Twitter"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a>
	<a rel="nofollow" id="del.icio.us"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.tanek.fr%2F2009%2Farchitecture-de-linfo%2Fdefilement-du-contenu-des-interfaces-tactiles%2F&amp;title=D%C3%A9filement%20du%20contenu%20des%20interfaces%20tactiles&amp;notes=Un%20rapide%20billet%20pour%20premi%C3%A8rement%20vous%20souhaiter%20une%20bonne%20ann%C3%A9e%2C%20et%20ensuite%20pour%20rebondir%20sur%20un%20de%20mes%20pr%C3%A9c%C3%A9dents%20articles.%0D%0A%0D%0AJe%20suis%20tomb%C3%A9%20derni%C3%A8rement%20sur%20un%20article%20de%20Hebiflux%20%28Interface%20Tactile%20et%20standardisation%29%20qui%20soul%C3%A8ve%20le%20probl" title="del.icio.us"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" id="stumbleupon"  target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.tanek.fr%2F2009%2Farchitecture-de-linfo%2Fdefilement-du-contenu-des-interfaces-tactiles%2F&amp;title=D%C3%A9filement%20du%20contenu%20des%20interfaces%20tactiles" title="StumbleUpon"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a>
	<a rel="nofollow" id="facebook"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.tanek.fr%2F2009%2Farchitecture-de-linfo%2Fdefilement-du-contenu-des-interfaces-tactiles%2F&amp;t=D%C3%A9filement%20du%20contenu%20des%20interfaces%20tactiles" title="Facebook"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" id="digg"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.tanek.fr%2F2009%2Farchitecture-de-linfo%2Fdefilement-du-contenu-des-interfaces-tactiles%2F&amp;title=D%C3%A9filement%20du%20contenu%20des%20interfaces%20tactiles&amp;bodytext=Un%20rapide%20billet%20pour%20premi%C3%A8rement%20vous%20souhaiter%20une%20bonne%20ann%C3%A9e%2C%20et%20ensuite%20pour%20rebondir%20sur%20un%20de%20mes%20pr%C3%A9c%C3%A9dents%20articles.%0D%0A%0D%0AJe%20suis%20tomb%C3%A9%20derni%C3%A8rement%20sur%20un%20article%20de%20Hebiflux%20%28Interface%20Tactile%20et%20standardisation%29%20qui%20soul%C3%A8ve%20le%20probl" title="Digg"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow" id="friendfeed"  target="_blank" href="http://www.friendfeed.com/share?title=D%C3%A9filement%20du%20contenu%20des%20interfaces%20tactiles&amp;link=http%3A%2F%2Fwww.tanek.fr%2F2009%2Farchitecture-de-linfo%2Fdefilement-du-contenu-des-interfaces-tactiles%2F" title="FriendFeed"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/friendfeed.png" title="FriendFeed" alt="FriendFeed" class="sociable-hovers" /></a>
	<a rel="nofollow" id="tumblr"  target="_blank" href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fwww.tanek.fr%2F2009%2Farchitecture-de-linfo%2Fdefilement-du-contenu-des-interfaces-tactiles%2F&amp;t=D%C3%A9filement%20du%20contenu%20des%20interfaces%20tactiles&amp;s=Un%20rapide%20billet%20pour%20premi%C3%A8rement%20vous%20souhaiter%20une%20bonne%20ann%C3%A9e%2C%20et%20ensuite%20pour%20rebondir%20sur%20un%20de%20mes%20pr%C3%A9c%C3%A9dents%20articles.%0D%0A%0D%0AJe%20suis%20tomb%C3%A9%20derni%C3%A8rement%20sur%20un%20article%20de%20Hebiflux%20%28Interface%20Tactile%20et%20standardisation%29%20qui%20soul%C3%A8ve%20le%20probl" title="Tumblr"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" class="sociable-hovers" /></a>
	<a rel="nofollow" id="linkedin"  target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fwww.tanek.fr%2F2009%2Farchitecture-de-linfo%2Fdefilement-du-contenu-des-interfaces-tactiles%2F&amp;title=D%C3%A9filement%20du%20contenu%20des%20interfaces%20tactiles&amp;source=Tanek+Designer+d%27interface+-+WebAddict&amp;summary=Un%20rapide%20billet%20pour%20premi%C3%A8rement%20vous%20souhaiter%20une%20bonne%20ann%C3%A9e%2C%20et%20ensuite%20pour%20rebondir%20sur%20un%20de%20mes%20pr%C3%A9c%C3%A9dents%20articles.%0D%0A%0D%0AJe%20suis%20tomb%C3%A9%20derni%C3%A8rement%20sur%20un%20article%20de%20Hebiflux%20%28Interface%20Tactile%20et%20standardisation%29%20qui%20soul%C3%A8ve%20le%20probl" title="LinkedIn"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a>
	<a rel="nofollow" id="email"  target="_blank" href="mailto:?subject=D%C3%A9filement%20du%20contenu%20des%20interfaces%20tactiles&amp;body=http%3A%2F%2Fwww.tanek.fr%2F2009%2Farchitecture-de-linfo%2Fdefilement-du-contenu-des-interfaces-tactiles%2F" title="email"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/email_link.png" title="email" alt="email" class="sociable-hovers" /></a>


<br/><br/>
<div class="like">
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.tanek.fr%2F2009%2Farchitecture-de-linfo%2Fdefilement-du-contenu-des-interfaces-tactiles%2F&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:62px; "></iframe>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.tanek.fr/2009/architecture-de-linfo/defilement-du-contenu-des-interfaces-tactiles/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>La petite question inutile du matin (bis)</title>
		<link>http://www.tanek.fr/2008/architecture-de-linfo/la-petite-question-inutile-du-matin-bis/</link>
		<comments>http://www.tanek.fr/2008/architecture-de-linfo/la-petite-question-inutile-du-matin-bis/#comments</comments>
		<pubDate>Tue, 16 Dec 2008 07:35:57 +0000</pubDate>
		<dc:creator>Tanek</dc:creator>
				<category><![CDATA[Architecture de l'info]]></category>
		<category><![CDATA[Réflexion]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[navigateurs]]></category>
		<category><![CDATA[scrollbar]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://www.tanek.fr/?p=262</guid>
		<description><![CDATA[
Pour faire suite à un précédent billet, voici une 2nd question sur les bonnes pratiques et les mœurs en ergonomie.
En fait, je me demande pourquoi le scroll de nos navigateurs n'est pas dans le même sens que celui de  l'iPhone.
Concrètement sur nos ordis, si l'on souhaite scroller la page, il faut prendre son curseur et [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.tanek.fr/wp-content/uploads/2008/12/iphone_scroll.png"><img class="alignnone size-full wp-image-263" title="iphone_scroll" src="http://www.tanek.fr/wp-content/uploads/2008/12/iphone_scroll.png" alt="" width="440" height="91" /></a></p>
<p>Pour faire <a title="Petite question inutile du matin" href="http://www.tanek.fr/2008/architecture-de-linfo/la-petite-question-inutile-du-matin/" target="_blank">suite à un précédent billet</a>, voici une 2nd question sur les bonnes pratiques et les mœurs en ergonomie.</p>
<p>En fait, je me demande pourquoi le <a title="Définition du terme scrollbar" href="http://en.wikipedia.org/wiki/Scrollbar" target="_blank">scroll</a> de nos navigateurs n'est pas dans le même sens que celui de  <a title="Qu'est ce qu'un iPhone ? " href="http://fr.wikipedia.org/wiki/IPhone" target="_blank">l'iPhone</a>.</p>
<p>Concrètement sur nos ordis, si l'on souhaite scroller la page, il faut prendre son curseur et le descendre de haut en bas. Alors que pour l'iPhone, on fait un mouvement de bas en haut avec son doigt. Dans ce dernier cas, le curseur et la page se déplacent dans le même sens.</p>
<p>Pour ma part, celà a été plutôt instinctif comme démarche, mais d'une part je ne sais pas pourquoi les concepteurs d'<a title="Site corporate d'Apple" href="http://www.apple.com/fr/" target="_blank">Apple</a> ont préféré ce système, et d'autre part, si cela va se généraliser dans toutes les interfaces tactiles et traditionnelles...</p>
<p>En y réfléchissant celà parait plus logique, mais vous pouvez surement m'éclairer !</p>



Partager cet article


	<a rel="nofollow" id="twitter"  target="_blank" href="http://twitter.com/home?status=La%20petite%20question%20inutile%20du%20matin%20%28bis%29%20-%20http%3A%2F%2Fwww.tanek.fr%2F2008%2Farchitecture-de-linfo%2Fla-petite-question-inutile-du-matin-bis%2F" title="Twitter"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a>
	<a rel="nofollow" id="del.icio.us"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.tanek.fr%2F2008%2Farchitecture-de-linfo%2Fla-petite-question-inutile-du-matin-bis%2F&amp;title=La%20petite%20question%20inutile%20du%20matin%20%28bis%29&amp;notes=%0D%0A%0D%0APour%20faire%20suite%20%C3%A0%20un%20pr%C3%A9c%C3%A9dent%20billet%2C%20voici%20une%202nd%20question%20sur%20les%20bonnes%20pratiques%20et%20les%20m%C5%93urs%20en%20ergonomie.%0D%0A%0D%0AEn%20fait%2C%20je%20me%20demande%20pourquoi%20le%20scroll%20de%20nos%20navigateurs%20n%27est%20pas%20dans%20le%20m%C3%AAme%20sens%20que%20celui%20de%C2%A0%20l%27iPhone.%0D%0A%0D%0AConcr%C3" title="del.icio.us"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" id="stumbleupon"  target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.tanek.fr%2F2008%2Farchitecture-de-linfo%2Fla-petite-question-inutile-du-matin-bis%2F&amp;title=La%20petite%20question%20inutile%20du%20matin%20%28bis%29" title="StumbleUpon"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a>
	<a rel="nofollow" id="facebook"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.tanek.fr%2F2008%2Farchitecture-de-linfo%2Fla-petite-question-inutile-du-matin-bis%2F&amp;t=La%20petite%20question%20inutile%20du%20matin%20%28bis%29" title="Facebook"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" id="digg"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.tanek.fr%2F2008%2Farchitecture-de-linfo%2Fla-petite-question-inutile-du-matin-bis%2F&amp;title=La%20petite%20question%20inutile%20du%20matin%20%28bis%29&amp;bodytext=%0D%0A%0D%0APour%20faire%20suite%20%C3%A0%20un%20pr%C3%A9c%C3%A9dent%20billet%2C%20voici%20une%202nd%20question%20sur%20les%20bonnes%20pratiques%20et%20les%20m%C5%93urs%20en%20ergonomie.%0D%0A%0D%0AEn%20fait%2C%20je%20me%20demande%20pourquoi%20le%20scroll%20de%20nos%20navigateurs%20n%27est%20pas%20dans%20le%20m%C3%AAme%20sens%20que%20celui%20de%C2%A0%20l%27iPhone.%0D%0A%0D%0AConcr%C3" title="Digg"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow" id="friendfeed"  target="_blank" href="http://www.friendfeed.com/share?title=La%20petite%20question%20inutile%20du%20matin%20%28bis%29&amp;link=http%3A%2F%2Fwww.tanek.fr%2F2008%2Farchitecture-de-linfo%2Fla-petite-question-inutile-du-matin-bis%2F" title="FriendFeed"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/friendfeed.png" title="FriendFeed" alt="FriendFeed" class="sociable-hovers" /></a>
	<a rel="nofollow" id="tumblr"  target="_blank" href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fwww.tanek.fr%2F2008%2Farchitecture-de-linfo%2Fla-petite-question-inutile-du-matin-bis%2F&amp;t=La%20petite%20question%20inutile%20du%20matin%20%28bis%29&amp;s=%0D%0A%0D%0APour%20faire%20suite%20%C3%A0%20un%20pr%C3%A9c%C3%A9dent%20billet%2C%20voici%20une%202nd%20question%20sur%20les%20bonnes%20pratiques%20et%20les%20m%C5%93urs%20en%20ergonomie.%0D%0A%0D%0AEn%20fait%2C%20je%20me%20demande%20pourquoi%20le%20scroll%20de%20nos%20navigateurs%20n%27est%20pas%20dans%20le%20m%C3%AAme%20sens%20que%20celui%20de%C2%A0%20l%27iPhone.%0D%0A%0D%0AConcr%C3" title="Tumblr"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" class="sociable-hovers" /></a>
	<a rel="nofollow" id="linkedin"  target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fwww.tanek.fr%2F2008%2Farchitecture-de-linfo%2Fla-petite-question-inutile-du-matin-bis%2F&amp;title=La%20petite%20question%20inutile%20du%20matin%20%28bis%29&amp;source=Tanek+Designer+d%27interface+-+WebAddict&amp;summary=%0D%0A%0D%0APour%20faire%20suite%20%C3%A0%20un%20pr%C3%A9c%C3%A9dent%20billet%2C%20voici%20une%202nd%20question%20sur%20les%20bonnes%20pratiques%20et%20les%20m%C5%93urs%20en%20ergonomie.%0D%0A%0D%0AEn%20fait%2C%20je%20me%20demande%20pourquoi%20le%20scroll%20de%20nos%20navigateurs%20n%27est%20pas%20dans%20le%20m%C3%AAme%20sens%20que%20celui%20de%C2%A0%20l%27iPhone.%0D%0A%0D%0AConcr%C3" title="LinkedIn"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a>
	<a rel="nofollow" id="email"  target="_blank" href="mailto:?subject=La%20petite%20question%20inutile%20du%20matin%20%28bis%29&amp;body=http%3A%2F%2Fwww.tanek.fr%2F2008%2Farchitecture-de-linfo%2Fla-petite-question-inutile-du-matin-bis%2F" title="email"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/email_link.png" title="email" alt="email" class="sociable-hovers" /></a>


<br/><br/>
<div class="like">
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.tanek.fr%2F2008%2Farchitecture-de-linfo%2Fla-petite-question-inutile-du-matin-bis%2F&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:62px; "></iframe>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.tanek.fr/2008/architecture-de-linfo/la-petite-question-inutile-du-matin-bis/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>La petite question inutile du matin</title>
		<link>http://www.tanek.fr/2008/architecture-de-linfo/la-petite-question-inutile-du-matin/</link>
		<comments>http://www.tanek.fr/2008/architecture-de-linfo/la-petite-question-inutile-du-matin/#comments</comments>
		<pubDate>Wed, 10 Dec 2008 09:48:43 +0000</pubDate>
		<dc:creator>Tanek</dc:creator>
				<category><![CDATA[Architecture de l'info]]></category>
		<category><![CDATA[expérience utilisateur]]></category>
		<category><![CDATA[icone]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://www.tanek.fr/?p=249</guid>
		<description><![CDATA[


Cela fait un petit moment que dans le cadre de mon job, je réalise des storyboards, zonings, ou autres wireframes.
Bref, et depuis le début, je suis toujours confronté à la même question : comment symboliser l’action d’enregistrement / sauvegarde ? 
Pour être franc, je fais comme tout le monde, j’utilise l’icône de cette bonne vieille disquette. Oui [...]]]></description>
			<content:encoded><![CDATA[<p><!--[endif]--></p>
<p class="MsoNormal"><a href="http://www.tanek.fr/wp-content/uploads/2008/12/disquette.png"><img class="alignnone size-full wp-image-256" title="disquette" src="http://www.tanek.fr/wp-content/uploads/2008/12/disquette.png" alt="" width="440" height="91" /></a></p>
<p class="MsoNormal">
<p class="MsoNormal"><span style="font-size: 10pt; font-family: Arial;">Cela fait un petit moment que dans le cadre de mon job, je réalise des <a href="http://www.slideshare.net/SuperFiction/storyboarding-for-the-web-methodology-and-tools" target="_blank">storyboards, zonings, ou autres wireframes</a>.</span></p>
<p class="MsoNormal"><span style="font-size: 10pt; font-family: Arial;">Bref, et depuis le début, je suis toujours confronté à la même question : <strong>comment symboliser l’action d’enregistrement / sauvegarde ? </strong></span></p>
<p class="MsoNormal"><span style="font-size: 10pt; font-family: Arial;">Pour être franc, je fais comme tout le monde, j’utilise l’icône de cette <a title="Définition disquette" href="http://fr.wikipedia.org/wiki/Disquette" target="_blank">bonne vieille disquette</a>. Oui mais voilà, la disquette n’est plus utilisée depuis belles lurettes... on est passé par la case <a href="http://fr.wikipedia.org/wiki/Cd" target="_blank">CD</a>, <a href="http://fr.wikipedia.org/wiki/Dvd" target="_blank">DVD</a>, <a href="http://fr.wikipedia.org/wiki/Cl%C3%A9_usb" target="_blank">clé USB</a>, et maintenant le <a title="Stockage en ligne : plus de 80 services" href="http://fr.mashable.com/2007/07/30/stokage-en-ligne-plus-de-80-services/" target="_blank">stockage en ligne</a>.<br />
</span></p>
<p class="MsoNormal"><span style="font-size: 10pt; font-family: Arial;"> Et donc ma question est : est-ce que cette icône représente quelque chose pour les plus jeunes ? C’est tout bête, mais à titre de comparaison, sur les panneaux du code de la route, on ne voit plus trop des calèches…la signalisation s’est adaptée à nos mœurs, logique !</span></p>
<p class="MsoNormal"><span style="font-size: 10pt; font-family: Arial;"> </span></p>
<p class="MsoNormal"><span style="font-size: 10pt; font-family: Arial;">Du coup, si vous avez des idées ou des exemples de bonnes utilisations compréhensibles par tous, je suis preneur…</span></p>



Partager cet article


	<a rel="nofollow" id="twitter"  target="_blank" href="http://twitter.com/home?status=La%20petite%20question%20inutile%20du%20matin%20-%20http%3A%2F%2Fwww.tanek.fr%2F2008%2Farchitecture-de-linfo%2Fla-petite-question-inutile-du-matin%2F" title="Twitter"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a>
	<a rel="nofollow" id="del.icio.us"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.tanek.fr%2F2008%2Farchitecture-de-linfo%2Fla-petite-question-inutile-du-matin%2F&amp;title=La%20petite%20question%20inutile%20du%20matin&amp;notes=%0D%0A%0D%0A%0D%0ACela%20fait%20un%20petit%20moment%20que%20dans%20le%20cadre%20de%20mon%20job%2C%20je%20r%C3%A9alise%20des%20storyboards%2C%20zonings%2C%20ou%20autres%20wireframes.%0D%0ABref%2C%20et%20depuis%20le%20d%C3%A9but%2C%20je%20suis%20toujours%20confront%C3%A9%20%C3%A0%20la%20m%C3%AAme%20question%C2%A0%3A%20comment%20symboliser%20l%E2%80%99action%20d%E2%80%99enregistrement" title="del.icio.us"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" id="stumbleupon"  target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fwww.tanek.fr%2F2008%2Farchitecture-de-linfo%2Fla-petite-question-inutile-du-matin%2F&amp;title=La%20petite%20question%20inutile%20du%20matin" title="StumbleUpon"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a>
	<a rel="nofollow" id="facebook"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.tanek.fr%2F2008%2Farchitecture-de-linfo%2Fla-petite-question-inutile-du-matin%2F&amp;t=La%20petite%20question%20inutile%20du%20matin" title="Facebook"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" id="digg"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.tanek.fr%2F2008%2Farchitecture-de-linfo%2Fla-petite-question-inutile-du-matin%2F&amp;title=La%20petite%20question%20inutile%20du%20matin&amp;bodytext=%0D%0A%0D%0A%0D%0ACela%20fait%20un%20petit%20moment%20que%20dans%20le%20cadre%20de%20mon%20job%2C%20je%20r%C3%A9alise%20des%20storyboards%2C%20zonings%2C%20ou%20autres%20wireframes.%0D%0ABref%2C%20et%20depuis%20le%20d%C3%A9but%2C%20je%20suis%20toujours%20confront%C3%A9%20%C3%A0%20la%20m%C3%AAme%20question%C2%A0%3A%20comment%20symboliser%20l%E2%80%99action%20d%E2%80%99enregistrement" title="Digg"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a>
	<a rel="nofollow" id="friendfeed"  target="_blank" href="http://www.friendfeed.com/share?title=La%20petite%20question%20inutile%20du%20matin&amp;link=http%3A%2F%2Fwww.tanek.fr%2F2008%2Farchitecture-de-linfo%2Fla-petite-question-inutile-du-matin%2F" title="FriendFeed"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/friendfeed.png" title="FriendFeed" alt="FriendFeed" class="sociable-hovers" /></a>
	<a rel="nofollow" id="tumblr"  target="_blank" href="http://www.tumblr.com/share?v=3&amp;u=http%3A%2F%2Fwww.tanek.fr%2F2008%2Farchitecture-de-linfo%2Fla-petite-question-inutile-du-matin%2F&amp;t=La%20petite%20question%20inutile%20du%20matin&amp;s=%0D%0A%0D%0A%0D%0ACela%20fait%20un%20petit%20moment%20que%20dans%20le%20cadre%20de%20mon%20job%2C%20je%20r%C3%A9alise%20des%20storyboards%2C%20zonings%2C%20ou%20autres%20wireframes.%0D%0ABref%2C%20et%20depuis%20le%20d%C3%A9but%2C%20je%20suis%20toujours%20confront%C3%A9%20%C3%A0%20la%20m%C3%AAme%20question%C2%A0%3A%20comment%20symboliser%20l%E2%80%99action%20d%E2%80%99enregistrement" title="Tumblr"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/tumblr.png" title="Tumblr" alt="Tumblr" class="sociable-hovers" /></a>
	<a rel="nofollow" id="linkedin"  target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http%3A%2F%2Fwww.tanek.fr%2F2008%2Farchitecture-de-linfo%2Fla-petite-question-inutile-du-matin%2F&amp;title=La%20petite%20question%20inutile%20du%20matin&amp;source=Tanek+Designer+d%27interface+-+WebAddict&amp;summary=%0D%0A%0D%0A%0D%0ACela%20fait%20un%20petit%20moment%20que%20dans%20le%20cadre%20de%20mon%20job%2C%20je%20r%C3%A9alise%20des%20storyboards%2C%20zonings%2C%20ou%20autres%20wireframes.%0D%0ABref%2C%20et%20depuis%20le%20d%C3%A9but%2C%20je%20suis%20toujours%20confront%C3%A9%20%C3%A0%20la%20m%C3%AAme%20question%C2%A0%3A%20comment%20symboliser%20l%E2%80%99action%20d%E2%80%99enregistrement" title="LinkedIn"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/linkedin.png" title="LinkedIn" alt="LinkedIn" class="sociable-hovers" /></a>
	<a rel="nofollow" id="email"  target="_blank" href="mailto:?subject=La%20petite%20question%20inutile%20du%20matin&amp;body=http%3A%2F%2Fwww.tanek.fr%2F2008%2Farchitecture-de-linfo%2Fla-petite-question-inutile-du-matin%2F" title="email"><img src="http://www.tanek.fr/wp-content/plugins/sociable/images/email_link.png" title="email" alt="email" class="sociable-hovers" /></a>


<br/><br/>
<div class="like">
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.tanek.fr%2F2008%2Farchitecture-de-linfo%2Fla-petite-question-inutile-du-matin%2F&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:62px; "></iframe>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.tanek.fr/2008/architecture-de-linfo/la-petite-question-inutile-du-matin/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>
