isabelle // i-dea » Trucs et astuces

Trucs et astuces – Design de formulaire.

isabelle — Thu, 05 Apr 2007 15:29:33 +0000

Découverte d’un super designer Luke Wroblewski, vous retrouverez sur le site de son entreprise LukeW, des interfaces simples, belles et efficaces. Porter une grande attention au PDF Best Practices for Web Form Design (ficher PDF, 3.9 MB) qui explique les meilleures pratiques de création d’un formulaire sur le web. Du gros bon sens ! Mais parfois la simplicité n’est pas évidente. Très intéressant !

(via CFD, qui lui est via ZeroSeconde)

Trucs et astuces – grille de mise-en-page

isabelle — Thu, 22 Mar 2007 13:26:09 +0000

Il y a quelques jours, je vous suggérais le livre Grid Systems in Graphic Design de Josef Muller-Brockman. Pour vous aider à mieux visualiser et comprendre une grille de mise-en-page pour le web et son utilité, voici l’explication d’un designer et il montre de façon très clair comment il a développé celle de son site et comment il l’utilise.

Trucs et astuces – maquettes schématiques

isabelle — Wed, 07 Mar 2007 18:39:13 +0000

Depuis quelques années, les maquettes schématiques (wireframe) font maintenant partie de notre processus de création. Pour effectuer celles-ci, j’utilisais Illustrator, pour sa simplicité et ses multiples fonctions.

Quelques personnes dans le cadre de mon travail (ici et là) m’ont suggéré d’essayer OmniGraffle, je ne voyais pas l’avantage, et en plus c’était beaucoup moins fonctionnel et facile d’utilisation pour ma part. Mais voilà donc que j’ai trouvé un grand avantage, je peux faire un prototype fonctionnel avec mes wireframes. C’est super, on peut valider quelques principes de navigation avec une grande simplicité d’exécution.

À défaut d’avoir du temps pour développer un super Stencil pour effectuer mes wireframes, j’ai trouvé un stencil qui me satisfait pour l’instant. Et voici un vidéo qui présente comment faire un prototype fonctionnel.