<?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>Synerg&#039;heBlog &#187; Thomas Friederich</title>
	<atom:link href="http://blog.synerghetic.net/author/thomschoub/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.synerghetic.net</link>
	<description>Communication numérique</description>
	<lastBuildDate>Thu, 09 Feb 2012 13:03:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>Navigation et RIA</title>
		<link>http://blog.synerghetic.net/2008/11/24/ergonomie-et-ria/</link>
		<comments>http://blog.synerghetic.net/2008/11/24/ergonomie-et-ria/#comments</comments>
		<pubDate>Mon, 24 Nov 2008 15:02:59 +0000</pubDate>
		<dc:creator>Thomas Friederich</dc:creator>
				<category><![CDATA[Conception web]]></category>
		<category><![CDATA[Créativité]]></category>
		<category><![CDATA[Ergonomie]]></category>
		<category><![CDATA[navigation innovante]]></category>
		<category><![CDATA[RIA]]></category>

		<guid isPermaLink="false">http://blog.synerghetic.net/?p=157</guid>
		<description><![CDATA[Les RIA pour Rich Internet Application sont des applications web dont l&#8217;utilisation diff&#232;re d&#8217;une utilisation traditionnelle, en permettant de retrouver sur internet ce que vous aviez l&#8217;habitude de trouver sur votre bureau.&#160; Vous l&#8217;aurez compris, le mot cl&#233; est port&#233; sur l&#8217;utilisation de ses applications mais aussi sur leur utilit&#233;. La mani&#232;re d&#8217;acc&#233;der &#224; l&#8217;information [...]<!-- AddThis Button BEGIN -->
<div addthis:url='http://blog.synerghetic.net/2008/11/24/ergonomie-et-ria/' addthis:title='Navigation et RIA ' class="addthis_toolbox addthis_default_style">
<a class="addthis_button_facebook_like"fb:like:layout="button_count"></a> 
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<!-- AddThis Button END -->]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><img height="216" width="239" align="right" style="margin-left: 1em;" src="http://blog.synerghetic.net/wp-content/uploads/ria_(1).jpg" alt="" />Les RIA pour Rich Internet Application sont des applications web dont l&rsquo;utilisation diff&egrave;re d&rsquo;une utilisation traditionnelle, en permettant de retrouver sur internet ce que vous aviez l&rsquo;habitude de trouver sur votre bureau.&nbsp; Vous l&rsquo;aurez compris, le mot cl&eacute; est port&eacute; sur l&rsquo;utilisation de ses applications mais aussi sur leur utilit&eacute;. La mani&egrave;re d&rsquo;acc&eacute;der &agrave; l&rsquo;information diff&egrave;re cependant des sites traditionnels de par l&rsquo;utilisation de nouveaux mod&egrave;les de navigation cr&eacute;ant ainsi une rupture avec les standards HTML. Les RIA remettent en question les mod&egrave;les des pages, par la simplification des interfaces utilisateurs en affichant les informations de mani&egrave;re s&eacute;lective.</p>
<p style="text-align: justify;">Toutefois,&nbsp; comment peut-on d&eacute;finir l&rsquo;utilit&eacute; de telles applications ? Une interface riche peut &ecirc;tre utile si, par exemple, elle propose des aides au remplissage de formulaires, des infobulles, un affichage plus sophistiqu&eacute;, des r&eacute;glettes, des s&eacute;lections sur des &eacute;l&eacute;ments graphiques&nbsp; ou un apport d&#8217;une plus value b&eacute;n&eacute;fique au site.&nbsp; Cependant, une sophistication toujours croissante am&egrave;ne les d&eacute;veloppeurs &agrave; innover sans cesse sur les mod&egrave;les de navigation au risque de les rendre, parfois,&nbsp; trop compliqu&eacute;s.</p>
<p style="text-align: justify;">&nbsp;</p>
<h2>Innovation et aide &agrave; la navigation</h2>
<p style="text-align: justify;">Si l&rsquo;on prend l&rsquo;exemple de <a href="http://deezer">Deezer</a>, l&rsquo;innovation se fait dans l&rsquo;interactivit&eacute; entre les diff&eacute;rentes zones du site. Pour ajouter une musique dans votre playlist, vous pouvez la faire glisser dans le nom de la playlist (avec un effet de surbrillance) ou cliquer sur le pictogramme associ&eacute; &agrave; l&rsquo;ajout d&rsquo;une musique. Si vous essayez de d&eacute;placer une musique dans une autre zone incompatible, l&rsquo;effet de surbrillance passera de vert &agrave; rouge, vous indiquant clairement que l&rsquo;action n&rsquo;est pas faisable.<br />
Cette application permet donc de simplifier la navigation de fa&ccedil;on coh&eacute;rente. Au lieu de cliquer sur le pictogramme &laquo; + &raquo; puis de s&eacute;lectionner le nom de la playlist et enfin de cliquer sur &laquo; autoriser &raquo;, vous pouvez ajouter une musique gr&acirc;ce &agrave; un simple glisser d&eacute;poser.&nbsp;<br />
&nbsp;</p>
<p style="text-align: center;"><a href="http://blog.synerghetic.net/wp-content/uploads/2008/11/deezer.jpg"><img height="136" width="300" class="size-medium wp-image-159 aligncenter" title="deezer" src="http://blog.synerghetic.net/wp-content/uploads/2008/11/deezer-300x136.jpg" alt="" /></a></p>
<p style="text-align: justify;">La navigation se veut aussi fortement intuitive. Dans l&rsquo;exemple suivant, <span style="text-decoration: underline;">M</span><a href="http://www.miramarcrouesty.com">iramarcrouesty,</a> plusieurs boutons peuvent &ecirc;tre d&eacute;plac&eacute;s afin de ne pas g&ecirc;ner la lecture du contenu mais aussi pour permettre &agrave; l&rsquo;utilisateur de cr&eacute;er en quelque sorte son petit univers. Ces modifications permettent de passer outre les r&egrave;gles de navigation pr&eacute;&eacute;tablies d&rsquo;un site traditionnel.&nbsp; Cependant cela implique &eacute;videmment un petit travail d&rsquo;organisation de la part de l&rsquo;utilisateur, car si certaines zones d&rsquo;un site sont d&eacute;pla&ccedil;ables, d&rsquo;autre ne le sont pas et n&rsquo;ont pas &eacute;t&eacute; pr&eacute;vues pour. Autrement dit, si vous d&eacute;posez un &eacute;l&eacute;ment &agrave; droite d&rsquo;une page pour am&eacute;liorer votre lecture, vous aurez surement &agrave; le d&eacute;placer &agrave; nouveaux &agrave; l&rsquo;affichage d&rsquo;une nouvelle page.</p>
<p style="text-align: center;"><a href="http://blog.synerghetic.net/wp-content/uploads/2008/11/croisere.jpg"><img height="176" width="300" class="aligncenter size-medium wp-image-160" title="croisere" src="http://blog.synerghetic.net/wp-content/uploads/2008/11/croisere-300x176.jpg" alt="" /></a></p>
<p style="text-align: justify;">&nbsp;Certaines applications ne se r&eacute;v&egrave;lent &ecirc;tre qu&rsquo;une sorte de tape &agrave; l&rsquo;&oelig;il cherchant &agrave; distraire pour cacher un contenu pauvre ou peu attractif. Sans pr&eacute;tendre que cette utilisation produit des applications futiles, quels sont alors les b&eacute;n&eacute;fices apport&eacute;s ?</p>
<p style="text-align: justify;">&nbsp;</p>
<h2>Immersion par le Gameplay</h2>
<p style="text-align: justify;">Afin de se d&eacute;marquer des syst&egrave;mes de navigation classiques, on voit apparaitre de plus en plus de mod&egrave;les&nbsp; de navigation emprunt&eacute;s&nbsp; aux jeux vid&eacute;os ou relevant d&rsquo;une certaine exp&eacute;rience d&rsquo;utilisation. Par exemple le Gameplay des jeux vid&eacute;o gr&acirc;ce auquel,&nbsp; l&rsquo;utilisateur&nbsp; va naviguer en utilisant les touches de son clavier, la visualisation en 3D et le clic droit. C&#8217;est-&agrave;-dire qu&rsquo;on utilise vos habitudes de navigation n&rsquo;&eacute;tant pas issues du web pour les adapter aux applications.&nbsp; Cela permet notamment de cr&eacute;er une forte immersion dans l&rsquo;univers du site afin d&rsquo;amener l&rsquo;utilisateur &agrave; son objectif d&rsquo;une fa&ccedil;on moins ennuyeuse.</p>
<p style="text-align: justify;">Dans l&#8217;exemple de <a href="http://photosynth.net">Photosynth</a>, l&rsquo;utilisateur peut utiliser son clavier ou sa souris pour naviguer. Les fl&egrave;ches permettent d&rsquo;avancer dans la photo comme on avancerait dans un univers avec son personnage. La souris sert ici &agrave; regarder autour de soi. Cette navigation est tr&egrave;s int&eacute;ressante car elle propose une nouvelle approche de la navigation que ne permettaient&nbsp; pas certaines visionneuses innovantes.</p>
<p style="text-align: center;"><a href="http://blog.synerghetic.net/wp-content/uploads/2008/11/photosynth.jpg"><img height="142" width="300" class="aligncenter size-medium wp-image-161" title="photosynth" src="http://blog.synerghetic.net/wp-content/uploads/2008/11/photosynth-300x142.jpg" alt="" /></a></p>
<p style="text-align: justify;">Outre le fait de cr&eacute;er une forte immersion,&nbsp; ce genre de navigation prend tout son sens quand l&rsquo;application devient le centre d&rsquo;int&eacute;r&ecirc;t unique du site sans avoir &agrave; cacher ou &agrave; justifier un contenu quelconque&nbsp; par la suite. L&rsquo;application perd alors son statut d&rsquo;aide &agrave; la navigation pour devenir une entit&eacute; sup&eacute;rieure, l&rsquo;objet de toutes les attentions.&nbsp; L&rsquo;application remplace le contenu pour d&eacute;livrer un divertissement qui se r&eacute;v&egrave;lera utile ou non en fonction de l&rsquo;exigence de chacun.</p>
<p>Pour conclure je souhaite vous poser cette question :</p>
<p>Pensez-vous que l&rsquo;interface utilis&eacute;e dans les applications riches sert le contenu pour plus de clart&eacute; ou sert uniquement &agrave; divertir son utilisateur ?</p>
<p style="text-align: justify;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
<!-- AddThis Button BEGIN -->
<div addthis:url='http://blog.synerghetic.net/2008/11/24/ergonomie-et-ria/' addthis:title='Navigation et RIA ' class="addthis_toolbox addthis_default_style">
<a class="addthis_button_facebook_like"fb:like:layout="button_count"></a> 
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<!-- AddThis Button END -->]]></content:encoded>
			<wfw:commentRss>http://blog.synerghetic.net/2008/11/24/ergonomie-et-ria/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

