• Passer à la navigation principale
  • Passer au contenu principal
  • Passer au pied de page
Lotin Corp.

Lotin Corp.

Agence de branding. Tout est dans le sens du détail.

  • Services
    • Stratégie
    • Logo & identité visuelle
    • Web & Digital
    • Développement commercial
  • Portfolio
  • Blog
    • Branding
    • Business Systems
    • Persuasion et vente
    • Marketing Digital
    • Design pour founders
    • Méthode hypercréative
    • UX Design
    • Chronique
  • Livres
    • E-books
    • Livres sur Amazon.fr
    • Guides
  • L’agence
  • Contacts
  • PRENEZ RENDEZ-VOUS
Vous êtes ici : Accueil / Design web / C’est quoi, le design web ?

C’est quoi, le design web ?

28 janvier 2023 par Henri Lotin Laisser un commentaire

8 minutes

definition-design-web

Le design web est la spécialisation du design graphique la moins bien comprise. 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.

À TOUS CEUX QUI VEULENT UN BEAU SITE WEB

Vous est-il déjà arrivé de tomber sur le template du site web de vos rêves ? Et qu’après de longues heures de personnalisation vous vous retrouviez avec quelque chose de moche ?

Téléchargez le chapitre gratuit

Tous les e-books gratuits

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.

design web : ux design vs ui design
Illustration UX Design vs UI Design

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.
design web : le processus du design centré sur l'utilisateur, cyclique et itératif !
Le processus du design centré sur l’utilisateur, cyclique et itératif !

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.

(web) designer T-shaped
Exemple de T-shaped Designer, en bref, une licorne !

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).

Apprendre le design web

Il existe un tas de ressources en ligne aujourd’hui pour apprendre le design web. D’autant plus que de nos jours, il n’est pas nécessaire de savoir coder pour réaliser un site web.

Si vous n’êtes pas fâché avec l’Anglais, je vais vous proposer des académies en lignes de certains des outils de design web les plus populaires.

Figma – Learn Design

Vous souhaitez vous lancer dans le design, mais vous ne savez pas par où commencer ? Ces leçons et exercices vous aideront à commencer à designer immédiatement.

Webflow University

Recherchez dans notre bibliothèque des leçons couvrant tout, de la mise en page et de la typographie aux interactions et aux transformations 3D.

Wix Training Academy

Comme tout nouveau logiciel, il peut être difficile à apprendre. Des questions surgissent et vous devez être en mesure de trouver des réponses en un rien de temps. Croyez-le ou non, c’est exactement comme ça que la Wix Training Academy a été lancée.

Si l’Anglais n’est pas trop votre tasse de thé, en dehors de mon livre sur la création de site web, il y a ce guide très complet sur la création de site.

Mon livre, Les étapes de création d’un site web

Voici le fichier d’accompagnement Figma :

Ce qu’il faut retenir sur le design web

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’interaction 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 !

Catégorie(s) : Design web, Profession Tags : définition, définition design web, design web, UCD, ux, web design

À propos Henri Lotin

Brand Strategist & UX/UI Designer autodidacte vivant à Douala, au Cameroun, je suis le directeur de création, le responsable de la stratégie et du marketing digital, mais également le co-fondateur de Lotin Corp. (c'est beaucoup, je sais !?)

Je suis depuis Octobre 2014, le fondateur de Lotin Corp. Academy, où j’enseigne le marketing digital, l’introduction à la communication visuelle, le design web et interactif et les logiciels de PAO.

Souscrivez à notre newsletter

Pour ne rien rater de nos offres, quand nous aurons l’occasion de vous en faire profiter. Et nos articles, une fois par semaine dans votre boîte aux lettres.

Cliquez ici pour vous inscrire

Interactions du lecteur

Laisser un commentaire Annuler la réponse.

Footer

#BrandingAdvocacy

Les frameworks de création de stratégie de marque

Les modèles et les frameworks de création de stratégie de marque semblent être aimés ou détestés par les stratèges ; … [Lire la suite...] à proposLes frameworks de création de stratégie de marque

Plus d'articles de cette catégorie

Catégories

  • 15 Minutes avec
  • Branding
  • Business Systems
  • Chronique
  • Clients
  • Design graphique
  • Design pour founders
  • Design web
  • Etudes de cas
  • Freelance
  • Guides
  • Illustrations
  • Livres
  • Marketing Digital
  • Méthode hypercréative du design
  • Nouvelles
  • Persuasion et vente en business
  • Profession
  • Stratégie
  • Traductions
  • UI Design
  • UX Design
  • Vidéo
  • WordPress

Nos articles récents

  • Les frameworks de création de stratégie de marque
  • Le guide ultime pour créer une stratégie de marque
  • Stratégie de branding : corporative, familiale et produit
  • Un message d’espoir d’un chef d’entreprise à un autre
  • [Livre] Branded Interactions

Adresse et contacts

403, Rue Drouot, Akwa
BP 4468 Douala
contact[at]lotincorp.biz
 +237 673 07 94 08
Lundi à Samedi : 09h00 à 19h00

Copyright © 2008–2023. Lotin Corp.· All Rights Reserved.