Zoning et prototypes de sites Web : découvrez Axure en Français

Axure est un logiciel de plus en plus utilisé par la communauté des concepteurs web pour créer des zonings et des wireframes[1], et des prototypes fonctionnels très poussés de sites web.

L’outil permet ainsi de représenter un projet en y intégrant la navigation, et certains principes ergonomiques : c’est la scénarisation du site web, son story board, qui consiste à structurer logiquement les actions accomplies par l’internaute.

L’outil Axure, parce qu’il intègre une vision dynamique et interactive, permet de faire des choix importants à ce stade de conception. Par manque de temps et de budget, la phase de story-board est malheureusement fondue dans la phase wireframe.

Les meilleurs outils peuvent être le crayon et le papier si tous les interlocuteurs autour du projet sont capables de se projeter dans la navigation et la scénarisation, mais c’est rarement le cas ; Axure nous permet alors de faciliter la compréhension en profondeur du projet…

A partir de là, Axure permet d’intégrer une phase de design graphique avancée, puis de réaliser alors des prototypes avancés en intégrant des contenus riches, des contenus dynamiques, des animations, et des logiques conditionnelles (si je clique là il se passe ceci, mais si je clique ici il se passe cela), des commentaires, etc.

Là encore les outils de documentation et d’échange autour du projet en mode collaboratif sont un excellent outil de productivité et de partage et d’échange entre les diverses parties intervenant dans un projet de site web.

Le prototype peut aisément être déployé pour test et démonstration au format Html/Javascript. Il permet en particulier de présenter au client des prototypes navigables, ainsi que de documenter des projets… Tout cela en mode collaboratif bien évidemment.

D’autres outils moins puissants, ou différents existent sur le marché : Balsamiq, MockFlow, iPlotz, Protoshare, Justinmind Prototyper ou encore notre bon vieil Illustrator pour lequel plusieurs plugins existent.

[1] Zoning et Wireframe : une des étapes de conception de projets web consiste à définir d’abord les éléments présents dans chacune des pages. C’est une représentation schématique, avant de passer à l’étape du design graphique. On sépare parfois le zoning du wireframe, le second étant plus complet que le premier),