Étiquettes : check-lists, expérience utilisateur, Web 2.0

Focus sur 5 logiciels de wireframe utilisés par les architectes de l’information pour tracer les plans de leurs sites et applications web.

Pourquoi passer par l’étape du wireframing ?

Les maquettes wireframe aident les architectes de l’information à créer une interface web, en dépouillant visuellement le produit des détails graphiques. Ils se concentrent ainsi sur les espaces et les fonctionnalités. Les wireframes permettent aussi de formaliser l’organisation de l’information et les interactions avec l’utilisateur.

[pullquote]Les logiciels de wireframe (sans codage ni programmation) sur le marché sont nombreux et développent des fonctionnalités très différentes. La plupart offrent des versions d’essai.[/pullquote]

D’une part, le wireframing sont un outil pour montrer vos propositions au client. Les explications verbales ou textuelles ne permettent pas de comprendre les différentes fonctions ou un enchaînement complexe d’écrans. D’autre part, les tests utilisateurs réalisés sur les wireframes mettent en évidence ce qui fonctionne et ce qui ne fonctionne pas sur l’interface en cours de développement.

5 logiciels de wireframe à découvrir

Vous souhaitez créer de simples dessins ou des  prototypes dynamiques de vos sites et applications?Les logiciels de wireframe (sans codage ni programmation) sur le marché sont nombreux et développent des fonctionnalités très différentes. La plupart offrent des versions d’essai. Alors, n’hésitez pas à les tester pour découvrir le logiciel de wireframe qui vous convient!

1. Axure: pour réaliser des prototypes web et mobiles (entre 289$ et 589$)

Axure est un logiciel incontournable très complet dans le domaine. Il va plus loin que la création de maquettes et permet d’ajouter des fonctionnalités pour créer des prototypes interactifs sur web et mobile.

2. Balsamiq: pour réaliser des prototypes web et mobiles (89$)

Très populaire parmi la communauté web, ce logiciel permet de concevoir des maquettes de wireframe qui ressemblent réellement à des esquisses avec le style des dessins faits à la main.

3. Invision: pour réaliser des prototypes web et mobiles (gratuit)

Ce logiciel permet de créer des prototypes interactifs. Vous pouvez aussi facilement insérer des captures d’écran statiques que créer des prototypes d’interfaces cliquables, avec des mouvements, des transitions ou des animations!

4. OmniGraffle: pour réaliser des prototypes web et mobiles

(entre 99,99$ et 199,99$)

Uniquement téléchargeable sur Mac, OmniGraffle permet de créer des esquisses, wireframes, documents et formes très facilement. Plus réaliste que Balsamiq, ses fonctionnalités ne permettent cependant pas l’interactivité.

5. Proto.io: pour réaliser des prototypes mobiles (de 29$ à 199$ par mois)

Ce logiciel est pratique pour concevoir des maquettes très réalistes et interactives pour le mobile. Il propose entre autres une librairie d’éléments de navigation standard pour toutes les plateformes mobiles.

Et vous, quel est votre logiciel de wireframe préféré? Partagez vos conseils!

---