<?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; Utilisabilité</title>
	<atom:link href="http://www.tanek.fr/category/utilisabilite/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>Les risques du prototypage</title>
		<link>http://www.tanek.fr/2009/utilisabilite/les-risques-du-prototypage/</link>
		<comments>http://www.tanek.fr/2009/utilisabilite/les-risques-du-prototypage/#comments</comments>
		<pubDate>Thu, 12 Nov 2009 09:21:36 +0000</pubDate>
		<dc:creator>Tanek</dc:creator>
				<category><![CDATA[Utilisabilité]]></category>
		<category><![CDATA[axure]]></category>
		<category><![CDATA[prototypage]]></category>

		<guid isPermaLink="false">http://www.tanek.fr/?p=372</guid>
		<description><![CDATA[
70 % de mon travail consiste à concevoir et réaliser les prototypes pour des sites web, intranets, applications, ...
Concrètement, je modélise les wireframes, je les anime (scénario + storyboard) et je les spécifie. Tout ceci dans un seul et même logiciel : Axure. (Je ne rentrerai pas dans la gueguerre des logiciels à utiliser ou [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-379" title="prototypage" src="http://www.tanek.fr/wp-content/uploads/2009/11/prototypage.png" alt="prototypage" width="440" height="91" /></p>
<p>70 % de <a title="&quot;Et en fait c'est quoi ton métier ?&quot;  - Article sur Tanek.fr" href="http://www.tanek.fr/2009/reflexion/et-en-fait-cest-quoi-ton-metier/">mon travail</a> consiste à concevoir et réaliser les prototypes pour des sites web, intranets, applications, ...</p>
<p>Concrètement, je modélise les <a title="La génèse du wireframes (Anglais)" href="http://userpathways.com/2008/06/the-what-when-and-why-of-wireframes/" target="_blank">wireframes</a>, je les anime (scénario + storyboard) et je les spécifie. Tout ceci dans un seul et même logiciel : <a title="&quot;Présentation d’Axure – Outil de prototypage&quot;- Article sur Tanek.fr" href="http://www.tanek.fr/2009/logiciels/presentation-daxure-outil-de-prototypage/">Axure</a>. (<span style="text-decoration: line-through;">Je ne rentrerai pas dans la gueguerre des logiciels à utiliser ou pas. Ce n'est pas le but de cet article</span>).</p>
<p>Au final, nous obtenons un prototype, c'est à dire une maquette cliquable à destination du :</p>
<p>-  <strong>client</strong>, pour qu'il valide le parcours utilisateur, le système de navigation, les zones  d'interaction, ...</p>
<p>-  <strong>graphiste</strong>, pour qu'il représente les templates, les éléments graphiques, ...</p>
<p>-  <strong>développeur</strong>, pour qu'il comprenne les particularités du projet, les fonctionnalités, ...</p>
<p>-  <strong>chef de projet</strong>, pour qu'il ait un document référent surlequel s'appuyer,</p>
<p>Bref le bonheur parfait : un document unique et fédérateur qui sert de base à tous les intervenants du projet. Enfin ça c'est ce que je pensais en débutant dans ce secteur.</p>
<p>Après avoir lu un <a title="&quot;Trois raisons de ne pas utiliser d'outils de prototypage&quot; - Article de Superfiction" href="http://www.superfiction.net/blog/index.php?2009/03/18/378-trois-raisons-de-ne-pas-utiliser-d-outils-de-prototypage-d-apres-anders-ramsay" target="_blank">article de Superfiction sur les 3 raisons de ne pas utiliser un outil de prototypage</a>, et plusieurs expériences douloureuses, je vous présente les principaux risques de ces logiciels/outils :</p>
<p>- on passe beaucoup trop de temps à modéliser des pages. Au final, notre wireframe se transforme quasiment en une création</p>
<p>- De ce fait, on risque de tromper le client, et de frustrer les graphistes/DA.</p>
<p>- En plus, on se concentrant trop sur la forme, on en oublie le fond... Or vous savez tous qu'un bon projet se focalise sur ses utilisateurs finaux, et sur le contenu/service à proposer.  Par conséquent, on a trop souvent tendance à créer des pages pleines de <a title="Générateur de Lorem ipsum" href="http://www.lipsum.com/" target="_blank">lorem ipsum</a>, qui n'apportent aucune information, et laissent les développeurs dans le flou complet sur le type de contenu à afficher.</p>
<p>- ces outils reposent sur des bibliothèques de patterns qui (même si on optimise en factorisant) orientent fatalement la technique,</p>
<p>- Ensuite, comme on le voit dans l'article de Superfiction, ces outils ne sont pas adaptés aux nouveautés (RIA/RDA),</p>
<p>- et surtout on oublie de passer par l'étape papier/crayon (appelée "<a title="Site du livre PaperPrototyping" href="http://www.paperprototyping.com/" target="_blank">le paper prototyping</a>") qui permet d'être créatif, collaboratif, et de bien poser à plat toutes les aspérités du projet.</p>
<p>Il s'agît bien sûr d'un liste de risques ! N'allez pas croire que je n'aime pas ce genre d'outils ! Bien au contraire, on augmente clairement la productivité si on les utilise à bon escient.</p>
<p>D'ailleurs, ça me permet de vous annoncer <a title="&quot;Livre : &quot;Prototyping, a practitioner’s guide to prototyping&quot;, par Todd Zaki Warfel&quot; - Article Superfiction" href="http://www.superfiction.net/blog/index.php?2009/11/11/415-livre-prototyping-a-practitioners-guide-to-prototyping-par-todd-zaki-warfel" target="_blank">l'arrivée du livre de Todd Zaki Warfel dédié au prototypage chez Rosenfeld Média</a>.</p>



Partager cet article


	<a rel="nofollow" id="twitter"  target="_blank" href="http://twitter.com/home?status=Les%20risques%20du%20prototypage%20-%20http%3A%2F%2Fwww.tanek.fr%2F2009%2Futilisabilite%2Fles-risques-du-prototypage%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%2F2009%2Futilisabilite%2Fles-risques-du-prototypage%2F&amp;title=Les%20risques%20du%20prototypage&amp;notes=%0D%0A%0D%0A70%20%25%20de%20mon%20travail%20consiste%20%C3%A0%20concevoir%20et%20r%C3%A9aliser%20les%20prototypes%20pour%20des%20sites%20web%2C%20intranets%2C%20applications%2C%20...%0D%0A%0D%0AConcr%C3%A8tement%2C%20je%20mod%C3%A9lise%20les%20wireframes%2C%20je%20les%20anime%20%28sc%C3%A9nario%20%2B%20storyboard%29%20et%20je%20les%20sp%C3%A9cifie.%20Tout%20ceci%20dans%20un%20seu" 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%2F2009%2Futilisabilite%2Fles-risques-du-prototypage%2F&amp;title=Les%20risques%20du%20prototypage" 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%2F2009%2Futilisabilite%2Fles-risques-du-prototypage%2F&amp;t=Les%20risques%20du%20prototypage" 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%2F2009%2Futilisabilite%2Fles-risques-du-prototypage%2F&amp;title=Les%20risques%20du%20prototypage&amp;bodytext=%0D%0A%0D%0A70%20%25%20de%20mon%20travail%20consiste%20%C3%A0%20concevoir%20et%20r%C3%A9aliser%20les%20prototypes%20pour%20des%20sites%20web%2C%20intranets%2C%20applications%2C%20...%0D%0A%0D%0AConcr%C3%A8tement%2C%20je%20mod%C3%A9lise%20les%20wireframes%2C%20je%20les%20anime%20%28sc%C3%A9nario%20%2B%20storyboard%29%20et%20je%20les%20sp%C3%A9cifie.%20Tout%20ceci%20dans%20un%20seu" 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=Les%20risques%20du%20prototypage&amp;link=http%3A%2F%2Fwww.tanek.fr%2F2009%2Futilisabilite%2Fles-risques-du-prototypage%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%2F2009%2Futilisabilite%2Fles-risques-du-prototypage%2F&amp;t=Les%20risques%20du%20prototypage&amp;s=%0D%0A%0D%0A70%20%25%20de%20mon%20travail%20consiste%20%C3%A0%20concevoir%20et%20r%C3%A9aliser%20les%20prototypes%20pour%20des%20sites%20web%2C%20intranets%2C%20applications%2C%20...%0D%0A%0D%0AConcr%C3%A8tement%2C%20je%20mod%C3%A9lise%20les%20wireframes%2C%20je%20les%20anime%20%28sc%C3%A9nario%20%2B%20storyboard%29%20et%20je%20les%20sp%C3%A9cifie.%20Tout%20ceci%20dans%20un%20seu" 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%2F2009%2Futilisabilite%2Fles-risques-du-prototypage%2F&amp;title=Les%20risques%20du%20prototypage&amp;source=Tanek+Designer+d%27interface+-+WebAddict&amp;summary=%0D%0A%0D%0A70%20%25%20de%20mon%20travail%20consiste%20%C3%A0%20concevoir%20et%20r%C3%A9aliser%20les%20prototypes%20pour%20des%20sites%20web%2C%20intranets%2C%20applications%2C%20...%0D%0A%0D%0AConcr%C3%A8tement%2C%20je%20mod%C3%A9lise%20les%20wireframes%2C%20je%20les%20anime%20%28sc%C3%A9nario%20%2B%20storyboard%29%20et%20je%20les%20sp%C3%A9cifie.%20Tout%20ceci%20dans%20un%20seu" 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=Les%20risques%20du%20prototypage&amp;body=http%3A%2F%2Fwww.tanek.fr%2F2009%2Futilisabilite%2Fles-risques-du-prototypage%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%2F2009%2Futilisabilite%2Fles-risques-du-prototypage%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/2009/utilisabilite/les-risques-du-prototypage/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
