<?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>La minute du geek &#187; wireframe</title>
	<atom:link href="http://www.laminutedugeek.net/tag/wireframe/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.laminutedugeek.net</link>
	<description>You've got to embrace your inner geek ;-)</description>
	<lastBuildDate>Mon, 28 Jun 2010 18:52:25 +0000</lastBuildDate>
	<language>fr</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Iplotz, nouvel outil de wireframe</title>
		<link>http://www.laminutedugeek.net/2009/02/03/iplotz-nouvel-outil-de-wireframe/</link>
		<comments>http://www.laminutedugeek.net/2009/02/03/iplotz-nouvel-outil-de-wireframe/#comments</comments>
		<pubDate>Tue, 03 Feb 2009 20:41:09 +0000</pubDate>
		<dc:creator>Le geek (de la minute)</dc:creator>
				<category><![CDATA[Geek stuff]]></category>
		<category><![CDATA[wireframe]]></category>
		<category><![CDATA[zoning]]></category>

		<guid isPermaLink="false">http://www.laminutedugeek.net/?p=356</guid>
		<description><![CDATA[Que le monde est petit ! Hier soir, après avoir trouvé le lien sur un billet de mozilla labs, j’ai commencé a tester rapidement le nouvel outil de wireframe iplotz en prenant des notes dans le but de rédiger cet article, ce matin en parcourant rapidement mes flux rss j’ai vu que Pierre avait rédigé [...]]]></description>
			<content:encoded><![CDATA[<p>Que le monde est petit ! Hier soir, après avoir trouvé le lien sur un billet de mozilla labs, j’ai commencé a tester rapidement le nouvel outil de wireframe <a href="http://iplotz.com/">iplotz</a> en prenant des notes dans le but de rédiger cet article, ce matin en parcourant rapidement mes flux rss j’ai vu que <a href="http://www.stoneageblog.com/articles/2009/02/02/wireframes-zoning-mockups/">Pierre</a> avait rédigé un article sur les wireframe et que son premier commentaire était justement rédigé par iplotz (qui faisait sa pub <img src='http://www.laminutedugeek.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' />  ). Je prend donc (humblement <img src='http://www.laminutedugeek.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' />  ) la suite de Pierre pour rédiger un petit billet sur mes premières impressions concernant Iplotz.</p>
<p>Parmi tous les outils de wireframe disponibles, certains proposent certes des possibilités de travail collaboratif, mais aucun ne propose véritablement de fonction permettant à vos clients de faire des retours. C’est vraiment regrettable de ne pas disposer d’un outil permettant aux clients d’annoter simplement différents points de l’interface en organisant par exemple une réunion de travail interne, plutôt que de nous dire par mail ou par téléphone « Le gros rectangle sous le logo ne devrait-il pas être à droite ? ». C’est, au premier abord ce qui a vraiment attiré mon attention sur iplotz. Il dispose en effet de 3 fonctions : &laquo;&nbsp;Manage&nbsp;&raquo; pour gérer un projet, &laquo;&nbsp;Wireframe&nbsp;&raquo; pour réaliser les zoning (seul ou a plusieurs)  et &laquo;&nbsp;Preview&nbsp;&raquo; qui permet d’accéder au wireframe en mode lecture uniquement et qui ouvre une fonction d’ajout de commentaires. Ainsi après avoir réalisé votre maquette, vous pouvez simplement inviter votre client à venir l’annoter de ses remarques.</p>
<p>Je vais passer très rapidement sur la fonction &laquo;&nbsp;Manage&nbsp;&raquo;.  Elle me paraît superflue, si parmi tous les outils du marché vous n’avez toujours pas adopté une solution de gestion des taches, celle-ci ne semble pas apporter de véritables nouveautés et n’étant pas interfaçable avec des applications externes, il faudrait ressaisir les informations dans vos agendas et vos outils de saisis des temps, ce qui en plus d’être chronophage est une source d’erreur en plus.</p>
<p>Voyons maintenant le cœur du système, la fonction Wireframe. Au premier abord l’interface est claire, on situe rapidement les différents outils, les éléments graphiques disponibles par défaut on un traité graphique « dessin à la main » dans le style de balsamiq (moins grossier même). L’interface (en flash, une version AIR est annoncée) se charge rapidement, sans effet graphique superflu.  En parcourant l’interface du regard, différents points très positifs ont attirés mon attention :</p>
<ul>
<li>Il est multipage, vous pouvez donc dans un même projet réaliser plusieurs wireframe (et même les lier entre eux grâce à l’ajout de liens sur vos éléments).</li>
<li>Il propose une gestion des Masters, ce qui permet de placer vos éléments récurrents (la navigation par exemple) sur un modèle et de toujours utiliser ce modèle comme point de départ pour vos différentes pages. Si vous modifier votre master, toutes les pages seront mise à jour automatiquement.</li>
<li>Il dispose d’un mode plein écran confortable (celui de la version en ligne de balsamiq ne fonctionne pas sur mon Firefox mac)</li>
<li>Enfin on trouve une bibliothèque d’élément graphique qui semble complète.</li>
</ul>
<p>Passons à l’utilisation… aie… pas aussi pratique qu’on aurait pu le penser. L’une des forces de <a href="http://www.balsamiq.com/">Balsamiq</a> c’est d’être très rapide à prendre en main. L’accès aux éléments de la bibliothèque est très intuitif grâce à une présentation horizontale qui permet de présenter des visuels assez grands de chaque élément, du coup on se focalise plus sur la forme que sur le libellé et on trouve très facilement ce qu’on recherche. Comme si ça ne suffisait pas, on peut aussi rechercher un élément par mot clés, ce qui facilite encore la recherche. Sur Iplotz, l’accès aux objets de la bibliothèque se fait dans un menu vertical et les picto sont trop petits (et pas très représentatif du résultat final), il faut donc se fier aux libellés (qui ne sont pas toujours très clair) on passe donc beaucoup de temps a monter et a descendre en espérant trouver son bonheur, et je me suis même retrouver a intégrer plusieurs fois par erreur le même composant dans la page avant de réaliser que c’était celui que je venais de supprimer.</p>
<p>Quand on réussi finalement a placer les différents éléments de l’interface dans la page, l’absence de guides complique sérieusement l’alignement. Il y’a bien une grille en fond de page qui permet d’aligner (approximativement) les composants, mais celle-ci était masquée par le fond blanc de la fenêtre du navigateur que j’avais placé en premier.</p>
<p>Enfin après avoir placé un tout un tas de composants sur ma page (pour tester les différents boutons) je me suis retrouvé bloqué avec l’impossibilité de supprimer ce que je venais de créer, j’arrivais bien a sélectionner mes composants, mais impossible de supprimer, à force de cliquer partout j’ai fini par réussir mais je ne saurais dire comment.</p>
<p>Bref, un outil plein d’idées intéressantes, mais de sérieuses lacunes en terme d’ergonomie, dont certaines aurait pu être corrigées par la simple présence d’une page d’aide… j’ai tenté d’utiliser la fonction « feedback » pour informer les concepteurs de certaines de mes remarques mais j’ai eu droit à un beau warning php… so far pour les retours utilisateurs <img src='http://www.laminutedugeek.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p>Inutile de préciser que cette petite expérience m’a refroidi et que je n’ai même pas pris la peine de tester la troisième fonction : La preview qui m’intéressait tant.  Conclusion, je me tiendrais sans doute informé des évolutions d’Iplotz, mais pour l’instant je m’en tiens à Balsamiq, Omnigraffe et Illutrator bien plus confortable à utiliser.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.laminutedugeek.net/2009/02/03/iplotz-nouvel-outil-de-wireframe/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
