<?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; Formulaire usability</title>
	<atom:link href="http://www.tanek.fr/tag/formulaire-usability/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>Vers une meilleure mise en page des formulaires ?</title>
		<link>http://www.tanek.fr/2008/webdesign/vers-une-meilleure-mise-en-page-des-formulaires/</link>
		<comments>http://www.tanek.fr/2008/webdesign/vers-une-meilleure-mise-en-page-des-formulaires/#comments</comments>
		<pubDate>Tue, 30 Sep 2008 19:15:46 +0000</pubDate>
		<dc:creator>Tanek</dc:creator>
				<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Formulaire usability]]></category>

		<guid isPermaLink="false">http://www.tanek.fr/?p=161</guid>
		<description><![CDATA[
Après quelques mois d'absence me voici de retour avec un nouveau template, un nouveau nom de domaine, et des nouveaux plug-ins. Bref comme un nouveau départ...
Du coup, aujourd'hui, au programme nous avons une présentation (format pdf) sur l'utilisabilité des formulaires. Celle-ci a été rédigée en anglais par le maitre en la matière : Luke Wroblewski, [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.tanek.fr/wp-content/uploads/2008/09/design_form.png"><img class="size-full wp-image-163 alignnone" title="Design d'un formulaire" src="http://www.tanek.fr/wp-content/uploads/2008/09/design_form.png" alt="Design d'un formulaire" width="440" height="88" /></a></p>
<p>Après quelques mois d'absence me voici de retour avec un nouveau template, un nouveau nom de domaine, et des nouveaux plug-ins. Bref comme un nouveau départ...</p>
<p>Du coup, aujourd'hui, au programme nous avons <a title="Best Practices for Form Design" href="http://www.lukew.com/resources/articles/WebForms_LukeW.pdf">une présentation (format pdf) sur l'utilisabilité des formulaires.</a> Celle-ci a été rédigée en anglais par le maitre en la matière : Luke <span class="autNom">Wroblewski, auteur du <a title="Livre Web Form Design " href="http://www.eyrolles.com/Audiovisuel/Livre/9781933820248/livre-web-form-design.php" target="_blank">livre Web Form Design</a>.<br />
</span></p>
<p>Le <a title="Best Practices for Form Design" href="http://www.lukew.com/resources/articles/WebForms_LukeW.pdf" target="_blank">document intitulé Best Practices for Form Design</a>, n'a (<span style="text-decoration: line-through;">je dois bien l'avouer</span>) rien de révolutionnaire mais il permet cependant de fournir de bons arguments sur l'alignement à gauche ou droite des libéllés, la mise en place d'une aide...</p>
<p>Même en anglais, c'est très compréhensible avec des illustrations très pertinentes.</p>
<p>PS : <a title="Blog de Cyroul" href="http://www.cyroul.com/" target="_blank">Cyroul</a> m'a montré ce <a title="Fred Cavazza" href="http://www.fredcavazza.net/files/doc/tutoriels/formulaire/SVF_intro.htm" target="_blank">tuto de Fred Cavazza</a> qui même s'il date un peu ( <span style="text-decoration: line-through;">le lien, ... pas Cyroul</span> ) permet de comprendre et mettre en place un formulaire accessible en 12 étapes.</p>



Partager cet article


	<a rel="nofollow" id="twitter"  target="_blank" href="http://twitter.com/home?status=Vers%20une%20meilleure%20mise%20en%20page%20des%20formulaires%20%3F%20%20-%20http%3A%2F%2Fwww.tanek.fr%2F2008%2Fwebdesign%2Fvers-une-meilleure-mise-en-page-des-formulaires%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%2Fwebdesign%2Fvers-une-meilleure-mise-en-page-des-formulaires%2F&amp;title=Vers%20une%20meilleure%20mise%20en%20page%20des%20formulaires%20%3F%20&amp;notes=%0D%0A%0D%0AApr%C3%A8s%20quelques%20mois%20d%27absence%20me%20voici%20de%20retour%20avec%20un%20nouveau%20template%2C%20un%20nouveau%20nom%20de%20domaine%2C%20et%20des%20nouveaux%20plug-ins.%20Bref%20comme%20un%20nouveau%20d%C3%A9part...%0D%0A%0D%0ADu%20coup%2C%20aujourd%27hui%2C%20au%20programme%20nous%20avons%20une%20pr%C3%A9sentation%20%28format%20pdf%29%20sur%20" 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%2Fwebdesign%2Fvers-une-meilleure-mise-en-page-des-formulaires%2F&amp;title=Vers%20une%20meilleure%20mise%20en%20page%20des%20formulaires%20%3F%20" 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%2Fwebdesign%2Fvers-une-meilleure-mise-en-page-des-formulaires%2F&amp;t=Vers%20une%20meilleure%20mise%20en%20page%20des%20formulaires%20%3F%20" 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%2Fwebdesign%2Fvers-une-meilleure-mise-en-page-des-formulaires%2F&amp;title=Vers%20une%20meilleure%20mise%20en%20page%20des%20formulaires%20%3F%20&amp;bodytext=%0D%0A%0D%0AApr%C3%A8s%20quelques%20mois%20d%27absence%20me%20voici%20de%20retour%20avec%20un%20nouveau%20template%2C%20un%20nouveau%20nom%20de%20domaine%2C%20et%20des%20nouveaux%20plug-ins.%20Bref%20comme%20un%20nouveau%20d%C3%A9part...%0D%0A%0D%0ADu%20coup%2C%20aujourd%27hui%2C%20au%20programme%20nous%20avons%20une%20pr%C3%A9sentation%20%28format%20pdf%29%20sur%20" 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=Vers%20une%20meilleure%20mise%20en%20page%20des%20formulaires%20%3F%20&amp;link=http%3A%2F%2Fwww.tanek.fr%2F2008%2Fwebdesign%2Fvers-une-meilleure-mise-en-page-des-formulaires%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%2Fwebdesign%2Fvers-une-meilleure-mise-en-page-des-formulaires%2F&amp;t=Vers%20une%20meilleure%20mise%20en%20page%20des%20formulaires%20%3F%20&amp;s=%0D%0A%0D%0AApr%C3%A8s%20quelques%20mois%20d%27absence%20me%20voici%20de%20retour%20avec%20un%20nouveau%20template%2C%20un%20nouveau%20nom%20de%20domaine%2C%20et%20des%20nouveaux%20plug-ins.%20Bref%20comme%20un%20nouveau%20d%C3%A9part...%0D%0A%0D%0ADu%20coup%2C%20aujourd%27hui%2C%20au%20programme%20nous%20avons%20une%20pr%C3%A9sentation%20%28format%20pdf%29%20sur%20" 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%2Fwebdesign%2Fvers-une-meilleure-mise-en-page-des-formulaires%2F&amp;title=Vers%20une%20meilleure%20mise%20en%20page%20des%20formulaires%20%3F%20&amp;source=Tanek+Designer+d%27interface+-+WebAddict&amp;summary=%0D%0A%0D%0AApr%C3%A8s%20quelques%20mois%20d%27absence%20me%20voici%20de%20retour%20avec%20un%20nouveau%20template%2C%20un%20nouveau%20nom%20de%20domaine%2C%20et%20des%20nouveaux%20plug-ins.%20Bref%20comme%20un%20nouveau%20d%C3%A9part...%0D%0A%0D%0ADu%20coup%2C%20aujourd%27hui%2C%20au%20programme%20nous%20avons%20une%20pr%C3%A9sentation%20%28format%20pdf%29%20sur%20" 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=Vers%20une%20meilleure%20mise%20en%20page%20des%20formulaires%20%3F%20&amp;body=http%3A%2F%2Fwww.tanek.fr%2F2008%2Fwebdesign%2Fvers-une-meilleure-mise-en-page-des-formulaires%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%2Fwebdesign%2Fvers-une-meilleure-mise-en-page-des-formulaires%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/webdesign/vers-une-meilleure-mise-en-page-des-formulaires/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
