Apprendre / Guides / Le guide de la conception du site web
La différence entre la conception web et la conception sur l'expérience utilisateur
Lorsqu'il s'agit de construire des produits, des sites web ou des applications efficaces, la conception web et la conception sur l'expérience utilisateur devraient se compléter en tant qu'éléments complémentaires d'une même stratégie. Mais il existe des différences nettes entre la façon dont chaque domaine aborde la conception.
Dans ce chapitre de notre Guide de la Conception Web, nous allons nous pencher sur les différences entre la conception web et la conception sur l'expérience utilisateur et souligner les nuances subtiles entre les deux. En comprenant bien comment chaque rôle s'inscrit dans une organisation (et contribue à ses objectifs), vous verrez plus clairement quelles tâches reviennent à l'équipe de conception sur l'expérience utilisateur et lesquelles conviennent mieux à l'équipe de conception web.
Utilisez l'expérience produit pour améliorer votre conception
Utilisez Hotjar pour comprendre comment les utilisateurs réels expérimentent votre produit, votre site web ou votre application, puis améliorez-les pour eux !
Qu'est-ce que la conception web ?
La conception web est le processus de planification, de création et de présentation de la conception front-end du site web. Elle peut englober plusieurs aspects, notamment la mise en page, la production de contenu et la conception graphique.
Au sein d'une organisation, l'objectif de la conception web est de générer la structure et le contenu esthétiquement agréables du site web qui sera présenté à l'utilisateur.
Quelles sont les responsabilités d'un web designer ?
Un web designer (un professionnel qui génère du contenu pour un site web) est responsable de la conception de la mise en page du site web à l'aide de divers systèmes créatifs, techniques et liés aux processus.
Souvent, les web designers travaillent sur le développement du front-end, tandis qu'un développeur web se concentre sur le back-end. Ils s'occupent du processus de création de conceptions statiques comme que les pages de destination, créées spécifiquement pour être rendues et visualisées dans un navigateur web.
La conception web est plus qu'une simple conception graphique. Ces professionnels doivent tenir compte de la fonctionnalité, des contraintes techniques, des tendances numériques et des attentes des utilisateurs (qui changent toutes régulièrement) pour aborder et résoudre les défis de la conception web.
La conception web implique généralement plusieurs composantes visuelles, notamment
La conception graphique
La conceptualisation créative
Le codage front-end
La mise en page web
La production de contenu
L'optimisation des moteurs de recherche (SEO)
La programmation HTML / CSS
Au quotidien, les responsabilités spécifiques d'un web designer dépendent des exigences de son client, de son employeur ou du projet. Ses activités peuvent impliquer de collaborer avec des services comme :
Les équipes produit, pour concevoir le front-end d'un site web en créant des éléments visuels de la marque et des graphiques, et construire des modèles pour rationaliser leur travail
Les équipes marketing et de support client, pour créer du contenu écrit pour des pages et des sections spécifiques du site web
Les équipes de développement, pour coder le front-end d'un site web en HTML, CSS et JavaScript
En ce qui concerne les produits livrables, les web designers sont responsables de projets comme :
Les plans du site
L'inventaire du contenu
Les croquis
Les maquettes à basse et haute fidélité
Qu'est-ce que la conception sur l'expérience utilisateur ?
La conception sur l'expérience utilisateur (UX) est le processus de construction de produits qui sont utiles, faciles et agréables à utiliser pour les utilisateur. L'expérience utilisateur prend en compte toutes les interactions d'un utilisateur avec un produit ou un service et les optimise.
Si la conception web est la catégorie générale, l'expérience utilisateur et l'interface utilisateur (UI) en sont des spécialités.
Au sein d'une organisation, l'objectif de la conception sur l'expérience utilisateur est d'examiner comment un produit, une application ou un site web fait se sentir l'utilisateur, comment une interface se présente et comment il est facile pour l'utilisateur d'atteindre ses objectifs.
Quelles sont les responsabilités d'un UX designer ?
Le travail d'un UX designer commence et se termine avec l'utilisateur. Il est chargé d'examiner le comportement des utilisateurs lorsqu'ils interagissent avec le site, le service ou l'application, et d'optimiser la conception d'un site web pour encourager certains comportements et créer une atmosphère plus propice à ces comportements.
L'expérience utilisateur implique l'itération, où le feedback utilisateur est appliqué à des changements et à des améliorations progressifs au fil du temps. Il s'agit d'un processus qui consiste à proposer des idées et à tester des hypothèses sur la base du feedback utilisateur réel.
Un UX designerprend en compte la manière dont l'expérience est ressentie par l'utilisateur et la facilité avec laquelle il peut atteindre le résultat souhaité. Pour ce faire, il utilise des méthodes d'expérience utilisateur comme la recherche d'utilisateur, l'architecture de l'information, la conception d'interaction, les tests d'utilisabilité et la stratégie de contenu.
Au-delà de l'esthétique du produit, du service ou du site web, les UX designers se concentrent sur l'utilité et la fonctionnalité. Ils peuvent être chargés de :
Déterminer l'architecture de l'information d'un produit numérique
Développer une stratégie basée sur la recherche et les tests utilisateurs
Finaliser le bon modèle d'interaction
Créer des personas par le biais d'enquêtes de l'utilisateur
Créer des prototypes
Tester des prototypes et des expériences utilisateur
Collaborer avec les UI designers pour créer des conceptions attrayantes et utiles
La conception sur l'expérience utilisateur se concentre sur l'utilisateur final, pour comprendre ses habitudes, ses besoins, ses comportements, ses motivations et ses émotions. Il s'agit d'un ensemble de compétences sociales, analytiques et narratives qui implique souvent de travailler sur des tâches comme :
Effectuer des recherches d'utilisateurs et optimiser l'expérience utilisateur
Réaliser des études de marché afin de fixer des objectifs pour le site web et ses pages
Comprendre la psychologie de l'utilisateur
Comprendre la spécification du produit
Créer des personas d'utilisateurs
Concevoir des wireframes et des flux d'utilisateurs
L'objectif est de déterminer la meilleure façon pour l'utilisateur d'interagir avec le produit, d'accomplir des tâches et d'atteindre le résultat escompté de la manière la plus simple et la plus agréable possible pour atteindre la satisfaction client. Les UX designers doivent aussi travailler au sein d'équipes pour répondre aux besoins des parties prenantes impliquées. Cela peut passer par une collaboration transversale avec :
Les équipes produit, pour affiner en permanence l'expérience produit afin qu'elle devienne plus facile pour les utilisateurs au fur et à mesure du développement du produit
Les équipes de développement, pour mettre en œuvre les changements et les optimisations validés qui améliorent l'expérience utilisateur
Les équipes marketing, de support, de conception et d'autres encore, pour partager les données et le feedback utilisateur entre les équipes, collaborer sur les changements importants de conception sur l'expérience utilisateur et garder les autres équipes dans la boucle.
Si on peut leur demander de se plier aux besoins de l'entreprise ou du marketing, les UX designers veillent toujours à ne pas rompre le lien central avec leurs utilisateurs et leurs besoins, en réalisant des projets comme :
Des entretiens de l'utilisateur et des enquêtes
Des personas d'utilisateurs
Des maps de parcours de l'utilisateur
Des scénarios d'utilisation
Des rapports d'analyse
Des croquis
Des wireframes et des prototypes
Conseil de pro: pratiquez la conception sur l'expérience utilisateur réelle en obtenant du feedback de la part d'utilisateurs réels.
Pour prototyper et itérer sur des solutions de conception, vous devez comprendre en profondeur le problème et les personnes pour lesquelles vous concevez.
Parlez à vos utilisateurs, demandez-leur de vous parler de leurs problèmes et de leurs expériences, et utilisez leur feedback direct pour trouver les meilleurs moyens d'interpréter et d'utiliser ces informations afin de proposer des optimisations possibles.
Utilisez le widget Hotjar Feedback pour collecter des informations auprès des utilisateurs à grande échelle et dans leur contexte. Les utilisateurs peuvent :
Évaluer leur niveau de satisfaction
Décrire leur expérience de l'utilisation de certaines pages web et de leurs éléments (images et descriptions de produits, boutons, titres, page de paiement)
Capture d'écran d'un élément de page spécifique
Fournir du contexte et des détails.
Un widget Hotjar Feedback sur le terrain
Quels sont les points communs entre la conception web et la conception sur l'expérience utilisateur ?
La conception d'un produit, d'un service ou d'un site web n'est pas qu'une question d'apparence : c'est aussi une question de fonctionnement.Au-delà des éléments de base de l'image de marque et de la conception web qui rendent un site visuellement attrayant et convaincant, un produit doit toujours être convivial.
Voici quelques aspects de la conception web que l'on retrouve également dans la conception sur l'expérience utilisateur, afin d'illustrer pourquoi l'aspect et la fonctionnalité d'un produit jouent un rôle important dans son succès.
Une affinité pour la résolution de problèmes
La conception web et la conception sur l'expérience utilisateur utilisent toutes deux la résolution de problèmes comme mécanisme pour atteindre des objectifs précis.
Les web designers cherchent à résoudre les problèmes de leurs clients ou de leur employeur. Après avoir identifié le problème, ils conçoivent une solution web et travaillent avec d'autres équipes pour développer et tester le site avant de le publier. Ensuite, ils recueillent le feedback utilisateur et continuent à réitérer la conception après le lancement du site.
Les UX designers cherchent à résoudre les problèmes de leurs utilisateurs. Il s'agit d'un processus itératif similaire de résolution de problèmes qui commence par une recherche sur les utilisateurs : apprendre à connaître les utilisateurs potentiels, quels sont leurs problèmes et comment les résoudre. Ensuite, les UX designers utilisent souvent une approche comme le design thinking pour créer une solution qui réponde aux besoins clés des utilisateurs, et ramener le prototype aux utilisateurs pour tester sa validité ou sa facilité d'utilisation.
Prendre en compte le parcours de l'utilisateur
Les web et UX designers sont tous deux chargés de prendre en compte le parcours de l'utilisateur lors de la création et de la construction du produit.
En fonction du projet, du client ou de l'employeur, chacun de ces rôles peut être responsable de différents aspects du parcours de l'utilisateur. Si la conception web s'occupe de l'apparence du site web, la conception sur l'expérience utilisateur s'intéresse à l'expérience utilisateur avec des éléments précis.
Conseil de pro : Utilisez les enquêtes pour comprendre le parcours de l'utilisateur, sans le perturber.
Les enquêtes sur site apparaissent généralement depuis le bord de la page avec 1 à 3 questions ouvertes. Vous pouvez déclencher des enquêtes sur site pour qu'elles n'apparaissent que sur certaines pages ou après une certaine action, ce qui les rend parfaites pour recueillir du feedback sur des éléments précis de votre produit.
Les enquêtes hors site peuvent être placées sur une page indépendante et sont destinées à des segments d'utilisateurs afin d'obtenir des informations détaillées sur leur expérience. Utilisez les enquêtes hors site pour poser une longue série de questions ouvertes couvrant l'ensemble de l'expérience utilisateur, afin de comprendre le point de vue de l'utilisateur avec ses propres mots.
Exemples de questions ouvertes
La créativité basée sur la conception émotionnelle
La conception émotionnelle (le concept de création de conceptions qui suscitent des émotions se traduisant par des expériences positives pour l'utilisateur) est un élément essentiel de la conception web et de la conception sur l'expérience utilisateur.
Les web designers créent des conceptions qui suscitent des émotions chez les utilisateurs grâce à des éléments de conception visuelle tels que les polices de caractères, l'imagerie et la typographie. Étant donné qu'une grande partie de la prise de décision est basée sur l'émotion et l'instinct, il est logique que la conception d'un site web puisse encourager des comportements qui conduisent à de meilleures conversions et à un taux de rétention plus élevé.
Les UX designers se préoccupent aussi desusciter des émotions chez les utilisateurs tout au long de leur expérience d'utilisation du produit.Ils s'inspirent également beaucoup des principes de la conception graphique, comme la création d'un flux visuel prévisible sur l'écran et le placement des CTA aux bons endroits, tout en tenant compte d'autres préoccupations comme l'interactivité et le timing.
Quelles sont les différences entre la conception web et la conception sur l'expérience utilisateur ?
La conception web et la conception sur l'expérience utilisateur design ne sont pas interchangeables. Il y a des différences marquées entre les deux. Ces trois principes de la conception web et de la conception sur l'expérience utilisateur montrent comment chaque domaine aborde les questions essentielles.
L'objectif principal
Dans la conception web, l'objectif principal est de créer des sites web de qualité pour Internet.Un web designer s'appuie sur la technologie (les dernières versions des langages de codage et des navigateurs web) pour se tenir au courant des spécifications requises pour les conceptions dynamiques et réactives modernes, ainsi que des dernières exigences des navigateurs.
La conception sur l'expérience utilisateur, quant à elle, reste centrée sur les utilisateurs. Les UX designers se concentrent sur la recherche afin de recueillir des informations et d'effectuer des optimisations qui répondent aux besoins spécifiques des utilisateurs. La technologie est toujours impliquée, mais principalement comme un moyen pour les utilisateurs d'obtenir ce dont ils ont besoin. Leur objectif ultime est de répondre aux exigences des utilisateurs, plutôt qu'à celles du navigateur web.
La plateforme
Le domaine de la conception web est strictement lié aux navigateurs web utilisés sur ordinateur et sur mobile.
En revanche, la conception sur l'expérience utilisateur est indépendante de la plateforme et peut s'appliquer à presque tout ce qui repose sur l'interaction humaine (les applications mobiles, les jeux vidéo, les logiciels pour ordinateur et même les espaces de vente au détail).
La stratégie
La conception web n'a pas tendance à adopter la stratégie centrée sur l'humain de la conception sur l'expérience utilisateur. Un web designer peut mettre l'accent sur l'esthétique du site plutôt que sur la façon dont un utilisateur pourrait s'en servir.
C'est particulièrement évident lorsqu'il s'agit de résoudre des problèmes courants, comme des temps de chargement trop longs. Si une page prend trop de temps à charger, un web designer peut compresser les fichiers et ajuster le contenu de la page pour réduire l'excès et économiser la bande passante. Un UX designer se concentrera sur la probabilité qu'un utilisateur rebondisse, et sur la manière d'améliorer l'interactivité et de traiter le temps de chargement sur les pages les plus importantes, avant de s'attaquer au problème sur l'ensemble du site.
La conception sur l'expérience utilisateur se définit par la coordination d'améliorations continues en interagissant avec les utilisateurs, en tirant des enseignements de leurs expériences et en appliquant les connaissances acquises pour construire un meilleur produit. Le processus de conception web n'est pas aussi approfondi et sera, en général, moins itératif.
Comment la conception web et la conception sur l'expérience utilisateur se complètent-elles ?
Supposons qu'une entreprise cherche à concevoir un produit, sans connaître exactement son marché cible (ni savoir comment l'atteindre). Avant de commencer la conception d'un logiciel ou d'un site web, les UX designers et researchers génèrent des personas d'utilisateurs et développent une stratégie pour créer une expérience qui aide les utilisateurs à atteindre leurs objectifs au sein du produit.
Lorsque la conception prend vie, des prototypes interactifs ou de simples wireframes statiques sont créés. Ensuite, des tests d'utilisabilité peuvent être effectués en naviguant dans le prototype et en décidant où faire des évaluations et des ajustements de fonctionnalité.
Le web designer peut alors prendre toutes les informations disponibles sur le produit et la marque (l'aspect, la convivialité et les caractéristiques) et créer un site qui les présente de manière concise et qui introduit les avantages du produit.
Cela peut passer par le rassemblement de captures d'écran, la création de graphiques et d'illustrations, la génération de contenu et de texte pour le site et l'incorporation d'autres ressources visuelles. Leur tâche consiste également à tenir compte de l'aspect et du comportement du site web sur différents appareils et navigateurs, dans le cadre d'une conception réactive et adaptative.
Une fois la conception terminée et avant le lancement, il est temps de procéder à d'autres tests et de prendre des décisions en matière de développement web qui impliquent la manière dont le site web sera codé, l'emplacement des ressources graphiques et des fichiers web, et la manière dont ils seront livrés.
Les prochaines étapes pour réussir votre conception
La façon dont vous intégrez la conception web par rapport à la conception sur l'expérience utilisateur dans votre organisation dépend des besoins, des objectifs et des défis propres à votre entreprise.
Chaque domaine aborde des problèmes différents, mais ils peuvent (et doivent) se compléter pour créer un meilleur produit pour vos utilisateurs.
Utilisez l'expérience produit pour améliorer votre conception
Utilisez Hotjar pour comprendre comment les utilisateurs réels expérimentent votre produit, votre site web ou votre application, puis améliorez-les pour eux !
