<?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; scrollbar</title>
	<atom:link href="http://www.tanek.fr/tag/scrollbar/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>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>
	</channel>
</rss>

