Wireframes avec Illustrator

Il y a plusieurs mois, j’avais suivi quelques billets de Superfiction qui présentait plusieurs logiciels pour réaliser des wireframes. Comme il n’avait pas présenté l’oiutils que j’utilise, je lui avais proposé décrire un billet moi-même sur Illustrator.

C’est donc ce que j’ai fait, avec un peu … de retard (:-)).

 

Brève présentation d’Illustrator

Illustrator est un logiciel graphique d’Adobe (Photoshop, Indesign, Dreamweaver, etc) qui permet de faire du dessin vectoriel.

 

Les avantages d’Illustrator

- travailler en taille réelle, pixels

Lorsque l’on travaille dans le web, travailler en pixels ce n’est pas un luxe. je crois que Visio et powerpoint ne le permettent pas. Pour moi c’est esentiel de savoir si ce que je met dans mes pages peut réellement y rentrer.

- très précis

Vous pouvez zoomer, zoomer et zoomer encore, pas de problème ! On peut y travailler au pixel près !

- très visuel

Comme c’est, à la base, prévu pour les graphiste / designer on y retrouve toutes sortes d’option qui vont rendre les wireframes agréables visuellement (même si, on est d’accord, le but et de na pas être trop visuel mais plus structurel, le client auraz moins “peur” si c’est un peu joli !) 

- surface de travail assez grande

La surface est énorme pour faire un brouillon, des changements, des variations, etc Je ne suis pas seulement limité à ma page de base mais j’ai 30 fois plus d’espace.

- la fontion “coller à la même place” est géniale !

Pour tout aligner, c’est vraiment top (ctrl + f) 

- Beaucoup de possibilités

Vous pouvez tout faire avec Illustrator.

 

Les incovénients d’Illustrator

- pas templates

C’est probablement le plus chiant avec Illustrator. Vous devez changer la place du logo de gauche à droite ? ben faut manuellement le changer sur toutes vos pages … eh oui !

- difficile à prendre en main au début

La première fois, c’est chaud : beaucoup d’options, touts les outils, etc. Ensuite avec de l’entrainement, on devient plus rapide et efficace (grâce notament aux raccourcis) 

- génère des fichiers assez lourds

- ce n’est pas un outil conçu pour cette tâche

Pas de lien, générer un tableau c’est chaud, pas d’HTML évidement,  les composants de base (dropdown, bouton, radio button, etc) n’existent pas dans la bibliothèque , etc

- son prix est assez cher puisqu’il coute environ 800 EUR. 

Je crois que c’est plus cher que les autres (Visio, Powerpoint, Axure, etc

- Exporter en PDF est fastidieux

C’est parfois un peu laborieux puisqu’il faut créer un .ai par page puis les passer dans Adobe Acrobat ou alors passer par PowerPoint puis Acrobat.

Ce que celà donne en pratique

 

Pour conclure

Je dirais que je suis content de l’avoir écrit si tard car j’ai plus d’expérience maintenant (1 an et demi) ce qui me permet d’être plus critique vis-à-vis de l’outils.

Après la lecture des billets de Superfiction, je me rend compte qu’Axure semble être vraiment top. J’en profite pour demander à mon chef, en plus d’un MacBook, de réfléchir à Axure