<?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; standards</title>
	<atom:link href="http://blog.synerghetic.net/tag/standards/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>Quelques modèles de navigations originales</title>
		<link>http://blog.synerghetic.net/2008/02/01/quelques-exemples-de-navigations-originales/</link>
		<comments>http://blog.synerghetic.net/2008/02/01/quelques-exemples-de-navigations-originales/#comments</comments>
		<pubDate>Fri, 01 Feb 2008 07:20:07 +0000</pubDate>
		<dc:creator>Mathieu Crucq</dc:creator>
				<category><![CDATA[Nouveaux usages]]></category>
		<category><![CDATA[Qualité web]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Ergonomie]]></category>
		<category><![CDATA[navigation innovante]]></category>
		<category><![CDATA[standards]]></category>

		<guid isPermaLink="false">http://blog.synerghetic.net/2008/01/01/quelques-exemples-de-navigations-originales/</guid>
		<description><![CDATA[Si l’on devait décrire notre façon d’évoluer au sein des sites internet, il ne faudrait guère plus de 2 minutes pour dégager les grands principes de navigation. « Le logo est à gauche », « le menu en haut ou sur le côté », « le contenu est au centre »…tels sont des éléments qui [...]<!-- AddThis Button BEGIN -->
<div addthis:url='http://blog.synerghetic.net/2008/02/01/quelques-exemples-de-navigations-originales/' addthis:title='Quelques modèles de navigations originales ' 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 class="MsoNormal"><o:p></o:p>Si l’on devait décrire notre façon d’évoluer au sein des sites internet, il ne faudrait guère plus de 2 minutes pour dégager les grands principes de navigation.</p>
<p class="MsoNormal">« Le logo est à gauche », « le menu en haut ou sur le côté », « le contenu est au centre »…tels sont des éléments qui reviendraient de façon régulière car effectivement, une large majorité des sites est basée sur ces standards (admis par l’internaute et donc maîtrisés, pour la plupart).</p>
<p class="MsoNormal">&nbsp;</p>
<p align="left">Cela dit, de nombreuses expérimentations montrent qu’il est possible d’envisager de nouveaux modèles de naviguation (avec plus ou moins de succès).</p>
<p align="left"><strong>Quelques exemples :</strong></p>
<p align="left"><strong><a href="http://www.songza.com/" title="Songza : moteur de recherche de musique ">Songza</a></strong></p>
<p style="text-align: center"><img src="http://blog.synerghetic.net/wp-content/uploads/2008/01/songza.jpg" alt="Songza" height="77" hspace="5" vspace="5" width="187" /></p>
<p class="MsoNormal">Songza est un moteur de recherche de musique doté d’une <strong>ergonomie originale et innovante</strong>. Ici on laisse de côté les traditionnels symboles &laquo;&nbsp;play&nbsp;&raquo; à gauche du titre ou les petites étoiles pour voter. Un pointeur/cible permet d’<em>effectuer toutes ces actions</em> très simplement mais surtout <strong>de manière tout à fait intuitive</strong>. Dès la première utilisation et sans effort intellectuel particulier l’utilisateur devient à l’aise avec cette nouvelle interface.</p>
<p class="MsoNormal">Pour en savoir plus sur Songza, je vous invite à consulter <a href="http://www.ergophile.com/2007/11/26/ergospeed-05-songzacom/" title="Analyse de Songza sur Ergophile">une analyse détaillée sur le blog Ergophile</a>.</p>
<p class="MsoNormal">&nbsp;</p>
<p class="MsoNormal"><span lang="EN-US"><strong><a href="http://www.sekisuiheim.com/desio-ae/" title="Navigation innovante pour des maisons préfabriquées">Sekisuihem</a></strong> <o:p></o:p></span></p>
<p class="MsoNormal">Une expérience intéressante pour promouvoir une société Japonaise de maisons préfabriquées.</p>
<p class="MsoNormal">Il faut ici déplacer son personnage en drag’n drop au sein des pièces de la maison pour accéder aux contenus dus ite. Ce n’est pas toujours très simple mais l’originalité est là !</p>
<p style="text-align: center"><img src="http://blog.synerghetic.net/wp-content/uploads/2008/01/prefab1.jpg" height="116" width="169" /><img src="http://blog.synerghetic.net/wp-content/uploads/2008/01/prefab2.jpg" height="116" width="172" /></p>
<p class="MsoNormal"><span lang="EN-US"><strong><a href="http://www.publicis.se/" title="Publicis Stockholm">Publicis Stockholm</a></strong> <o:p></o:p></span></p>
<p class="MsoNormal">J&#8217;ai découvert le site de la branche Suédoise de Publicis un peu par hasard mais sa navigation aussi inhabituelle qu’étrange ne laisse pas indifférent. Ici pas de menu, pas d&#8217;espace reservé au contenu, seulement des cases menant à d’autres pages à la façon d&#8217;un tableau de bord.</p>
<p class="MsoNormal">&nbsp;</p>
<p style="text-align: center"><img src="http://blog.synerghetic.net/wp-content/uploads/2008/01/publicisse.jpg" height="135" width="249" /></p>
<p class="MsoNormal">Le design est minimaliste et forcément déroutant du fait de l’occupation totale de l’espace du navigateur. (waaa, on étouffe un peu ici…)</p>
<p class="MsoNormal">Si l’originalité est là, l’efficacité est loin d’être évidente.</p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Dans la même veine, voici <a href="http://www.marumushi.com/apps/newsmap/newsmap.cfm" title="Marumushi">Marumushi</a><span lang="EN-US"><a href="http://www.marumushi.com/"><span lang="FR"></span></a></span> qui permet une autre forme de visualisation de l’information au travers de blocs de couleurs de différentes tailles.</p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">&nbsp;</p>
<p class="MsoNormal"><span lang="EN-US"><a href="http://dontclick.it/" title="Dont click it, le site qui se visite sans click."><span lang="FR"><strong>Dont Click It</strong><br />
</span></a></span></p>
<p class="MsoNormal">Le célèbre site dans lequel <strong>aucun clic n&#8217;est nécessaire pour naviguer</strong>.</p>
<p class="MsoNormal">Un vrai défi pour l’internaute qui doit résister à son instinct premier. Toute l&#8217;intéraction se fait par des jeux de survol pour obtenir l’information désirée.</p>
<p class="MsoNormal">&nbsp;</p>
<p class="MsoNormal"><strong>D’autres interfaces intéressantes à découvrir :</strong></p>
<ul>
<li><span lang="EN-US"><a href="http://www.playersrepublic.fr/"><span lang="FR">Playersrepublic<br />
</span></a></span></li>
<li><span lang="EN-US"><a href="http://www.schematic.com/"><span lang="FR">Shematic<br />
</span></a></span></li>
</ul>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Au travers de ces exemples, on se rend compte que de nombreuses voies restent à explorer quant à la façon de présenter ou d’accéder à l’information.</p>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">&nbsp;</p>
<p class="MsoNormal"><strong>Pour aller plus loin :</strong></p>
<ul>
<li><a href="http://www.fredcavazza.net/2007/09/19/connaissez-vous-lergonomie-artistique/" title="Connaissez-vous l'ergonomie artistique par Fred Cavazza">Connaissez-vous l’ergonomie artistique ?</a> par Frédéric Cavazza</li>
</ul>
<!-- AddThis Button BEGIN -->
<div addthis:url='http://blog.synerghetic.net/2008/02/01/quelques-exemples-de-navigations-originales/' addthis:title='Quelques modèles de navigations originales ' 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/02/01/quelques-exemples-de-navigations-originales/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Internet Explorer 8 et les standards, try again !</title>
		<link>http://blog.synerghetic.net/2008/01/26/internet-explorer-8-et-les-standards-try-again/</link>
		<comments>http://blog.synerghetic.net/2008/01/26/internet-explorer-8-et-les-standards-try-again/#comments</comments>
		<pubDate>Sat, 26 Jan 2008 14:41:21 +0000</pubDate>
		<dc:creator>Mathieu Crucq</dc:creator>
				<category><![CDATA[Langages et développement]]></category>
		<category><![CDATA[Qualité web]]></category>
		<category><![CDATA[hack]]></category>
		<category><![CDATA[Internet Explorer 8]]></category>
		<category><![CDATA[meta]]></category>
		<category><![CDATA[standards]]></category>
		<category><![CDATA[W3C]]></category>

		<guid isPermaLink="false">http://blog.synerghetic.net/2008/01/26/internet-explorer-8-et-les-standards-try-again/</guid>
		<description><![CDATA[L’information est en train de faire le tour de la blogosphère suite au billet publié sur le blog d’IE par Chris Wilson et expliquant le « standards mode d’IE 8 ». En effet, si l’on ne peut que saluer l’initiative (certes tardive) de rendre le navigateur de Microsoft enfin conforme aux standards web, le hic [...]<!-- AddThis Button BEGIN -->
<div addthis:url='http://blog.synerghetic.net/2008/01/26/internet-explorer-8-et-les-standards-try-again/' addthis:title='Internet Explorer 8 et les standards, try again ! ' 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><img src="http://blog.synerghetic.net/wp-content/uploads/2008/01/ie8logo_c.jpg" alt="IE8 Logo" align="left" height="99" hspace="5" vspace="5" width="137" />L’information est en train de faire le tour de la blogosphère suite au billet publié sur <a href="http://blogs.msdn.com/ie/archive/2008/01/21/compatibility-and-ie8.aspx" title="Le billet de Chris Wilson sur IE8">le blog d’IE par Chris Wilson</a>  et expliquant le « <strong>standards mode d’IE 8</strong> ».</p>
<p class="MsoNormal">En effet, si l’on ne peut que saluer l’initiative (certes tardive) de rendre le navigateur de Microsoft enfin conforme aux standards web, le hic se situe dans son utilisation.</p>
<p class="MsoNormal">IE 8 intégrera les 3 moteurs de rendu : celui d’IE 6, d’IE 7 et le nouveau entièrement réécrit pour IE8. Jusque là tout va bien d’autant qu’il y a quelques semaines, l’annonce qu’<strong>IE8 passerait le <a href="http://fr.wikipedia.org/wiki/Acid2" title="Explication du test Acid2 sur wikipédia">test Acid 2</a></strong> avait fait espérer bon nombre de personnes quant à l’évolution positive du navigateur.</p>
<p class="MsoNormal">&nbsp;</p>
<p style="text-align: center"><img src="http://blog.synerghetic.net/wp-content/uploads/2008/01/00016357.png" alt="Acid Test" height="167" width="134" /></p>
<p class="MsoNormal">&nbsp;</p>
<p class="MsoNormal">L’ennui vient du fait que par défaut, ce nouveau moteur de rendu ne sera utilisé. Pour <strong>faire interpréter son site par le moteur d’IE8</strong>, il sera nécessaire de le <strong>spécifier via une balise meta</strong> dans le code HTML.</p>
<pre lang="html">
<meta http-equiv="“X-UA-Compatible”" content="”IE=8″" /></pre>
<p class="MsoNormal"><o:p><br />
</o:p></p>
<p class="MsoNormal"><strong>« Ne pas casser la rétro compatibilité ». Oui mais&#8230;<br />
</strong></p>
<p class="MsoNormal">L’utilisation de cette meta serait justifiée par la volonté de ne pas « casser » l’optimisation des sites actuels, retro compatibilité oblige. <span> </span></p>
<p class="MsoNormal">En effet, IE6 représente 35% des parts de marché des navigateurs et sa non conformité aux standards établis par le W3C oblige de nombreux sites à être optimisés spécifiquement.</p>
<p class="MsoNormal">L’argument parait tout de même étrange voir absurde car un navigateur comme Firefox arrive à faire ce travail d’interprétation correctement sur une très large majorité des sites, même ceux non optimisés pour lui.<strong> Pourquoi IE8 n’en serait-il alors pas capable ?</strong></p>
<p class="MsoNormal">Par ailleurs, Microsoft demanderait aux autres navigateurs d’adopter cette méthode de « hack » afin de spécifier les moteurs pour lesquels le site serait optimisé (Firefox 2 et 3, IE8 …)</p>
<p class="MsoNormal">&nbsp;</p>
<p class="MsoNormal">Cela va bien évidemment à l’encontre de la question première qui est de faire des sites respectant les standards, et non des sites s’adaptant aux différents navigateurs…</p>
<p class="MsoNormal">Ces différentes annonces de la part de la firme de Redmond témoignent néanmoins et malgré tout de la prise de conscience de l’importance des standards du web.</p>
<p class="MsoNormal">Dommage que cela paraisse si laborieux à être implémenté.</p>
<p class="MsoNormal">&nbsp;</p>
<p class="MsoNormal"><strong>Pour aller plus loin :</strong></p>
<ul>
<li><a href="http://standblog.org/blog/post/2008/01/25/Compatibilite-et-IE8-%3A-le-point" title="Compatibilité et IE8, le point">Compatibilité et IE8, le point par Tristant Nitot</a></li>
<li><a href="http://www.k1der.net/blog/country/post/2008/01/22/le-standards-mode-die8/" title="Le standards mode d'IE8 par Country">Le standards mode d&#8217;IE8 par Country </a></li>
</ul>
<p class="MsoNormal"><o:p> </o:p></p>
<!-- AddThis Button BEGIN -->
<div addthis:url='http://blog.synerghetic.net/2008/01/26/internet-explorer-8-et-les-standards-try-again/' addthis:title='Internet Explorer 8 et les standards, try again ! ' 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/01/26/internet-explorer-8-et-les-standards-try-again/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ouvrez-vous les portes du web!</title>
		<link>http://blog.synerghetic.net/2007/05/23/ouvrez-vous-les-portes-du-web/</link>
		<comments>http://blog.synerghetic.net/2007/05/23/ouvrez-vous-les-portes-du-web/#comments</comments>
		<pubDate>Wed, 23 May 2007 21:19:48 +0000</pubDate>
		<dc:creator>Etienne Maujean</dc:creator>
				<category><![CDATA[Veille techno]]></category>
		<category><![CDATA[openID]]></category>
		<category><![CDATA[standards]]></category>

		<guid isPermaLink="false">http://www.synerghetic.net/blog/?p=6</guid>
		<description><![CDATA[Je voudrais vous parler d’un service très intéressant mais qui tarde encore à percer (entendez par là qu’il existe depuis quelques temps mais qu’ il reste encore trop peu connu). Pourtant, devant la prise progressive de conscience de l’importance de l’identité virtuelle (googlisation de votre nom, profils professionnels, réputation numérique, etc.) cet outil pourrait s’avérer [...]<!-- AddThis Button BEGIN -->
<div addthis:url='http://blog.synerghetic.net/2007/05/23/ouvrez-vous-les-portes-du-web/' addthis:title='Ouvrez-vous les portes du web! ' 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>Je voudrais vous parler d’un service très intéressant mais qui tarde encore à percer (entendez par là qu’il existe depuis quelques temps mais qu’ il reste encore trop peu connu). Pourtant, devant la prise progressive de conscience de l’importance de l’<strong>identité virtuelle</strong> (googlisation de votre nom, profils professionnels, réputation numérique, etc.) cet outil pourrait s’avérer indispensable. <a href="http://www.openidfrance.fr/">OpenID</a>, puisque c’est de cela qu’il s’agit, est <strong>un système d’authentification</strong> décentralisée qui permet l’identification à plusieurs services. Le modèle se base sur des liens de confiance préalablement établis entre les fournisseurs de services (les sites web fournisseurs d’OpenID) et les utilisateurs. <span id="more-12"></span></p>
<p style="text-align: center"><img src="http://www.gabinetedeinformatica.net/wp15/img/2007/OpenID_logo.png" alt="Logo OpenID" height="123" width="369" /></p>
<p>Concrètement, avec un identifiant unique, vous êtes reconnu sur différents sites sur le net. L’avantage par rapport à ses concurrents (comme MS Passport par exemple) est de vous donner la main sur vos données personnelles plutôt qu’aux organismes, administrations ou entreprises fournisseurs du service. L’aspect décentralisé est un point critique : vous avez le choix entre plusieurs <strong>fournisseurs d’identité</strong>, mais vous pouvez également héberger votre propre serveur OpenID sur votre site si vous le souhaitez. Du côté de la réputation en ligne, l’excellent blog <a href="http://blog.claimid.com/2007/05/suns-take-on-openid/">ClaimID</a> nous a appris récemment que <strong>Sun allait fournir des authentifications</strong>, notamment à ses employés. Intéressant.</p>
<p>Actuellement les sites fournisseurs de service utilisant OpenID sont encore peu nombreux, surtout sur la sphère franco-française : <strong>Ziki.com</strong> (gestionnaire de profils), les services SixApart (<a href="http://www.sixapart.com/movabletype/">MovableType</a>, <a href="http://www.livejournal.com">LiveJournal</a>, <a href="http://www.sixapart.com/vox/fr">Vox</a>), <a href="http://technorati.com">Technorati</a>, <a href="http://wikitravel.org/fr/Accueil">Wikitravel</a>, <a href="http://www.w3.org/QA/">le site de l’assurance qualité du W3C</a>… D’autres exemples sur <a href="http://fr.mashable.com/2007/05/19/15-moyens-dutiliser-openid/">ce billet de Mashable</a>.</p>
<!-- AddThis Button BEGIN -->
<div addthis:url='http://blog.synerghetic.net/2007/05/23/ouvrez-vous-les-portes-du-web/' addthis:title='Ouvrez-vous les portes du web! ' 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/2007/05/23/ouvrez-vous-les-portes-du-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

