Design

Il est 5 heures moins quart, votre projet doit être finalisé aujourd’hui et vous vous cassez la tête à organiser l’information dans un tableau auquel le client tient absolument. Pas de panique! Une gorgée d’eau, une grande inspiration, une autre et retournez aux sources. Par là, j’entends ouvrir le livre d’école, qui n’a pas souvent servi depuis, à vos côtés, lire un peu et réfléchir à un moyen efficace d’organiser l’information. Ça y est, la solution pointe le bout de son nez…

C’est un principe de base qui nous semble acquis en tant que designer graphique, mais qui, parfois, nous échappe tout de même: le «Five Hat Racks». Inventé par M. Richard Saul Wurman, architecte et designer graphique de profession et fondateur des conférences TED, ce principe de l’organisation de l’information illustre que les données peuvent être classées selon 5 différentes stratégies : l’alphabet, le temps, la location, la hiérarchie ou les catégories. Peu importe le sujet dont traite votre information, vous pourrez l’associer avec l’un ou l’autre de ces groupes.

L’utilisation de plus d’un «rack» à la fois est permise et on peut les insérer l’un dans l’autre sans problème. Par exemple, les animaux d’un zoo peuvent être organisés par classe (les catégories) et par la suite par ordre alphabétique selon l’espèce (alphabet).

Cependant, l’information aura beau être classée de la meilleure façon possible, la clé de la compréhension d’un tableau, d’un diagramme ou de tout autre élément graphique illustrant des données, reste la simplicité. Il est important de se mettre dans la peau de l’utilisateur et d’être honnête envers soi-même. Trop souvent on fait passer l’esthétisme avant l’utilisabilité et c’est la raison première de l’échec d’un design. Ne l’oubliez pas!

Ce dont il faut se souvenir :

• Le principe du Five Hat Racks existe pour faciliter la compréhension du classement de l’information;
• Il faut garder le tout simple et «user friendly».

Sources :
http://ux-fr.com/2010/08/04/organisation-de-linformation/
http://en.wikipedia.org/wiki/Richard_Saul_Wurman
http://www.infovis-wiki.net/index.php?title=Five_Hat_Racks
http://usabilityfriction.com/2009/09/29/five-hat-racks/

Imaginez-vous une jeune fille seule, assise au restaurant. Elle semble attendre quelqu’un. Un homme vêtu d’un splendide complet, les cheveux impeccables et le sourire aux lèvres fait son entrée. Pleine d’espoir, elle lui sourit timidement, mais l’homme ignore son sourire, et passe à la table voisine, où l’attend un groupe d’hommes du même acabit. Un autre homme pousse la porte de l’établissement. Il porte un manteau usé et parsemé de taches. Sous celui-ci, un t-shirt appartenant à un autre âge assorti à des pantalons élimés et obsolètes. La jeune fille ignore les signes de la main de ce dernier, et se plonge dans la lecture du journal, rouge de honte.

Dans un contexte de prospection d’affaire, à quel homme désirez-vous vous identifier? Assurément, vous voulez lancer le bon message à votre clientèle. Celui d’un professionnel disposant d’une expertise établie.

Votre signature graphique est comme une poignée de main. Elle fait partie d’un ensemble de facteurs qui composent votre «marque personnelle» (ce que l’on projette aux autres, ce que les autres perçoivent de vous, de ce que vous faites et ce qui fait que vous êtes différents des autres). Votre identité graphique est souvent le premier point de contact que vous aurez avec votre clientèle, en ligne ou via un courrier. Elle vous représente et veut dire énormément sur votre niveau de professionnalisme.

Son élaboration est une étape cruciale de votre identité commerciale, et devrait être confiée à des professionnels. Beaucoup vous dirons qu’ils sont à même de vous forger cette identité graphique pour une fraction du prix. Prenez garde, exigez de visionner un portfolio ou des exemples de travail et privilégiez les compagnies qui vous poseront des questions sur vos valeurs d’entreprise.  C’est qu’ils ont à cœur de vous créer une image qui vous ressemble.

Ne lésinez pas sur la qualité. Du bon matériel de promotion n’est pas une dépense, mais un investissement. Et du matériel de promotion de piètre qualité, ou de facture visuelle médiocre pourrait nuire à votre marque personnelle plus que l’aider!

Pour conclure avec notre illustration, même si le manteau usé et parsemé de tâches cachait un cœur d’or et une personnalité fantastique,  dans un contexte de prospection, le contenant est visible bien avant le contenu.

Josée Laterreur
Chargée de projets
Intera solutions

La typographie, dites police de caractère est un outil incomparable, souvent méconnu et mal utilisé; qui transmet plus que de l’information. Elle communique aussi une émotion, une image et aide à renforcer un message dans une publicité. Bien qu’il y ait plusieurs sous-catégories, 3 grandes catégories de caractère s’imposent. Les sérifs, les sans-sérifs ainsi que les scripts.

- Les sérifs (avec empattements):
Cette famille englobe entre autre la famille des Times et Times new roman. On les utilise souvent pour leur caractère classique et traditionnel. Elles sont très efficaces pour les textes et/ou articles.

- Les sans-sérifs (sans empattements):
Cette famille est la plus simple et la plus populaire. Elle se distingue justement par son absence d’empattements. Aussi l’épaisseur de la lettre est la même de haut en bas. Selon la typographie choisie, sa grosseur et son utilisation, elle peut évoquer un caractère jeune, actuel (média), moderne, FORT et épuré. Elles sont aussi celles qui sont les plus lisibles. Je les conseils lorsqu’il est temps d’écrire une adresse et/ou des informations dont on a besoin de voir en un coup d’œil.

- Les scripts (manuscrites):
Elles se décrivent comme perceptibles. C’est-à-dire qu’elles permettent la reconnaissance du caractère plutôt que de l’aisance de la lecture. À proscrire pour les longs textes ainsi que pour des informations comme une adresse. On les choisit pour les titres, menus de restaurant, les faire-part ou tout autre document pour lequel l’aspect d’une écriture manuscrite est indiqué. Elle suggère le mouvement et donne une touche “plus personnalisée”!