Blog

A quoi sert le design web ?

A quoi sert le design dans le web ? Cette question pourrait sembler naïve. Cependant, il me semble intéressant d’essayer d’y répondre car l’idée que l’on se fait du design se limite trop souvent autour de considérations esthétiques.

webdesign-design-site-web_685x360

Introduction
Je ne parlerai dans cet article que du design web. Tout le monde, et c’est bien normal, ne possède pas de connaissances approfondies du design graphique et n’a pas forcément acquis une culture visuelle pointue. C’est pourquoi bien souvent, le design est perçu par la majorité des gens comme un simple acte de décoration. L’appréciation du travail du designer se concentre alors autour d’un seul critère : la beauté. Les néophytes se posent généralement l’unique question  : « Est-ce que c’est jolie ? » et les commentaires se limitent trop souvent autour de remarques subjectives du style « je n’aime pas, il y a quelque chose qui me gène, et puis le jaune me fait trop penser au site de La Poste ».

Juger un design web en ne prenant en compte que l’aspect esthétique est une démarche trop simpliste et périlleuse. Rien ne vous garantit que vos préférences esthétiques (couleurs …) feront l’unanimité auprès de vos utilisateurs. Faites vous un site uniquement pour satisfaire vos goûts personnels ou pour communiquer avec l’ensemble de vos internautes tout en leur offrant une bonne utilisabilité ? Nous savons tous que « les gouts et les couleurs » sont basés sur des considérations qui nous sont propres et sont donc aussi variables qu’il existe d’individus. Le philosophe, historien et économiste David Hume, au XVIIIe siècle, a écrit : « La beauté n’est pas une qualité inhérente aux choses elles-mêmes, elle existe seulement dans l’esprit qui la contemple, et chaque esprit perçoit une beauté différente ». Obtenir un accord unanime sur ce seul critère est donc une utopie, et c’est « tant mieux » car que serait la diversité de notre environnement si nous aimions tous les mêmes choses ?

Cependant, pour chaque individu, s’ajoutent des facteurs culturelles, sociologiques, historiques et philosophiques qui enrichissent et complexifient l’idée que chacun se fait de la notion de beauté.

Pour rappel, voici une définition de la beauté trouvée sur Wikipédia :
Le beau est communément défini comme la caractéristique d’une chose qui au travers d’une expérience sensorielle (perception) procure une sensation de plaisir ou un sentiment de satisfaction ; en ce sens, la beauté provient par exemple de manifestations telles que la forme, l’aspect visuel, le mouvement, le son, la saveur, l’odeur.

On voit à travers cette définition à quel point la notion de beauté peut être abstraite et dépendre aussi de la perception d’un individu.

On peut aussi penser que la notion de beauté s’apprend. Je pense que notre sensibilité au beau se développe avec ce que l’on a l’habitude de voir. C’est l’une des raisons pour laquelle on trouve de la beauté dans la nature. En effet, n’est ce pas l’environnement dans lequel l’homme a évolué depuis son origine. De même les critères de beauté féminine du 21 ème siècle, ne sont ils pas dictés et acceptés par le biais d’un matraquage publicitaire dont nous faisons l’objet quotidiennement ? Il y a donc aussi une forme d’éducation à la beauté par imprégnation. Les artistes, les designers, les publicitaires, les photographes, les créateurs ont donc une responsabilité importante et jouent un rôle non négligeable dans cette éducation à la beauté.

Bref, la beauté est un concept complexe et abstrait. Il n’est pas évident que NOTRE perception de la beauté soit partagée par l’ensemble des individus. C’est la raison pour laquelle il est important de ne pas prendre l’esthétisme comme unique critère de jugement dans l’appréciation d’un design web.

Les fonctions du design dans le web
Qu’est ce qu’un bon design web et qu’est ce qu’un mauvais design web? Pour en juger il faut connaitre les fonctions réelles et les objectifs du design web (cependant pour avoir une première idée de ce qu’est un mauvais design web, allez faire un tour sur MySpace ou SkyBlog). Il faut également prendre conscience qu’un site web est à la fois une interface, un ensemble d’informations et un visuel que le design va s’efforcer d’optimiser à travers l’utilisation de différentes techniques et une démarche créative.

Voici une liste non exhaustive des fonctions principales du design dans le web :

