Je vais essayer un peu plus Balsamiq, c’est sûr, mais je voulais simplement préciser que je réalise des mockups à longueur de semaines justement. Je pense avoir poussé assez loin l’experimentation dans ce domaine pour me rendre compte de la difficulté de cette pratique (qu’on appelle aussi courament Architecture d’Information ou Design Fonctionnel, soit dit en passant)

L’approche traditionnelle consiste à réaliser des mockups approximatifs en utilisant des outils complètement obsolètes tels que PowerPoint. Cette approche perdure encore chez les clients et les chefs de projets d’agences web… Dans mon agence, je renvoie dans leur box les chefs de projets qui me proposent des mockups réalisé sous PowerPoint…
Ce type de pratique qui date des années 90 doit cesser. Si on veut prgresser, il faut accepter la complexité.

Je n’ai pas été non plus particulièrement convaincu de l’efficacité des outils soit disant spécialisés (Visio est pour moi le contre-exemple du bon outil). J’ai trouvé plus de satisfaction à utiliser InDesign, Keynote, et OmniGraffle. Pour moi l’outil professionnel de Design Fonctionnel n’existe pas encore.

Je sens que mon commentaire va provoquer des remous…

Thanks for the kind words and mentions of Gliffy. If anyone hasn’t checked us out (or hasn’t checked us out in the past couple months), we’ve recently updated our UI symbols library, specifically to make creating nice mockups and wireframes easier than before.

—-

Je ne parle pas français, de sorte s’il vous plaît pardonner mon anglais. J’ai inclus de Google en matière de traduction de mes observations, qui devrait, à tout le moins, être divertissant:)

Merci pour les paroles aimables et mentions de Gliffy. Si quelqu’un n’a pas vérifié nous (ou n’a pas vérifié nous dans le passé quelques mois), nous avons récemment mis à jour notre bibliothèque de symboles interface utilisateur, en particulier pour faciliter la création et agréable maquettes wireframes plus facile qu’auparavant.

Mais celà reste un outil !
Il a l’avantage d’être simple, facile à installer et utilisable rapidement par n’importe qui.
Il ne cherche pas à remplacer la réflexion qu’il peut y avoir autour d’un design ou d’une mise en place d’architecture de site ou d’application.

Une bonne idée a été de dessiner les éléments façon crayon, ce qui permet immédiatement d’identifier le niveau de l’information du point de vue d’un client (d’expérience, beaucoup ont du mal à faire la différence entre un dessin de “zonage”, un maquette graphique, un maquette dynamique et un prototype…et ce n’est pas fautes d’explications…)

Pour la police de caractère, je comprend la préoccupation du multiplateforme, mais on peut aussi passer en police “system” à ce que j’ai vu.

Si j’en crois le dernier commentaire de Peldi, il va rajouter la possibilité d’interaction entre “mockup” ce qui lui permettra d’être un peu plus complet face aux ténors cités plus haut.

J’ai essayé ces… 15 dernieres années… une multitude de logiciels pour faire des mockups, ils sont soit trop compliqués (omnigraffle), soit tout simplement pas fait pour cela (powerpoint, keynote), Balsamiq est parfait.

Chapeau l’artiste.

Pour ce qui est de savoir à quel stade d’un projet l’utiliser, franchement, ce n’est pas comme s’il n’y avait qu’une méthode et une seule pour concevoir un site web. Dans un mode d’agile dev., ce logiciel apporte un surplus de souplesse très bienvenue, sa facilité d’utilisation le rend manipulable par toute l’équipe, et AIR le rend compatible avec toutes les plateformes… un rêve. Dans un mode où l’on passe par un cahier des charge complet et détaillé, c’est juste un petit plus, certes, mais à ce prix, pourquoi s’en passer ?

Au final, ce soft me semble indispensable à une startup, pour une webagency “grand comptes”, en effet, c’est plus compliqué à intégrer à une chaine de production plombée en amont par une profonde méconnaissance du web

Il ne doit pas être utilisé en amont de l’étude ou du cahier des charges, mais éventuellement pendant ou après, afin de visualiser les concepts de chaque type de page, pour le client bien sur, mais aussi pour les équipes de production, web designer et développeurs.

J’utilise Omnigraffle avec les librairies Yahoo et autres, mais le crayon HB suffit dans bien des cas

Regarding the “narration” part of your comment, I am working on a way to stitch multiple mockups together into an interactive prototype. It’s a highly requested feature and I have some exciting plans about it, I just don’t have a timeline for its implementation yet.

Thanks again for the great discussion!