Les outils online de conception de wireframes : introduction

SuperFiction, le blog ::: marketing interactif, experience utilisateur, conception multimedia et gestion de projets

Par Eric DI POL, lundi 1 septembre 2008 :: Conception - Outils :: #297 :: rss

Après avoir consacré quelques posts à la création de wireframes / storyboards avec Powerpoint, Visio, Axure RP Pro ou encore Acrobat, je prépare une série de billets qui concerne les outils online de conception de wireframes.

Je vais donc tester et présenter :

Contrairement aux précédents posts sur les logiciels de conception de wireframes, je vais essayer cette fois-ci de mettre en place des critères d’évaluation pour les outils online (ex : travail collaboratif, interactivité des éléments, formats d’export...)

Ainsi, ces différents articles fourniront un panorama non exhaustif mais déjà conséquent des différents outils disponibles pour les concepteurs multimédia.

Premier billet de la série : "Les outils online de conception de storyboards (1/5) : Gliffy"

::: Partager cet article

Share |

::: Trackbacks

Aucun trackback.

Afin d'éviter les spams, l'URL de trackback change toutes les 15 minutes : http://www.superfiction.net/blog/tb.php?id=297&chk=ky34tw

::: Commentaires

1. Le lundi 1 septembre 2008 à 09:34, par Mael

Il va être difficile de me faire oublier Balsamiq !
Je fais passer mes mockups dans powerpoint (ou plutôt impress oOo, et j'ai mon proto.
Par contre, gliffy a l'air pas mal pour les digrammes IA et interaction.

2. Le mercredi 8 octobre 2008 à 19:30, par Eric - SuperFiction

@ Mael : l'article sur Balsamiq Mockups est en ligne ;-)
www.superfiction.net/blog...

3. Le mercredi 8 octobre 2008 à 20:38, par Mael

cool

4. Le vendredi 10 octobre 2008 à 16:47, par Val

Bonjour mael, comment fais-tu pour importer tes mockup dans powerpoint ?
Ca m'intéresse !
Merci

5. Le mardi 14 octobre 2008 à 09:09, par Mael

Je fais un mockup que je duplique (ctrl+shift+N) pour modifier chaque état incrémentalement.
ensuite pour chaque onglet ouvert j'exporte en png, ce qui se fera également incrémentalement puisque balsamiq va par défaut les nommer mockup, mockup1, mockup2, etc.
grâce à cette séquence, je peux les utiliser pour en faire une cinématique diapo par diapo dans PPT en les important comme image de fond.
Si je veux de l'interactivité, rien de plus simple, je rajoute un rectangle semi-transparent sur la zone cliquable et je lui attribue une cible vers une autre diapo, généralement la suivante.
Sur Power Point je ne sais pas, mais dans open office on peut exporter en pdf interactif.
Dans ce cas là, n'oubliez pas de préciser aux destinataires du fichier qu'il est cliquable, car certains passent totalement à coté, même avec la mention "cliquez ici" qu'ils prennent pour une indication, et un de mes collaborateurs l'avait carrément imprimé !!

Le seul défaut de la méthode est qu'il faut recommencer l'import quand on modifie son storyboard, c'est pour ça qu'il faut aussi enregistrer ses mockups en format balsamiq.
Voilà, j'espère avoir été clair :)

6. Le mardi 14 octobre 2008 à 09:16, par Val