Faciliter l’utilisation de l’interface web :
Les sites internet sont des interfaces. L’utilisateur manipule des éléments interactifs qui déclenchent des changements. Je clique sur l’item d’un menu, la page initiale disparait pour laisser place à une autre page de contenu. Cette interactivité doit être pensée de manière à ce qu’elle soit le plus compréhensible possible. Cette reflexion est généralement prise en charge par les ergonomes avec une collaboration des graphistes.

En effet l’ergonomie et le graphisme sont des disciplines complémentaires qui peuvent collaborer pour améliorer l’expérience utilisateur.

Alors que l’ergonome va imaginer la façon la plus simple et la plus évidente de proposer une fonctionnalité, le graphiste va amplifier ce concept en favorisant graphiquement la suggestivité de l’utilité d’un élément. Le design peut donc être un élément déterminant pour améliorer l’affordance d’un objet ou d’une fonctionnalité.

Mettre en valeur l’information :
Un site web est un support qui permet d’afficher de l’information sous forme de divers contenus (texte, image, son, vidéo …). Le design web à donc aussi pour rôle de designer cette information pour la rendre la plus lisible et compréhensible possible. Pour y parvenir, il est nécessaire de trier, classer et organiser ce contenu. C’est le rôle de l’architecture d’information. Le designer interviendra également dans l’organisation de l’information, la hiérarchisation, la mise en place de relations entre des ensembles de contenu ou au contraire pour les distinguer. Alors que l’architecture d’information interviendra sur l’organisation physique et spatiale du site, le designer organisera le contenu par des procédés graphiques comme l’alignement, le respect des principes de la Gestalt …

Mettre en place une esthétique :
Oui, l’esthétisme joue aussi un rôle important. Nous avons vue dans la définition de la beauté que celle-ci procurait une sensation de plaisir à travers les sens. Un web design esthétique procure donc une certaine satisfaction à l’internaute ce qui améliore son expérience et sa perception du site.

L’esthétisme d’un site ne s’obtient pas uniquement par le choix d’une palette chromatique. L’harmonie, l’équilibre, les espaces améliorent également la beauté d’un site, tout comme la cohérence, la hiérarchisation, le choix pertinent d’images et d’illustrations de qualités, la typographie etc.

Ce qui est donc important de retenir, c’est qu’un bon design web ne se base pas uniquement sur des critères esthétiques mais avant tout d’efficacité. Un design web efficace organise des éléments graphiques qui communiquent une information à un groupe de personnes ciblé. Pour cela, le design web utilise un langage visuel dont je reparlerai dans de prochains articles.

Communiquer :
Créer/refléter une identité
Toute entité (publique, associative, privé …) a besoin de se construire une identité propre pour exister, être reconnu et se distinguer des autres.

Une identité permet également de fédérer un ensemble d’individus (collaborateurs, clients, prospects, partenaires …) qui se reconnaissent dans l’image et les valeurs que renvois cette identité.

Une identité bien définie améliore la crédibilité d’une entité et développe son capital confiance auprès des individus.

Un design web doit refléter l’identité d’une entité si celle-ci est déjà définie dans d’autres supports de communication. C’est souvent le cas lorsqu’une entreprise décide de mettre en place un site vitrine ou de e-commerce par exemple.

Dans d’autres cas, le design web devra créer une identité neuve : site pour annoncer un évènement ou le lancement d’un nouveau produit … Il s’agira alors d’étudier attentivement la concurrence pour trouver les éléments de distinction qui permettront au design web d’élaborer une identité unique et originale. L’identité pourra également transmettre une ambiance, des valeurs ou un message.

Offrir une expérience sensorielle, émotionnelle
Un design web est une composition subtile de photographies, d’illustrations, de couleurs, une ambiance, une atmosphère, des métaphores… bref tout un langage graphique non verbal qui procure des sensations visuelles, voir auditives. Tous ces éléments peuvent faire ressurgir, chez le visiteur, des souvenirs, des émotions et des sensations lui permettant de (re-)vivre une expérience particulière qui fera qu’il adhèrera ou pas à l’univers qu’on lui propose.

Ce type d’expérience est particulièrement mis en avant sur des sites de type « lancement de produits » ou des sites de grandes marques qui souhaitent obtenir l’adhésion d’une certaine cible d’internautes par identification à un univers et aux valeurs qu’il transmet.

