70 % de mon travail consiste à concevoir et réaliser les prototypes pour des sites web, intranets, applications, ...

Concrètement, je modélise les wireframes, je les anime (scénario + storyboard) et je les spécifie. Tout ceci dans un seul et même logiciel : Axure. (Je ne rentrerai pas dans la gueguerre des logiciels à utiliser ou pas. Ce n'est pas le but de cet article).

Au final, nous obtenons un prototype, c'est à dire une maquette cliquable à destination du :

-  client, pour qu'il valide le parcours utilisateur, le système de navigation, les zones  d'interaction, ...

-  graphiste, pour qu'il représente les templates, les éléments graphiques, ...

-  développeur, pour qu'il comprenne les particularités du projet, les fonctionnalités, ...

-  chef de projet, pour qu'il ait un document référent surlequel s'appuyer,

Bref le bonheur parfait : un document unique et fédérateur qui sert de base à tous les intervenants du projet. Enfin ça c'est ce que je pensais en débutant dans ce secteur.

Après avoir lu un article de Superfiction sur les 3 raisons de ne pas utiliser un outil de prototypage, et plusieurs expériences douloureuses, je vous présente les principaux risques de ces logiciels/outils :

- on passe beaucoup trop de temps à modéliser des pages. Au final, notre wireframe se transforme quasiment en une création

- De ce fait, on risque de tromper le client, et de frustrer les graphistes/DA.

- En plus, on se concentrant trop sur la forme, on en oublie le fond... Or vous savez tous qu'un bon projet se focalise sur ses utilisateurs finaux, et sur le contenu/service à proposer.  Par conséquent, on a trop souvent tendance à créer des pages pleines de lorem ipsum, qui n'apportent aucune information, et laissent les développeurs dans le flou complet sur le type de contenu à afficher.

- ces outils reposent sur des bibliothèques de patterns qui (même si on optimise en factorisant) orientent fatalement la technique,

- Ensuite, comme on le voit dans l'article de Superfiction, ces outils ne sont pas adaptés aux nouveautés (RIA/RDA),

- et surtout on oublie de passer par l'étape papier/crayon (appelée "le paper prototyping") qui permet d'être créatif, collaboratif, et de bien poser à plat toutes les aspérités du projet.

Il s'agît bien sûr d'un liste de risques ! N'allez pas croire que je n'aime pas ce genre d'outils ! Bien au contraire, on augmente clairement la productivité si on les utilise à bon escient.

D'ailleurs, ça me permet de vous annoncer l'arrivée du livre de Todd Zaki Warfel dédié au prototypage chez Rosenfeld Média.

Je l'ai découvert très récemment, et je dois dire qu'il est rapidement devenu mon plus fidèle compagnon (du moins dans le cadre du travail).

Pour faire court et concis, Axure est un logiciel de prototypage.  Concrètement, il permet de créer des maquettes fonctionnelles animées (prototype) et de les accompagner de leurs fameuses specs.

Pour réaliser un prototype rien de plus simple :

1. 1/ Vous créez l'arborescence de votre site (modifiable à tout moment)
2. 2/ Vous modélisez des masters (équivalent d'un template/gabarit) que vous appliquez à vos pages. Ainsi une modification du master se répercutera automatiquement.  Le but étant de créer des modules/briques pour mieux factoriser votre travail.
3. 3/ Vous designez le corps propre à chacune des pages via des éléments HTML appellés widgets que vous déposer par des drag&drop.  Bien sûr, vous les relier entre elle pour suimuler un système de navigation traditionnel.
4. 4/ Vous ajoutez une structure conditionnelle. Et c'est là, le partie la plus pratique, puisque l'on peut facilement (pas besoin de savoir coder) indiquer que si l'internaute est loggé alors il accède à cette rubrique, s'il remplit mal le formulaire alors on affiche le message d'erreur, etc.
5. 5/ Après vous exporter en html l'ensemble de votre travail (fichier source au format .rp), qui est lisible sur toute plateforme, et que l'on peut mettre de plus sur un ftp, pour que votre client expérimente ce prototype.
6. 6/ Pour accompagner, cette maquette cliquable, Axure génère automatiquement les specs au format word. Même si la structure du document est en anglais, elle permet une bonne base de travail.

Bien sûr, il y a plein d'autres bons points que je ne vous ai pas mentionné :

• la possibilité de faire des projets partagés
• l'enregistrement automatique
• faire passer des variables de page en page
• une gestion très fine des différents comportements (survol/clic)
• le prix qui est de 500€ (oui malheureusement ce n'est pas donné pour un particulier )

Concernant les ressources pour apprendre, il n'y en a pas tant que ça, surtout d'un point du vue francophone !

• Eric - Superfiction a fait tout un article dessus, bien plus complet que le mien
• Vous pouvez vous documenter sur le forum officiel
• Sur le blog
• Les tutos vidéos
• Bien évidemment vous pouvez suivre le twitter d'Axure

Voilà pour les sources officielles, après pour gagner du temps lors de vos modélisations, vous pouvez récupérer :

• les librairies de widgets disponibles sur le site de l'éditeur (que pour la version 5.5)
• un fichier rempli de pattern sur le blog A clean design pour info voici le rendu en html
• le google groupe

Je pense que je serais ammené à reparler de ce logiciel, (ok j'aborderai aussi les éléments à revoir) donc si vous êtes motivés à fonder une pseudo communauté parlant la langue de molière et adepte d'Axure, je serais bien de la partie !