Refonte UX : méthodologie, objectifs et étapes clés

Beaucoup de projets appelés « refonte » consistent à changer d'outil ou de charte graphique. La refonte UX pose une autre question : est-ce que les personnes qui utilisent votre site ou votre application réussissent ce qu'elles sont venues faire ? Si la réponse est non, un nouveau socle technique ou une nouvelle palette ne corrigera rien.

Ce guide traite la refonte UX comme une démarche de projet. Il en donne la définition et le périmètre, la compare à la refonte technique et à la refonte UI, puis décrit une méthodologie en six étapes. Pour les fondamentaux de la discipline, lisez d'abord notre guide sur l'UX design.

Refonte UX : définition et périmètre

La définition d'une refonte UX tient en une phrase : reconstruire l'expérience d'utilisation d'un produit numérique à partir des besoins, des tâches et des contraintes observés chez ses utilisateurs. L'UX design, ou conception de l'expérience utilisateur, fournit les méthodes. La refonte en est l'application à un produit déjà en service, avec son historique, ses habitudes et ses données.

Le Nielsen Norman Group décrit l'expérience utilisateur comme l'ensemble des interactions d'une personne avec une entreprise, ses services et ses produits. Cette définition de référence rappelle que l'expérience dépasse l'écran : elle inclut le contenu, les délais, les messages d'erreur et ce qui se passe après un formulaire envoyé.

Ce qu'une refonte UX design inclut

Le périmètre couvre l'architecture de l'information, les parcours client, l'ergonomie des écrans, la formulation des contenus et les états d'interface : chargement, erreur, réussite, absence de données. Il inclut aussi l'accessibilité, encadrée en France par le RGAA et, au niveau international, par les critères WCAG 2.2.

Ce qu'elle n'inclut pas

Une refonte UX ne décide pas du CMS, du framework ou de l'hébergement. Elle peut recommander un changement technique lorsque l'existant bloque un parcours, mais cette décision relève de la refonte technique, traitée dans la section suivante.

Le périmètre se fixe dans un cahier des charges UX. Ce document liste les parcours concernés, les utilisateurs cibles, les contraintes non négociables et les indicateurs de réussite. Notre guide du design de site web détaille les livrables attendus à chaque étape.

Refonte UX et refonte technique : ce qui change

La refonte technique remplace ou modernise le socle : migration de CMS, nouveau framework, réécriture du code, changement d'hébergement. Son déclencheur est interne : dette technique, sécurité, performance, coût de maintenance. La refonte UX part des usages et peut se faire sur le socle existant.

Les deux démarches se confondent souvent parce qu'elles arrivent au même moment. Une migration est l'occasion de revoir les parcours. Le risque est de laisser la technique dicter l'expérience : on reproduit les anciens écrans dans un nouvel outil, et les utilisateurs retrouvent les mêmes blocages avec une autre apparence.

Trois questions pour trancher

Première question : les utilisateurs échouent-ils sur des tâches précises ? Si oui, la refonte UX est prioritaire. Deuxième question : l'équipe technique passe-t-elle son temps à contourner l'outil ? Alors la refonte technique s'impose. Troisième question : les deux réponses sont-elles positives ? Dans ce cas, la refonte UX précède la refonte technique, car elle fixe ce que le nouveau socle doit permettre.

Le tableau suivant résume les différences avec la troisième forme de refonte, la refonte UI, abordée plus loin.

Les objectifs d'une refonte UX : business et usage

Les objectifs d'une refonte UX s'écrivent avant la première maquette. Ils se formulent en deux familles qui doivent se répondre : ce que l'entreprise attend, et ce que l'utilisateur doit réussir. Un objectif sans indicateur observable n'est pas un objectif, c'est un souhait.

Objectifs business

Côté entreprise, la refonte vise en général la conversion sur un parcours précis, la réduction des demandes de support liées à l'interface, la baisse des abandons sur un formulaire ou un tunnel, et la capacité à vendre une offre qui a évolué. Chaque objectif se relie à un parcours client identifiable et à une valeur de départ mesurée.

Objectifs d'usage

Côté utilisateur, on cherche la réussite d'une tâche sans aide extérieure, un temps de complétion raisonnable, une compréhension correcte de l'offre et une reprise possible après une erreur. Ces objectifs se vérifient en test utilisateur, pas dans un tableau de bord.

Parler de ROI UX sans inventer de chiffre

Le ROI UX existe, mais il ne se déduit pas d'un ratio universel. Il se calcule projet par projet, à partir de vos propres données : coût de la refonte d'un côté, écart mesuré sur les indicateurs choisis de l'autre, sur deux périodes comparables. Méfiez-vous des pourcentages de conversion promis avant toute mesure.

Notez les valeurs de référence dans le cahier des charges UX. Sans état initial documenté, la refonte ne pourra jamais prouver ce qu'elle a changé.

