<?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>Blog VeCrea &#187; Analyses de sites</title>
	<atom:link href="http://blog.vecrea.com/category/analyses-de-sites/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.vecrea.com</link>
	<description>Un blog sur tout ce qui tourne autour du web, en lien avec mon activité de créateur de sites Internet, que vous découvrirez sur VeCrea.com</description>
	<lastBuildDate>Tue, 11 May 2010 14:36:43 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Les banques d&#8217;image : prix et possibilités</title>
		<link>http://blog.vecrea.com/les-banques-dimage-prix-et-possibilites/</link>
		<comments>http://blog.vecrea.com/les-banques-dimage-prix-et-possibilites/#comments</comments>
		<pubDate>Sun, 14 Mar 2010 20:32:42 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Analyses de sites]]></category>
		<category><![CDATA[Graphisme]]></category>
		<category><![CDATA[création]]></category>

		<guid isPermaLink="false">http://blog.vecrea.com/?p=335</guid>
		<description><![CDATA[Pour tous ceux qui ont un besoin régulier de photos, d&#8217;illustrations vectorisées, de séquences filmées (footages), les banques d&#8217;image sont une solution idéale. Néanmoins, trouve une banque d&#8217;image qui permette un vaste choix pour un coût mesuré semble difficile. A titre personnel, j&#8217;ai cherché pendant des semaines une banque d&#8217;image qui me satisfasse. Voici le [...]]]></description>
			<content:encoded><![CDATA[<p><img src='http://blog.vecrea.com/wp-content/plugins/simple-post-thumbnails/timthumb.php?src=/wp-content/thumbnails/335.jpg&amp;w=200&amp;h=150&amp;zc=1&amp;ft=jpg' alt='post thumbnail' /></p>
<p style="text-align: center;">Pour tous ceux qui ont un besoin régulier de photos, d&#8217;illustrations vectorisées, de séquences filmées (footages), les banques d&#8217;image sont une solution idéale.<br />
Néanmoins, trouve une banque d&#8217;image qui permette un vaste choix pour un coût mesuré semble difficile.<br />
A titre personnel, j&#8217;ai cherché pendant des semaines une banque d&#8217;image qui me satisfasse. Voici le résultat de quelques recherches.<br />
Je précise que j&#8217;ai choisi de ne pas prendre en considération les formules d&#8217;abonnement proposées par ces banques d&#8217;image. Elles coûtent trop cher pour un usage ponctuel.<br />
<a href="http://blog.vecrea.com/wp-content/uploads/2010/03/imageBanks.jpg"><img class="aligncenter size-full wp-image-336" title="imageBanks" src="http://blog.vecrea.com/wp-content/uploads/2010/03/imageBanks.jpg" alt="Banque d'images" width="900" height="900" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.vecrea.com/les-banques-dimage-prix-et-possibilites/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Créer son design grâce aux mathématiques</title>
		<link>http://blog.vecrea.com/creer-son-design-grace-aux-mathematiques/</link>
		<comments>http://blog.vecrea.com/creer-son-design-grace-aux-mathematiques/#comments</comments>
		<pubDate>Wed, 10 Feb 2010 06:47:54 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Analyses de sites]]></category>
		<category><![CDATA[Graphisme]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[création]]></category>
		<category><![CDATA[efficace]]></category>
		<category><![CDATA[optimisation]]></category>
		<category><![CDATA[outil graphique]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://blog.vecrea.com/?p=326</guid>
		<description><![CDATA[Comment créer un design super efficace grâce aux grandes lois des mathématiques, comme le nombre d&#8217;or, la suite de Fibonacci, etc. Applying Mathematics To Web Design &#8211; Smashing Magazine.]]></description>
			<content:encoded><![CDATA[<p>Comment créer un design super efficace grâce aux grandes lois des mathématiques, comme le nombre d&#8217;or, la suite de Fibonacci, etc.</p>
<p><a href="http://www.smashingmagazine.com/2010/02/09/applying-mathematics-to-web-design/">Applying Mathematics To Web Design &#8211; Smashing Magazine</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.vecrea.com/creer-son-design-grace-aux-mathematiques/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Les dernières modifications de Google</title>
		<link>http://blog.vecrea.com/les-dernieres-modifications-de-google/</link>
		<comments>http://blog.vecrea.com/les-dernieres-modifications-de-google/#comments</comments>
		<pubDate>Wed, 27 Jan 2010 09:52:44 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Analyses de sites]]></category>
		<category><![CDATA[améliorations]]></category>
		<category><![CDATA[changements]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Nouveautés]]></category>
		<category><![CDATA[résultat de recherche]]></category>
		<category><![CDATA[résultats de recherche]]></category>

		<guid isPermaLink="false">http://blog.vecrea.com/?p=308</guid>
		<description><![CDATA[Bon petit article sur les dernières modifications de Google, avec par exemple les résultats en temps réels, la localisation des résultats, l&#8217;affichage des breadcrumbs (fils d&#8217;ariane) etc. Google is changing and it will affect your site « Boagworld.]]></description>
			<content:encoded><![CDATA[<p>Bon petit article sur les dernières modifications de Google, avec par exemple les résultats en temps réels, la localisation des résultats, l&#8217;affichage des breadcrumbs (fils d&#8217;ariane) etc.</p>
<p><a href="http://boagworld.com/marketing/google-changes">Google is changing and it will affect your site « Boagworld</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.vecrea.com/les-dernieres-modifications-de-google/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>5 conseils ou découvertes sur l&#8217;ergonomie et la lisibilité</title>
		<link>http://blog.vecrea.com/5-conseils-ou-decouvertes-sur-lergonomie-et-la-lisibilite/</link>
		<comments>http://blog.vecrea.com/5-conseils-ou-decouvertes-sur-lergonomie-et-la-lisibilite/#comments</comments>
		<pubDate>Thu, 22 Oct 2009 07:00:31 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Analyses de sites]]></category>
		<category><![CDATA[Graphisme]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[attirer le regard]]></category>
		<category><![CDATA[champs]]></category>
		<category><![CDATA[contenu]]></category>
		<category><![CDATA[conventions]]></category>
		<category><![CDATA[couleur des liens]]></category>
		<category><![CDATA[credibilite]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[etiquette]]></category>
		<category><![CDATA[eyetracking]]></category>
		<category><![CDATA[formulaire]]></category>
		<category><![CDATA[habitude des utilisateurs]]></category>
		<category><![CDATA[jakob nielsen]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[lisibilite]]></category>
		<category><![CDATA[pagination]]></category>
		<category><![CDATA[placement]]></category>
		<category><![CDATA[presentation]]></category>
		<category><![CDATA[qualite]]></category>
		<category><![CDATA[scroll]]></category>

		<guid isPermaLink="false">http://blog.vecrea.com/?p=162</guid>
		<description><![CDATA[Tout le monde convient que l&#8217;ergonomie est un aspet essentiel du design d&#8217;une page web. Peu importe que vous travailliez sur un portfolio, un magasin en ligne ou une application web, rendre vos pages simples et agréables pour les utilisateurs est la clé du succès. Beaucoup d&#8217;études ont été faites au cours des ans sur [...]]]></description>
			<content:encoded><![CDATA[<p>Tout le monde convient que l&#8217;ergonomie est un aspet essentiel du design d&#8217;une page web. Peu importe que vous travailliez sur un portfolio, un magasin en ligne ou une application web, rendre vos pages simples et agréables pour les utilisateurs est la clé du succès.</p>
<p>Beaucoup d&#8217;études ont été faites au cours des ans sur différents aspects du design des interfaces pour le web, et ces découvertes sont un atout pour nous aider à améliorer notre travail.</p>
<p>Voici donc 10 conseils ou découvertes sur l&#8217;ergonomie et la lisibilité qui pourront vous aider à améliorer l&#8217;expérience utilisateur de vos visiteurs.</p>
<h2>Dans un formulaire, mieux vaut mettre l&#8217;étiquette au-dessus du champ</h2>
<p>Une <a title="placement des étiquettes pour les champs d'un formulaire" href="http://www.uxmatters.com/mt/archives/2006/07/label-placement-in-forms.php">étude de UX Matters</a> a relevé que la position idéale des étiquettes de champ pour un formulaire se trouve au-dessus de ces champs. Sur beaucoup de formulaires, les étiquettes sont mises à gauche du champ, créant ainsi une présentation en deux colonnes. Ceci peut sembler correct, mais ce n&#8217;est pourtant pas la présentation la plus efficace.</p>
<p>Pourquoi donc ? Car les formulaires sont généralement orientés verticalement. Les utilisateurs remplissent le formulaire de haut en bas. Ils le lisent de haut en bas, et il est donc plus logique d&#8217;avoir le champ à remplir en dessous de l&#8217;étiquette qui lui correspond.</p>
<p style="text-align: center;"><img class="  aligncenter" title="Tumblr" src="http://blog.vecrea.com/medias/tumblr.png" alt="Un bel exemple de formulaire où les étiquettes sont au-dessus des champs" /></p>
<p>Un autre problème se pose lorsqu&#8217;on positionne les étiquettes à gauche des champs. Alignerez-vous ces étiquettes à  gauche ou à droite ? Les aligner à gauche facilite le repérage rapide, mais déconnecte l&#8217;étiquette du champ qui lui correspond, ce qui peut rendre certains formulaires plus compliqués à lire. Mais aligner à droite les étiquettes a l&#8217;effet inverse. Le repérage des différentes informations demandées est plus compliqué, mais c&#8217;est plus joli. Les étiquettes au-dessus du champ à remplir sont mieux indiquées dans la plupart des cas.</p>
<p>L&#8217;étude montre aussi que le fait que les étiquettes soient en caractères gras n&#8217;est pas essentiel, même si cette recommandation est nettement moins définitive que la première.</p>
<h2>Les utilisateurs se concentrent sur les visages</h2>
<p>Les gens repèrent automatiquement les autres personnes quand ils apparaissent. Sur des pages web, nous tendons à d&#8217;abord voir les visages et les yeux des gens, ce qui donne aux commerciaux et publicitaires une bonne technique pour attirer l&#8217;attention.</p>
<p style="text-align: center;"><img class=" aligncenter" title="Les yeux suivent les personnes" src="http://blog.vecrea.com/medias/eyes1.jpg" alt="Nos yeux sont attirés par le personnage qui nous regarde" /></p>
<p>Mais notre attirance pour les visages va plus loin. Nous tendons aussi à regarder dans la même direction que le personnage représenté.</p>
<p style="text-align: center;"><img class=" aligncenter" title="Nous suivons aussi le regard des personnages" src="http://blog.vecrea.com/medias/eyes2.jpg" alt="Nous regardons aussi dans la même direction que le personnage" /></p>
<p>Voici une <a href="http://usableworld.com.au/2009/03/16/you-look-where-they-look/">étude de suivi du regard</a> qui démontre ça. Nous sommes instinctivement attirés par les visages, mais si ce visage regarde dans une autre direction que la nôtre, nous regardons aussi dans cette direction. Prenez avantage de ce phénomène en attirant l&#8217;attention de vos utilisateurs sur les parties les plus importantes de votre page, ou de votre publicité.</p>
<h2>La qualité du design est un indicateur de crédibilité</h2>
<p>Différentes études ont été conduites pour découvrir exactement ce qui influence la perception des utilisateurs concernant la crédibilité d&#8217;un site web :</p>
<ul>
<li><a title="Etude de crédibilité" href="http://captology.stanford.edu/pdf/Stanford-MakovskyWebCredStudy2002-prelim.pdf">Ce qui rend les sites crédibles aujourd&#8217;hui</a></li>
<li><a title="ce qui rend un site crédible" href="http://captology.stanford.edu/pdf/p61-fogg.pdf">Qu&#8217;est-ce qui rend un site crédible ?</a></li>
<li><a title="la crédibilité informatique" href="http://captology.stanford.edu/pdf/p80-fogg.pdf">Les éléments de la crédibilité en informatique</a></li>
</ul>
<p>Une découverte intéressante de ces études est que les utilisateurs jugent vraiment un livre à partir de sa couverture&#8230; ou plutôt un site web à partir de son design.</p>
<p style="text-align: center;"><img class=" aligncenter" title="Fever" src="http://blog.vecrea.com/medias/fever.jpg" alt="Même sans savoir si les services de Fever sont bons ou pas, nous sommes attirés par le design" /></p>
<p>Des éléments comme la mise en page, la typographie, les couleurs et les mises en forme affectent comment l&#8217;utilisateur perçoit votre site web, ou se représente votre projet. Votre site ne doit pas seulement projeter une belle image, mais aussi la bonne image.</p>
<p>D&#8217;autres facteurs qui influencent la crédibilité sont la qualité du contenu, la quantité d&#8217;erreurs, la fréquence des mises à jour, la facilité d&#8217;utilisation et l&#8217;aura médiatique des auteurs.</p>
<h2>La plupart des utilisateurs <span style="text-decoration: line-through;">ne</span> scrollent <span style="text-decoration: line-through;">pas</span></h2>
<p>Une étude de Jakob Nielsen a révélé que seuls 23% des utilisateurs scrollent lors de leur première visite. Ce qui signifie que 77% des visiteurs ne scrollent pas et ne voient donc que ce qui se voit directement à l&#8217;écran. De plus, seulement 16% des visiteurs scrollent à leur seconde visite. Cette donnée met en exergue à quel point il est important de mettre votre contenu principal le plus haut possible.</p>
<p>Cela ne veut pas dire que vous devez essayer de tout entasser dans la partie supérieure de la page. Vous devez seulement utiliser au mieux cette partie. La bourrer de contenu rendrait ce contenu inaccessible; quand les utilisateurs voient trop d&#8217;informations, ils ne savent pas où commencer à regarder.</p>
<p>Ceci est évidemment encore plus important pour la page d&#8217;accueil. Celle-ci doit contenir des éléments essentiels :</p>
<ul>
<li>Le nom du site</li>
<li>La proposition faite à l&#8217;utilisateur (quel bénéfice les utilisateurs vont ils en retirer)</li>
<li>La navigation vers les parties principales du site qui vont intéresser l&#8217;utilisateur.</li>
</ul>
<p>Toutefois, les habitudes des utilisateurs ont assez bien changé depuis cette étude. Des études plus récentes prouvent que les utilisateurs sont plus enclin à scroller, et que dans certaines situations, ils ont envie de scroller jusqu&#8217;en bas de la page. Bien des utilisateurs sont plus à l&#8217;aise avec le fait de scroller qu&#8217;avec la pagination et pour beaucoup d&#8217;entre eux, l&#8217;information ne se trouve pas spécialement tout en haut de la page. C&#8217;est donc une bonne idée de diviser votre espace pour un meilleur scan des informations, avec beaucoup d&#8217;espace autour des éléments pour une lecture facilitée.</p>
<h2>Le bleu est la couleur idéale des liens</h2>
<p>Même si donner un design unique à votre site est essentiel, quand il s&#8217;agit de lisibilité, faire ce que tout le monde fait est la meilleure solution. Suivre les conventions, car quand les utilisateurs visitent un grand nombre de pages, ils cherchent d&#8217;abord à trouver des informations là où on les trouve habituellement sur la plupart des sites ; ils utilisent leur expérience pour donner sens à ce nouveau contenu. Les gens s&#8217;attendent à ce que certaines choses soient toujours pareilles, comme la couleur des liens, la position du logo, l&#8217;habitude de la navigation, etc.</p>
<p style="text-align: center;"><img class=" aligncenter" title="Google" src="http://blog.vecrea.com/medias/google2.png" alt="Tout le contenu de Google est présenté de manière très standard" /></p>
<p>Quelle devrait être la couleur de vos liens ? Le plus important est le contraste : vos liens doivent être suffisamment clairs ou foncés pour contraster avec l&#8217;arrière-plan du site. Deuxièmement, ils doivent se détacher du reste du texte : pas de lien noir dans un texte écrit en noir. Et enfin, les recherches montrent que si la lisibilité est votre priorité, en rester au bleu est la meilleure chose à faire, car c&#8217;est ce à quoi les utilisateurs s&#8217;attendent. Choisir une autre couleur n&#8217;est pas un problème du tout, mais ça pourrait affecter la vitesse à laquelle les utilisateurs trouvent vos liens.</p>
<p>Ceci est la fin de la première partie de cet article, traduit de <a href="http://www.smashingmagazine.com/2009/09/24/10-useful-usability-findings-and-guidelines/">cet article de Smashing Magazine</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.vecrea.com/5-conseils-ou-decouvertes-sur-lergonomie-et-la-lisibilite/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
