refonte ux
11/01/2022

Refonte UX pour un site web : les outils à utiliser

Internet évolue de jour en jour à une vitesse remarquable. Le nombre d’utilisateurs augmente, les contenus aussi. Il peut arriver un moment où vous remarquez que votre site web n’atteint plus les objectifs que vous aviez précédemment fixés car votre interface n’est pas à jour techniquement parlant. Une question se pose alors: comment améliorer mon site web ?

 

Parlons alors de la refonte UX !

QU’EST-CE QU’UNE REFONTE UX ?

Une refonte UX est une démarche qui permet d’améliorer et d’optimiser l’utilisabilité d’un site web dans le but d’offrir une meilleure expérience aux utilisateurs. Elle consiste à effectuer des changements de l’interface web, que ce soit l’aspect graphique ou le parcours UX, dans le but de mieux répondre aux attentes des utilisateurs. 

QUELLES SONT LES DIFFÉRENTES ÉTAPES POUR UNE REFONTE UX RÉUSSIE ?

Étudiez en détail l’ancien site internet

 

La recherche UX

 

La recherche UX est l’étape phare de tout projet UX.

 

Procéder au changement de votre site web n’est pas si simple. Il faut tout d’abord étudier en détail ses performances actuelles. Avant de pouvoir proposer une interface qui répond aux attentes et aux besoins de vos utilisateurs, il faut en apprendre plus sur eux, les comprendre et les connaître parfaitement. Grâce à différentes méthodes, vous avez la possibilité d’observer le comportement de vos utilisateurs lorsqu’ils naviguent sur votre page, à l’aide de heatmaps par exemple. 

 

Une heatmap aussi appelée carte de chaleur vous permet d’observer les zones les plus actives de votre site à l’aide d’un code couleur allant du bleu au rouge. 

En étudiant de près le comportement des visiteurs, cet audit vous indiquera les fonctionnalités qui marchent et celles qui sont à améliorer.

 

La recherche UX se fait aussi à travers des enquêtes qualitatives auprès des utilisateurs, vous permettant ainsi de mieux comprendre leurs comportements et leurs choix et donc répondre à leur besoin.

 

Lire cet article pour en savoir plus : Quels outils utiliser pour réaliser une recherche UX performante ?

Le benchmark (l’étude de la concurrence)

Il n’est pas facile aujourd’hui de faire confiance à une marque en tant que client. En effet, de nombreuses marques n’ont pas tenu leurs promesses et ne répondent donc pas aux attentes des clients.

 

Avant de débuter la refonte d’un site web pour un client, il faut discerner et comprendre les attributs de sa marque. Avec ces informations, vous pourrez aboutir à des solutions appropriées.

 

C’est quoi les attributs d’une marque ? Et bien ce sont les caractéristiques descriptives d’un client. Ils peuvent provenir naturellement d’une base de clients, mais ce sont généralement les entreprises qui les identifient et les développent.

 

Les attributs c’est un peu comme la personnalité d’un client. Il faut apprendre à les cultiver. 

 

Vous pouvez identifier les attributs de votre marque par différentes méthodes  comme un brainstorming avec les parties prenantes et/ou des enquêtes par exemple.

 

Une fois, les attributs identifiés, vous devez pouvoir répondre à ces 5 questions :

 

  • Qui sommes-nous?
  • Que faisons-nous?
  • Comment le faisons-nous?
  • Qu’allez vous ressentir lorsque nous le ferons?
  • Qu’est-ce que cela vous apportera? 

 

Le domaine du digital évolue sans cesse et très rapidement, vous obligeant alors à être prêt à tout changement.  Il est de nos jours primordiale de suivre constamment les nouvelles tendances. 

 

Il existe une multitude de raisons pour lesquelles vous souhaitez réaliser une étude de vos concurrents. Pour une raison toute simple: vous n’en avez jamais fait auparavant. Il est toujours bénéfique pour les UX designers de se familiariser avec les méthodes de recherche pour réussir au mieux la conception. 

Il existe donc plusieurs raisons importantes pour lesquelles il est nécessaire de faire une étude de la concurrence

 

  • Pour vous aider à résoudre les problèmes d’utilisabilité de votre interface
  • Pour comprendre où se situe votre produit ou service sur le marché actuel
  • Pour éclairer le processus de conception
  • Pour connaître les forces et les faiblesses de vos concurrents
  • Pour disposer d’éléments fiables afin d’apporter des modifications au produit
  • Pour concentrer vos efforts sur un marché cible

 

