Comments on: Configurer Illustrator pour créer les wireframes d’un site Internet

By: Yoan

Yoan — Thu, 03 Sep 2009 09:29:53 +0000

Venez faire un tour sur notre blog •http://blog.piaction.com•, nous avons testé différents outils de prototypage (Flash Catalyst, SkecthFlow, …)
Personnellement, j’utilise indifféremment Omnigraffle, Flairbuilder, Illustrator, Flash ou Photoshop. tout dépend du type de projet. Prototype interactif? Du travail collaboratif? Un résultat super rapide? Dissocier ou pas le fonctionnel de l’émotionnel…
A mon sens, Flash Catalyst est très prometteur, et s’améliore de jour en jour…

By: Mes favoris du 12-07-09

Mes favoris du 12-07-09 — Mon, 13 Jul 2009 07:03:56 +0000

[…] Configurer Illustrator pour créer les wireframes d’un site Internet | Simple Entreprene… – […]

By: Rémi Favretto

Rémi Favretto — Thu, 25 Jun 2009 09:11:07 +0000

J’ai commencé avec Visio et Omnigraffle, maintenant je n’utilise quasiment plus que Balsamiq et surtout Axure. L’interactivité proposée par ce dernier est un gros plus, surtout qu’elle ne nécessite pas de compétences techniques particulières. Elle me permet d’être beaucoup plus autonome dans la conception, et d’illustrer de façon plus concrète les spécifications de l’interface et le rendu final que je souhaite obtenir.

Je suis en train de découvrir Flash Catalyst, je le vois comme un Axure 2.0 grâce à son intégration dans la chaîne de production design & développement (insertion de PSD, génération automatique de code Flex), et dans la création d’animations plus riches que ne le permet Axure actuellement (drag ‘n drop pour ne citer que ça).

By: GHULAM

GHULAM — Wed, 24 Jun 2009 18:07:20 +0000

Flash Catalyst sans hésitation car il permet de faire un wireframe cliquable, animé avec un découpage en composant.

Pour jeter une idée : Balsamiq est vraiment simple et suffisant.

Omnigraffe est mauvais, ConceptDraw n’est pas un logiciel fiable et terminé (malgré ce qu’ils mettent sur leur site…)

By: Julien Dubois

Julien Dubois — Tue, 23 Jun 2009 20:58:57 +0000

Personne n’a testé Flash Catalyst ? Qui lorsqu’il possèdera une bibliothèque de composants sera redoutable.

By: michael

michael — Tue, 23 Jun 2009 10:57:03 +0000

Utilisateur d’Axure, je trouve cet outil formidable.
Seul regret, les bibliothèques de widgets assez “maigres” et parfois payantes.

By: Jean-Christophe B.

Jean-Christophe B. — Mon, 22 Jun 2009 12:28:19 +0000

Pour en revenir à Balsamiq, je pense que cet outil a ouvert la voie à une nouvelle génération d’outils de prototypage. La plupart utilise la technologie Adobe Air, ce qui facilite un éventuel passage de l’application du web au desktop (et inversement).

En vrac, on trouve maintenant FlairBuilder, iPlotz, Rapidrabb.it, ForeUI et je dois probablement en oublier.

Chacune ont leur spécificités et sont plus ou moins axées sur une certaine étape du prototypage: Balsamiq est parfait pour des maquettes rapides et instantanées, tandis que FlairBuilder tend déjà plus vers des maquettes fonctionnelles, avec la possibilité de créer des liens entre les pages, ajouter des composants interactifs (carrousel, onglets, listes déroulantes) et un système de conditions pour afficher ou non des éléments.

Sinon, Omnigraffle avec le Yahoo! Design Stencil Kit ou le Sketch Stencils de chez Konigi constituent également un combo assez puissant. Pour des besoins plus spécifiques (par exemple, développer une maquette pour iPhone), on peut également aller chercher d’autres composants sur Graffletopia.

By: kossdav

kossdav — Mon, 22 Jun 2009 12:11:33 +0000

Oui, c’est vrai que Fireworks est très bien, mais il devient malheureusement assez lourd sur des maquettes très complexes…

By: Laurent Assouad

Laurent Assouad — Mon, 22 Jun 2009 12:08:31 +0000

Adobe Fireworks sans hésitation !!

By: senjy

senjy — Mon, 22 Jun 2009 09:00:41 +0000

Pour axure, je trouve que la possibilité de faire des maquettes vivantes(clicable est interessante).
Mais au final assez peux ressemblant a la realité, du coup nous utilisons surtout Dreamweaver.

By: kossdav

kossdav — Mon, 22 Jun 2009 08:58:30 +0000

J’utilise Illustrator pour faire tous mes wireframes et mes maquettes graphiques d’interfaces Web depuis une bonne dizaine d’années…

Du coup, à l’inverse, je ne perçois pas bien ce qui pousse la plupart des webdesigners à vouloir faire leurs maquettes sur Photoshop. Peut-être une question d’habitude ou de formation. Il est vrai aussi que le type de design joue dans le choix de l’outil de maquettage. Ainsi un site assez très orienté marketing (site vitrine, évènementiel, etc) méritera de pouvoir se focaliser sur les forces de Photoshop, à savoir la gestion d’effets et de composition bitmap.
Par opposition, pour les sites plutôt applicatif (ceux que l’on a tendance à estampillé du fameux label “2.0″), Illustrator permet, à mon sens, un plus grande productivité, car le design est alors basé sur des formes simples qui ne perturbent pas l’utilisateur, permettent de mettre en avant le contenu et autorisent de réutiliser des éléments génériques d’un model de page à un autre (onglets, boites, menus… les fameux UI Patterns). Ce genre d’éléments d’interfaces sont un vrai bonheur à gérer avec Illustrator, grâce notamment aux outils qu’évoque Stéphane dans cet article. Pour moins ce sont par exemple la gestion des “symboles” et de palettes de couleurs “globales” qui font la différence.

Peut-être qu’on peut en déduire qu’Illustrator est l’outil de maquettage privilégié pour les sites de nouvelle génération (les fameux “2.0″) ?

Bon ce n’est peut-être pas à ce point là, mais il est certains que pas mal de Webdesigners, et d’infographistes en général, ne maîtrisent pas Illustrator, ni les principes même du design vectoriel. Ce qui joue pas mal dans le fait que Photoshop soit encore l’outil par défaut des Webdesigners…

By: senjy

senjy — Mon, 22 Jun 2009 08:53:24 +0000

J’utilise le plug in Pencil Sketching de Firefox, mais quand il faut faire des choses plus complexe, c’est lourd.

Je vais essayer omnigrafle.

By: Tanek

Tanek — Mon, 22 Jun 2009 08:35:26 +0000

Etant sur Pc, j’utilise Axure, reconnu comme étant un logiciel assez performant et dédié au prototypage. Bien que payant, il permet aisément de faire des wireframes, et surtout de les animer (maquette cliquable en html), puis de générer les specs au format word. Je ne suis pas payé pour faire de la pub, mais je le trouve vraiment TRES performant ! Bon ok, je dois avouer que c’est devenu mon meilleur ami…

Bonne journée

By: Allogarage

Allogarage — Mon, 22 Jun 2009 08:24:52 +0000

En effet OmniGraffle sur Mac est vraiment top pour ca!

By: alec

alec — Mon, 22 Jun 2009 08:07:54 +0000

Bonjour,

j’en profite pour faire la promo d’un outils de wireframe online qui propose une version de gratuite. testé et éprouvé.
http://www.balsamiq.com/demos/mockups/Mockups.html