C’est quoi, le design web ?

Beaucoup de professionnels et amateurs d’arts graphiques se qualifient assez légèrement de designers web. Cela me fait parfois sourire, et quand je pose la question : le design web c’est quoi ? Invariablement, la réponse est la définition du design d’interface web.

Non, le design web n’est pas la création d’interfaces web

Vous savez quoi ? Le design web n’est pas qu’au sujet de l’interface, en fait l’interface est la finalité du processus du design web.

Même Wikipedia en Français a commis cette erreur :

La création et la conception de site web ou web design est la conception de l’interface web : l’architecture interactionnelle, l’organisation des pages, l’arborescence et la navigation dans un site web. La conception d’un design web tient compte des contraintes spécifiques du support Internet, notamment en termes d’ergonomie, d’utilisabilité et d’accessibilité.

Et même, le blog du web design dans son effort de décomposer le mot design web, est resté assez incomplet, en définissant le mot par lui-même :

Le webdesign consiste donc à transmettre de l’information sur le support internet. Pour cela il doit remplir plusieurs objectifs.

Et quand on va plus loin dans cet article, on se rend compte qu’il met beaucoup d’emphase sur l’apparence esthétique du produit final : l’interface.

Ce qui est toutefois louable dans ce deuxième article (parmi les plus pertinents retrouvés en Français sur les deux premières pages des résultats de recherche Google), c’est qu’il a mentionné l’expérience utilisateur, l’ergonomie et la valeur ajoutée. De bonnes pistes.

Nos confrères anglophones ont mieux compris le design web

Je ne dis pas que je suis à 100% d’accord avec la définition de Wikipedia en Anglais, toutefois l’approche est meilleure :

Web design encompasses many different skills and disciplines in the production and maintenance of websites. The different areas of web design include web graphic design; interface design; authoring, including standardised code and proprietary software; user experience design; and search engine optimization.

Le design web englobe plusieurs compétences et disciplines différentes dans la production et la maintenance des sites web. Les différents domaines incluent le design graphique pour le web, le design d’interface, la création de contenu, incluant du code standardisé et des logiciels propriétaires ; le design d’expérience utilisateur, et l’optimisation pour les moteurs de recherche.

Dans sa définition, Business Dictionnary dit du design web qu’il :

Décrit les tâches de design de pages Web pilotées par HTML à afficher sur le World Wide Web. Le design web englobe un certain nombre d’éléments importants, notamment la couleur, la mise en page et l’apparence graphique globale. Les designers web considèrent l’audience, la fonction et le trafic du site dans des sections spécifiques lorsqu’ils décident des créations.

J’aime bien l’aspect « les tâches de design », car il renvoie à un processus. Parce que c’est ce qu’est le design, un processus ; et un outil de résolution de problème.

Une lueur d’espoir venant du Canada

treefrog, une agence digitale du Canada me met du baume au coeur avec son approche :

Le design est le processus de collecte d’idées, d’organisation et de mise en œuvre esthétiques, guidé par certains principes dans un but précis. Le design Web est un processus de création similaire, avec l’intention de présenter le contenu sur des pages Web électroniques, auxquelles les utilisateurs finaux peuvent accéder via Internet à l’aide d’un navigateur Web.

Tous les éléments s’y retrouvent : processus, principes, but, contenu, création, utilisateurs et web.

Le design centré sur l’utilisateur

Nous ne pouvons parler de design web sans parler des principes du design centré sur l’utilisateur qui est la fondation sur laquelle est bâtie la grande partie des disciplines nécessaires à l’existence du design web.

L’origine des principes du design centré sur l’utilisateur

Beaucoup de principes du design centré sur l’utilisateur sont basés sur la compréhension de la manière dont les utilisateurs pensent (réfléchissent) et prennent des décisions, quel genre de choses influencent ou inhibent la prise de décision, et comment les utilisateurs évaluent les options et la pertinence ou la signification de l’information.

Cette compréhension provient de deux sciences : la science cognitive – l’étude de la manière dont les humains pensent – ; et l’interaction homme-machine – l’étude de la manière dont les humains se servent des ordinateurs.

On doit cette façon de penser à Donald Norman !

Vous pouvez voir l’intégralité de ce TED Talk avec des sous-titres et des transcriptions en 30 langues.