Par conséquent, une analyse de la concurrence permet aux UX designers de découvrir s’il existe des failles sur le marché. Par exemple, grâce à vos recherches, vous pouvez découvrir une fonctionnalité que les produits de vos concurrents ne possèdent pas. Vous pouvez les combler en développant votre produit ou service en conséquence.

 

Lorsque vous recherchez des points communs, il est bon de retenir les actions que les utilisateurs sont amenés à effectuer, ainsi que le parcours de l’utilisateur des services concurrents, et de voir s’ils correspondent à ce que vous proposez. 

 

Prenons l’exemple de SWOT. C’est une méthode de planification stratégique basée sur quatre éléments : forces, faiblesses, opportunités et menaces. SWOT vous aide à évaluer les facteurs internes (forces et faiblesses) et externes (opportunités et menaces) qui ont un impact sur votre interface ou vos décisions pour la conception.

 

Le SWOT est souvent utilisé dans la planification stratégique pour aider à identifier un avantage concurrentiel potentiel. C’est une méthode populaire dans l’analyse concurrentielle de l’UX car elle permet de révéler rapidement les problèmes liés à l’interface et de déterminer un plan d’action.

Le cahier des charges

Ce document fournit des informations sur un produit, telles que les objectifs à atteindre, le budget, les délais de livraison,  les détails de conception de l’interface utilisateur (couleurs, styles de caractères et mesures) et les informations (flux, comportements et fonctionnalités), etc. Il détaille les informations de chaque partie du projet afin de suivre son avancement étape par étape.

La construction des personas

Le persona est un outil simple pour créer votre produit en imaginant un utilisateur cible spécifique plutôt qu’un utilisateur générique. Il s’agit d’une représentation des données réelles du public cible, recueillies lors d’une recherche préalable, telle qu’un entretien avec un utilisateur.

 

La première étape consiste à examiner les données recueillies lors de la phase de découverte, plus précisément lors des entretiens avec les utilisateurs. Retenez les idées essentielles dont les problèmes surtout. N’oubliez pas qu’un persona doit toujours refléter les objectifs de votre entreprise. Connaître les besoins des utilisateurs et de l’entreprise est indispensable pour créer un persona réussi.

 

Une fois que vous disposez des données à analyser, il est temps d’identifier les tendances et de comprendre les différents groupes de personnes.

 

Vos personas doivent répondre à deux questions : 

 

  • Quel est l’objectif de cet utilisateur ? 
  • Quels sont ses besoins ? Comment y répondre ?

 

La construction de personas vous aidera donc à trouver les solutions adaptées à vos utilisateurs en vous mettant le plus possible dans leur peau.

Construisez la nouvelle version de votre site

Une fois le bilan bouclé, maintenant à l’aide de toutes les données récoltées il est tant d’améliorer votre interface. 

 

User stories et parcours utilisateurs 

 

Une user story est une histoire très courte – d’une phrase environ fournie généralement par un client pour transmettre ce qu’il aimerait du produit final. En général, voici le modèle utilisé: « En tant qu’utilisateur, j’ai besoin de (besoin) afin de (but) ». Le but étant d’avoir le maximum de cas d’utilisation possibles. Cette méthode est utilisée dans les processus de conception pour permettre à un designer d’avoir de l’empathie pour un utilisateur et, à partir de là, de générer des idées qui s’intègrent dans la vie de l’utilisateur.

 

Elles peuvent être utilisées en plus des personas ou intégrées à ces derniers. Comprendre à quel point les user stories rapprochent le monde des utilisateurs de la planche à dessin est essentiel pour tout designer dont l’objectif est de mettre au point un produit qui répondra systématiquement aux besoins des utilisateurs.

 

Voici quelques points à retenir lorsque vous essayez les user stories sur une conception d’interface utilisateur :

 

  1. Identifiez un ensemble de user stories avant de faire toute conception visuelle. 

  2. Pour chaque user story voyez si elle peut être décomposée en histoires plus petites et plus spécifiques. 

  3. Ne mettez jamais un élément de conception dans une interface qui n’a pas une user story correspondante. 

 

