En surfant un peu, je suis tombé sur un pdf réalisé par Cameron Moll présentant les 9 qualités essentielles d’un webdesigner génial, et de ce qui le différencie d’un "bon" webdesigner...

Bien qu’écrit en anglais, je vous invite quand même à le lire, parce que les exemples et les explications vous permettront de mettre le doigt sur le petit quelque chose qui vous faisait préférer un design à un autre sans forcément pouvoir dire pourquoi...

La différence entre un "bon" webdesigner et un "super" webdesigner va sans doute vous paraitre mince, ou encore qu’il s’agit juste de jouer sur les mots... Toutefois, cette différence existe, et ce document permet de cerner un peu la différence qui les séparent.

Je vous résume ici les 9 qualités faisant la différence :

Arrivé ici, normalement vous n’avez rien compris de ce tableau, c’est pourquoi nous allons le redescendre ensemble :

1) les bons webdesigners décorent, les super webdesigner communiquent :

La citation de Saint-Exupéry est vraiment bien trouvée : "Vous savez que vous avez atteint la perfection dans un design, non pas quand vous n’avez plus rien à ajouter, mais lorsque vous ne pouvez plus rien retirer (de ce design)"

Prenons le cas des pages 7 et 8 du pdf : La page 7 présente un site en noir et blanc, qui soit, peut parait austère au premier abord, mais qui au final fait ce qu’on lui demande, les zones sont bien définies, il n’y a pas d’ambiguïté possible, et bien que cette bichromie soit choquante, il n’en reste pas moins que ce site respecte une logique qui est mise en avant.

Le site présente sur la page 8, bien que très coloré, est fouilli, beaucoup de texte, aucune différenciation logique entre les blocs, c’est une espèce de soupe colorée, très flashy mais qui au final désoriente l’internaute.

2) les bons webdesigners pensent que moins il y en a, mieux c’est ; les super webdesigners pensent qu’il faut trouver un équilibre

3) les bons webdesigners règlent des soucis ; les super webdesigners font en sorte que ce soucis n’arrivent pas

Regardez l’image à la page 18 du pdf. On y montre un bombardier ainsi que les principales zones d’impact... Selon vous, où faut il renforcer le blindage ? Là où il y al eplus d’impact bien sur ! Et bien en design web c’est la même chose , je m’explique...

Imaginons que l’internaute doive s’inscrire à un service proposé sur votre site, ou remplir son panier, qui sont des étapes cruciales pour vos objectifs, et bien il faut "blinder" ce formulaire au sens où il faut que tout soit clair et cohérent afin que l’internaute ne fasse pas d’erreur ou n’abandonne pas en cours de route.

C’est ce qu’illustre le formulaire de la page 19 : les grandes zones du formulaire sont distinctes, tout est expliquée de façon claire et concise...

4) les bons webdesigners sont inspirés par un genre ; les super webdesigners puisent leurs inspirations de toute part

5) les bons webdesigners font du macro design ; les super webdesigners font du micro design

Les bons webdesigners réalisent leurs design à partir d"un vue d’ensemble, globale

6) les bons webdesigners de bonnes polices de caractères ; les super webdesigners utilisent de bons éléments typographiques

Par delà les polices de caractères adaptées à la problématique, le "super" webdesigner utilisent des puces, des icônes, des boutons , séparation, etc adaptées. cf page 34 du pdf

7) les bons webdesigners considèrent les texte comme du simple contenu ; les super webdesigners font en sorte que le texte fasse partie intégrante du menu

Sur la page 40 du pdf, il y a 2 fois le meme contenu, mais présenté différemment. Le second s’impose face au premier, parce que le texte, par sa couleur, sa taille et sa typographie, permet de hiérarchiser le contenu et facilite sa lecture.

8) les bons webdesigners travaillent au coup par coup ; les super webdesigners font en sorte que ça s’adapte quel que soit le contexte

Un bon design est à l’épreuve des balles ! Prenons par exemple le cas du site de microformat, ce deisgn passé en chinois , pas de souci de taille de texte, pas besoin de refaire le design, les zones s’adaptent...

9) les bons designent à nouveau ; les super webdesigners réjusent en fonction des besoins

Le terme "redesign" met en avant le coté essentiellement esthétique du renouveau.

A l’inverse, un réajustement ne remet pas en cause le design de façon fondamentale (on gros on ne refait pas tout), mais correspond à des modifications subtiles permettant de mieux coller aux attentes actuelles des utilisateurs du site...

Afin de mieux saisir la nuance, je vous invite à consulter des exemples de réjustement de site internet en page 40 du pdf.