Le design centré sur l’utilisateur en bref

L’UCD est une approche de design itérative qui vise à développer une compréhension des besoins des utilisateurs, en faisant ainsi un mélange de méthodes et d’outils d’investigation (par exemple, enquêtes et interviews) et génératifs (brainstorming, par exemple).

Fondamentalement, l’UCD implique fortement les utilisateurs dans toutes les phases de design et d’évaluation. En général, chaque itération de l’approche UCD implique quatre phases distinctes.

1. Tout d’abord, les designers tentent de comprendre le contexte dans lequel un système peut être utilisé.
2. Par la suite, les exigences des utilisateurs sont spécifiées.
3. Une phase de design suit.
4. Suivie d’une phase d’évaluation.

Les résultats de l’évaluation sont appréciés en fonction du contexte et des exigences des utilisateurs afin de vérifier le bon fonctionnement d’un design, à savoir s’il est proche d’un niveau correspondant au contexte spécifique des utilisateurs et satisfait tous leurs besoins pertinents.

De là, d’autres itérations de ces quatre phases sont faites, jusqu’à ce que les résultats de l’évaluation soient satisfaisants.

L’autre grand concept du design web : le design UX

Le design de l’expérience utilisateur ou design UX est le processus visant à améliorer la satisfaction des utilisateurs en améliorant l’utilisabilité, l’accessibilité et le plaisir procurés par l’interaction entre l’utilisateur et un produit ou un service ! Cette définition de Blind est assez satisfaisante.

On peut aussi dire dans un contexte marketing que le marketing fait la promesse et l’UX se charge de tenir la promesse.

Le design UX est aussi au sujet de trouver les valeurs partagées entre les besoins de l’entreprise et les besoins des utilisateurs.

Pour bien comprendre le design UX, il est important de connaître les cinq disciplines principales qui le régissent, car techniquement, l’expérience utilisateur est un ensemble de disciplines :

1. L’architecture de l’information connecte les gens au contenu d’une manière plus compréhensible pour eux.
2. Le design d’interaction traite des interactions spécifiques entre les utilisateurs et un écran (en se basant sur les principes de l’Interaction Homme-Machine).
3. L’utilisabilité traite du fait de s’appuyer sur des données pour déterminer le bien-fondé des décisions de design. Elle est définie par la norme ISO 9241-11:1998.
4. Le prototypage peut être défini comme la création d’une version préliminaire à partir de laquelle les autres formes sont développées.
5. Le design visuel porte sur l’utilisation de l’aspect visuel d’un produit pour en améliorer l’expérience utilisateur.

Le web designer, plus qu’un pixel pusher !

Aujourd’hui, ce qui est attendu d’un designer web c’est d’avoir un maximum de connaissances transversales allant du branding, au design graphique, en passant par le marketing, la programmation et le design UX.

Vous comprenez peut-être un peu mieux pourquoi je souris à chaque fois que quelqu’un se présente comme designer web ?

En savoir un peu sur ce que font les autres membres de l’équipe peut faire toute la différence lorsque vous faites du design. Car il faut le rappeler, un bon design ne se fait pas tout seul en vase clos.

La familiarité avec leurs tâches vous aide non seulement à comprendre les contraintes auxquelles ils sont soumis, mais elle améliore également l’efficacité tout au long du processus. En d’autres termes, devenir T-shaped est une quête valable.

En substance, un designer T-shaped est quelqu’un qui a une connaissance approfondie et spécifique dans son domaine (représenté par la racine verticale dans un «T» majuscule), ainsi qu’un certain niveau d’expérience dans de nombreux domaines liés au sien (représentés par une barre horizontale plus courte sur le dessus).

Ce qu’il faut retenir

Ce qu’il faudra retenir de cet article est que le design web n’est pas que le design d’interface web (qui en réalité est la pointe de l’iceberg).

Ensuite que le design est un processus, ainsi en est-il du design web qui est régit par deux grands principes : l’UCD et l’UX.

Enfin, il faudra retenir qu’il faut plus que des compétences en design graphique ou en design d’intéraction uniquement pour être qualifié de designer web, il faut aller chercher du côté du marketing, du branding ou encore de la programmation, bref, être T-shaped !