Les user stories sont des éléments fondamentaux de tout processus de conception. Elles vous aident à comprendre pourquoi certains éléments sont plus importants que les autres.

Plan du site et ses fonctionnalités

Re-élaborer le plan de votre site peut être un outil de planification efficace, tant pour les designers que pour ceux qui ne le sont pas. Il s’agit d’un outil de planification centralisé qui peut aider à organiser et à clarifier le contenu qui doit figurer sur votre site, ainsi qu’à éliminer les pages inutiles. 

 

Tout site web doit donc avoir un objectif et un but. Les sites qui n’en ont pas sont souvent peu ciblés, difficiles à parcourir et offrent une mauvaise expérience aux utilisateurs. 

 

Un plan de site peut vous aider à clarifier les objectifs de votre site avant de commencer à le concevoir ou à en créer le contenu. En décidant exactement ce que vous attendez de votre site et en le cartographiant, vous pouvez vous assurer que chaque partie de votre site va renforcer vos objectifs.

 

Il existe de nombreux outils de création de plans de site qui peuvent vous aider à créer des plans de site visuels à l’instar de FlowMapp  ou mindnode.

 

Un site performant répond donc à plusieurs facteurs : l’UX Design, l’UI Design et le SEO. 

 

  • L’UX Design : Un produit offrant des expériences significatives et pertinentes aux utilisateurs. Cela implique la conception de l’ensemble du processus d’acquisition et d’intégration du produit, y compris les aspects de l’image de marque, du design, de la convivialité et de la fonction.
  • L’UI Design : La couche graphique d’une interface qui se compose des boutons sur lesquels les utilisateurs cliquent, du texte qu’ils lisent, des images, des curseurs, des champs de saisie de texte et de tous les autres éléments avec lesquels l’utilisateur interagit. Cela inclut la disposition de l’écran, les transitions, et les animations de l’interface.
  • Le SEO : Le référencement naturel permet un trafic régulier et durable sur votre site web, il offre ainsi une visibilité sur le long terme et permet de développer rapidement une meilleure image de marque pour votre entreprise. De plus, cela va permettre de renforcer la notoriété de la marque et la confiance des internautes. Il permet également d’offrir un état de pérennité à votre entreprise.

Design graphique et Interface Utilisateur (UI)

Après avoir réalisé toutes ces étapes (nécessaires) décrites un peu plus haut, c’est le moment de  commencer à concevoir. 

 

Avec toutes les informations acquises lors des premières étapes, vous allez pouvoir créer des croquis. C’est plus tard que vous pouvez commencer à développer des maquettes plus solides de vos designs. À ce stade, vous n’avez uniquement des informations sur la mise en page, la structure et l’organisation que vous allez utiliser pour élaborer ce qu’on appelle une maquette filaire ou wireframe; un dessin très sommaire en noir blanc, une ébauche du projet final illustrant certaines fonctionnalités du site web. 

 

Une fois que vous avez défini la structure de base du site web, vous pouvez passer à des maquettes graphiques ou mockup. Elle définit l’aspect visuel du site web. L’UI designer va donc se charger de toute la partie visuelle. 

Le mockup permet généralement au client de valider ou non le rendu final avant qu’il ne soit développé.

Une fois que le client a validé la maquette, elle pourra être développée sous forme de maquette graphique avec un volet interactif. On appelle ça un prototype ou HTML statique. 

 

Une fois que votre site web est prêt, vous devez effectuer plusieurs tests afin de vérifier que tout est conforme et fonctionne correctement. Ces tests vous aideront aussi à repérer de possibles erreurs et failles qui nécessitent une correction. Faites autant de tests que possible pour obtenir le résultat le plus optimal possible. 

Mot de la fin

En tant que spécialiste UX, il est important de faire des recherches approfondies et d’en apprendre le plus possible sur votre concurrence avant de réaliser une refonte UX. Cette étude vous aidera à fournir une meilleure solution de produit. En utilisant l’analyse UX de la concurrence, vous pouvez tirer parti de vos conclusions pour offrir un produit supérieur et qui valorise votre marque.

Un projet ?

Vous avez un projet et vous souhaitez en parler ?
0 articles | 0
Commander
Prix TTC et livraison offerte