Méthodologie de refonte UX en six étapes

La méthodologie de refonte UX décrite ici s'applique à un site vitrine, une boutique ou une application métier. Les étapes gardent le même ordre ; leur durée et leur profondeur varient avec le périmètre. Le principe commun : ne produire un écran qu'après avoir observé un usage, et ne mettre en ligne qu'après avoir testé.

Chaque étape produit un livrable vérifiable, ce qui permet de discuter des décisions sur des faits.

Refonte UX d'une application métier : les spécificités

La refonte UX d'une application métier ne suit pas exactement la logique d'un site marchand. Les utilisateurs sont connus, peu nombreux et captifs : ils utiliseront l'outil quoi qu'il arrive. Le coût d'une mauvaise ergonomie ne se lit pas dans un taux de rebond mais dans les heures perdues, les erreurs de saisie et les contournements par tableur.

Partir du travail réel

L'audit UX commence par l'observation des personnes en situation, à leur poste. On note les doubles saisies, les informations cherchées dans plusieurs écrans, les impressions papier qui compensent l'outil.

Cartographier les tâches avant les écrans

Une application métier concentre des dizaines de fonctions. La refonte les hiérarchise par fréquence et par criticité. Les tâches quotidiennes obtiennent le chemin le plus court ; les tâches rares peuvent rester plus profondes. Cette cartographie devient la colonne vertébrale du cahier des charges UX et évite de redessiner des écrans que personne n'utilise.

Gérer la transition

Changer l'ergonomie d'un outil utilisé chaque jour perturbe des automatismes. Prévoyez des tests avec les utilisateurs les plus expérimentés, une période de coexistence quand c'est possible, et une formation courte centrée sur ce qui change. Les objections en début de déploiement ne sont pas toutes des défauts de conception : distinguez l'habitude perdue du blocage réel, avec des observations.

La refonte UX d'une application métier se combine souvent à une refonte technique, car les outils anciens reposent sur des socles difficiles à faire évoluer. L'ordre reste le même : les parcours cibles d'abord, la technologie ensuite.

Refonte UX vs UI : où tracer la limite

Une refonte UX UI mêle deux disciplines qui se recouvrent sur le terrain mais répondent à des questions distinctes. L'UX décide de ce que l'utilisateur doit pouvoir faire, dans quel ordre et avec quelles informations. L'UI décide de la forme que prennent ces décisions à l'écran : hiérarchie visuelle, composants, couleurs, typographie, états.

La limite en pratique

Un exemple : sur un formulaire de devis, l'UX détermine les champs réellement nécessaires, leur ordre et le message qui suit l'envoi. L'UI rend chaque champ lisible, distingue le bouton principal et indique où corriger une erreur. Si le formulaire demande des informations inutiles, une UI soignée ne réglera pas le problème. Si les champs sont illisibles sur mobile, un parcours bien pensé échouera quand même.

Quand une refonte UI suffit

Une refonte UI seule se justifie quand les parcours sont validés par des tests mais que l'interface manque de cohérence, d'accessibilité ou d'alignement avec la marque. Elle passe alors par un design system, des composants réutilisables et des règles de contraste conformes aux WCAG. Notre guide UX design détaille cette complémentarité entre UX et UI.

Dans une refonte UX complète, l'UI arrive après les wireframes validés. Faire l'inverse conduit à décorer des parcours que l'on n'a pas vérifiés.

Quand faire appel à un consultant ou une agence

Une équipe interne peut mener une refonte UX si elle dispose du temps, d'un accès aux utilisateurs et d'une personne capable de conduire des tests sans biais. Trois situations justifient un appui extérieur.

Le consultant UX

Le consultant intervient sur une mission bornée : audit UX, protocole de tests, animation des sessions, restitution. Il convient quand l'équipe sait produire les écrans mais manque de recul ou de méthode. Notre article sur le consultant UX détaille les livrables et les ordres de grandeur tarifaires à vérifier dans un devis.

L'agence

L'agence prend en charge la chaîne complète, de l'audit à la mise en ligne, avec des designers UX/UI et des développeurs qui travaillent ensemble. Elle convient quand la refonte UX se combine à une refonte technique ou UI, et quand personne en interne ne peut coordonner les trois. Demandez un protocole de test et un plan de mesure avant de parler de résultats.

La montée en compétence interne

Pour une PME qui prévoit des itérations régulières, former une personne en interne évite de repartir de zéro à chaque projet. La formation Design de La Refonte couvre la conception d'interfaces, les maquettes et l'accessibilité pour une équipe non spécialiste.

Quel que soit le choix, le critère de sélection reste le même : le prestataire explique comment il observera les utilisateurs, comment il mesurera les écarts et ce qu'il livrera à chaque étape.