Cela permet d’offrir une idée générale et tout de même assez précise d’un projet. Un seul document pour expliquer un bonne partie de la fondation. Simple et efficace

Voir le moodboard en format original sur Flickr

Qu’est-ce qu’un moodboard? Wikipédia l’explique très bien:

A mood board is a type of poster design that may consist of images, text, and samples of objects in a composition of the choice of the mood board creator. Designers and others use mood boards to develop their design concepts and to communicate to other members of the design team. The mood board may be used as a frame of reference during the design process in a variety of abstract disciplines, for example:

Source: http://en.wikipedia.org/wiki/Mood_board

La prochaine fois que vous me présenté un petit projet, voici surement l’un des documents sur lequel nous baserons beaucoup de nos discussions!

La plupart du temps, il s’adressent au développeurs et uniquement pour cela, je les trouve souvent inutiles car ils laissent tomber plusieurs aspects très importants. Premièrement, la relation avec le client et l’équipe est parfois mal exprimée. Deuxièmement, plusieurs étapes s’entrecroisent et ce n’est pas démontré. Finalement, la plupart de ses listes ne sont pas très agréables à lire. Pourtant, ils pourrais être un document très efficace avec le client, non?

Je vous offre donc aujourd’hui un document des étapes de l’élaboration du prochain site web de l’un de mes clients. Bien sûr, chacun à sa manière de faire et ce document se modifie régulièrement mais je le propose aujourd’hui car je crois qu’il est à l’image de plusieurs projets typiques.

Télécharger la version Adobe Acrobat (PDF) de mes étapes de développement d’un site web

Les wireframes deviennent des outils de références en or lorsque les discussions s’animent, lorsque les idées fusent et surtout lorsque le «scope» nous ramène sur terre. De plus, les balises sont souvent définies par un budget serré et des ressources limités, ce qui est d’ailleurs une bonne chose.

Source: Cota Lab from TC (Flickr)

Préparant une formation sur le sujet, je ne suis pas étonné que 50% du sujet soit accaparé pour autre chose que par la création de pixels.

Vous êtes intéressé à suivre cette formation? Contactez-moi et je vous tiendrai au courant des développements.

Lorsqu’on commence la conception d’une interface, on doit se convaincre que tout est possible. J’irais même à dire que tout est magique. C’est une technique que j’utilise depuis longtemps qui me permet de ressortir l’objectif ultime du projet. Si par exemple je désire concevoir un outil en ligne offrant la mettre à jour la liste des prix de mes produits sur un site de ventes au enchères, j’imagine que tout cela se fait par magie: je n’aurais qu’à cliquer sur un bouton et le système irait lui-même chercher le fichier excel sur mon ordinateur, le mettrais à jour et réparait les erreurs automatiquement au besoin… le tout terminant avec un jolie voix féminine qui me dirais: votre catalogue en ligne est synchronisé. Puis-je faire autre chose pour vous?

De ce voyage astral, j’en ressort l’essentiel: l’usager veut un formulaire simple en une seule étape. Il veut aussi qu’on l’accompagne sans le laisser seul s’il y a un problème.

• on retrouvera qu’un seul bouton d’action (submit) qui s’appellera: mettre à jour votre catalogue. Le formulaire n’aura qu’une seule étape ;
• l’interface demandera très peu d’informations à l’usager. Par exemple, s’il y a un champ parcourir (browse), il n’y aura pas de bouton envoyer (send) pour ce champs. C’est avec l’envoi du formulaire que le fichier se téléchargera ;
• l’interface intégrera des messages d’erreurs amicaux avec des trucs et astuces aidant l’usager à corriger la situation, ex.: «Il semble que vous n’avez pas inscrit la date. La date demandée est celle que vous retrouvez près du logo de votre…».

À tout les ergonomes et designers, quand vous commencez une interface, mettez vos lunettes rondes et prenez votre baguette magique.

Le prototypage sur papier n’est rien d’autre qu’une phase d’itération permettant d’aider les différents acteurs et ainsi garder le projet gérable, peu coûteux et segmenté en petites étapes pour ensuite entrer dans le cirque avec de vrais pixels, conçu avec un prototype fiable prêt à servir.

Pardonnez-les soubresauts de la caméra, il était tard et j’étais seul!