Apporter de la valeur ajouté au contenu
Le contenu texte d’un site peut être renforcé par des illustrations, des photographies, des schémas, des pictogrammes. Parfois une seule illustration peut exprimer ce que le texte n’arriverait pas à exprimer avec une centaine mots. Chacun sait à quel point la concision est importante sur le média web, le confort de lecture étant moindre que sur support papier. Dans ce contexte, le langage non verbal du design web apporte donc une valeur ajouté précieuse. Cependant souvenez-vous que le design web n’est pas du maquillage et par conséquent ne pourra pas masquer un mauvais texte ou un mauvais contenu.

Professionnaliser l’image
L’être humain est sensible à l’apparence visuelle des choses. Dans un design web, la qualité, la cohérence graphique, la finition, une interface bien structurée transmettront indéniablement une impression positive à votre site, un sentiment de fiabilité. Le ressenti de l’internaute se fera dès les premières secondes, non pas sur la base du contenu (le texte, les fonctionnalités) mais du contenant (le design web). Ainsi, la fiabilité de la forme (le contenant) aura un impact immédiat sur la fiabilité du fond (le contenu). Soigner le design web pour transmettre une image professionnelle rassurera l’internaute et captera sa confiance.

Traduire une stratégie marketing : le message
Etablir une stratégie marketing permet de pérenniser les ventes en se différenciant de la concurrence, en répondant aux besoins des consommateurs, en innovant. A partir de cette stratégie marketing, une marque où une entreprise définie donc un message que le design doit communiquer clairement.

Le message, tel que nous l’entendons ici doit répondre à la question : « Qu’est ce que je propose comme bénéfice à ma cible ? »

Pour répondre à cette question, le message doit décrire les avantages de votre offre (produits, services), avantages qui correspondent aux attentes de la cible. Le message doit également étayer les arguments qui justifient les avantages promis. Il peut s’agir de la description des caractéristiques distinctes du produit ou du service.

Par exemple, l’argumentaire d’un message publicitaire est souvent construit à partir de trois éléments :

  • Des éléments informatifs : De quoi s’agit-il ? Quel est la valeur ajoutée du produit, du service ?
  • Un stimuli affectif : humour, décalage, érotisme, imaginaire, rêve, questionnement, choque … Le stimuli affectif éveille l’intérêt de la cible, joue un rôle de séduction et établie un ancrage dans la mémoire. (C’est sous cette forme que la publicité nous manipule).
  • Un engagement à l’action : incitation à appeler un numéro de téléphone, à remplir un formulaire, à visiter un magasin, à acheter un produit …

Le design va fédérer tous les éléments du message et créer une tonalité graphique en adéquation avec ce message.

Le design est donc un outil de communication pour :

  • Attirer l’attention et réveiller notre interêt.
  • Mettre en exergue un message particulier et le distinguer des autres parmi une multitude d’informations.
  • Rendre le message plus percutant, plus efficace, plus mémorable.
  • Réaliser la meilleure communication possible avec les éléments dont ont dispose.

Conclusion
Nous avons vue qu’il était réducteur de considérer le design web uniquement sous un angle esthétique. Le design web doit être évalué sur un éventail plus large de critères pour en apprécier la pertinence. Pour en faire prendre conscience aux commanditaires, il revient au graphiste d’expliquer que le design web se soucis davantage des besoins et du profil de l’auditeur, de la cible, que de ses préférences et de ses goûts personnels (Attention, ce message n’est pas forcément facile à faire passer, apprendre à communiquer fait aussi partie du métier de designer web). Le graphiste a également tout intérêt à expliquer sa démarche créative au client pour le convaincre de la pertinence de ses choix. Enfin le graphiste doit avoir une écoute active du client afin d’apporter une réponse adéquat à ses besoins.

Il faut également comprendre qu’un site se design différemment selon sa stratégie et ses objectifs. Un site institutionnel à vocation informative ne sera pas abordé de la même manière sur le plan du design web qu’un site mis en place pour le lancement d’un produit de marque destiné à une population « fashion ».

Pour conclure, un design web réussi ne suffit pas pour faire le succès d’un site. Celui-ci s’obtient en réunissant plusieurs disciplines que sont par exemple, outre le design, l’ergonomie, l’architecture d’information, la pertinence du contenu, la performance de la bande passante, le référencement, le marketing …

Sources et autres liens :
Article de Vincent Bénard sur les archives de site Veblog : A quoi sert le graphisme sur un site web