<?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>Le Web Social de Pierre-Julien Grizel &#187; formulaire</title>
	<atom:link href="http://pjgrizel.net/tag/formulaire/feed/" rel="self" type="application/rss+xml" />
	<link>http://pjgrizel.net</link>
	<description>Le blog de Pierre-Julien Grizel : Gestion de Contenu, Réseaux Sociaux et Responsabilité Sociale d&#039;Entreprise.</description>
	<lastBuildDate>Fri, 28 May 2010 09:11:07 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Un formulaire de login proche de la perfection</title>
		<link>http://pjgrizel.net/2009/11/un-formulaire-de-login-proche-de-la-perfection/</link>
		<comments>http://pjgrizel.net/2009/11/un-formulaire-de-login-proche-de-la-perfection/#comments</comments>
		<pubDate>Tue, 10 Nov 2009 13:55:32 +0000</pubDate>
		<dc:creator>Pierre-Julien Grizel</dc:creator>
				<category><![CDATA[Ergonomie]]></category>
		<category><![CDATA[Tutoriels]]></category>
		<category><![CDATA[formulaire]]></category>
		<category><![CDATA[login]]></category>

		<guid isPermaLink="false">http://pjgrizel.net/?p=164</guid>
		<description><![CDATA[Ergonomie : comment bien designer un formulaire de login ? C&#8217;est l&#8217;un des formulaires les plus répandus (avec le formulaire de recherche, mais là, difficile de faire mieux que Google). StumbleUpon nous donne un exemple particulièrement réussi.Voici une copie d&#8217;écran du formulaire, annotée par mes soins (non, les cercles rouges n&#8217;apparaissent pas dans le formulaire [...]]]></description>
			<content:encoded><![CDATA[<p>Ergonomie : comment bien designer un formulaire de login ? C&#8217;est l&#8217;un des formulaires les plus répandus (avec le formulaire de recherche, mais là, difficile de faire mieux que Google). <a href="http://www.stumbleupon.com/sign_up.php">StumbleUpon</a> nous donne un exemple particulièrement réussi.<span id="more-164"></span>Voici une copie d&#8217;écran du formulaire, annotée par mes soins (non, les cercles rouges n&#8217;apparaissent pas dans le formulaire d&#8217;origine) :</p>
<p style="text-align: center;"><a href="http://pjgrizel.net/wp-content/uploads/2009/11/Capture-d’écran-2009-11-10-à-14.23.37.png"><img class="alignnone size-medium wp-image-165" title="Capture d’écran 2009-11-10 à 14.23.37" src="http://pjgrizel.net/wp-content/uploads/2009/11/Capture-d’écran-2009-11-10-à-14.23.37-300x178.png" alt="Capture d’écran 2009-11-10 à 14.23.37" width="300" height="178" /></a></p>
<p>Démonstration, du haut par le bas.</p>
<ol>
<li>Esthétiquement, le formulaire est <strong>clair, sobre</strong> ;</li>
<li>J&#8217;adore, en face de chaque champ, la <strong>petite explication de texte</strong> qui s&#8217;affiche quand le curseur est dans le champ ; c&#8217;est élégant et efficace, d&#8217;autant que l&#8217;on comprend bien le vocabulaire utilisé ;</li>
<li>Le petit message sur la<strong> sûreté du mot de passe</strong> est rassurant ; un peu trop &laquo;&nbsp;technique&nbsp;&raquo; mais ça rassure tout de même ;</li>
<li>Le must : le test en temps réel des caractères tapés dans le mot de passe ; plutôt que de retourner au formulaire avec un message d&#8217;erreur, <strong>on affiche en temps réel les erreurs de saisie</strong> (message rouge qui ne s&#8217;affiche que si je tape des caractères bizarres) ; le nombre de formulaires que j&#8217;ai dû re-soumettre parce qu&#8217;ils ne prenaient pas les caractères hors-alpha dans les mots de passe&#8230; ça fait du bien ; bon, ok, ç&#8217;aurait été mieux de les prendre en compte de toutes façons ;</li>
<li><strong>Le bouton &laquo;&nbsp;Join Now&nbsp;&raquo; est évident et naturel.</strong> Il rappelle pourquoi on est sur le formulaire, mieux qu&#8217;un simple &laquo;&nbsp;ok&nbsp;&raquo;.</li>
</ol>
<p>Voilà. Gratuitement, 5 conseils pour rendre vos formulaires de login plus sexy. Au boulot !</p>
<p>Et vous ? Avez-vous d&#8217;autres idées ?</p>
]]></content:encoded>
			<wfw:commentRss>http://pjgrizel.net/2009/11/un-formulaire-de-login-proche-de-la-perfection/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
