Lucas Pradon's profile

Améliorer un site web

Contexte
Projets OpenClassrooms n°5 et n°9, juil - août 2021 et mars 2022, Paris
Proposition de projet
Réaliser une analyse du site ebooking.com à l'aide d'une évaluation heuristique et de tests utilisateurs pour améliorer son ergonomie, puis concevoir un MVP (Minimum Viable Product) contenant les fonctionnalités indispensables définies en ateliers pour faire évoluer le service.
Challenge
Comment détecter les problèmes d'usabilité et trouver des propositions d'amélioration d'un site ?
Comment définir les fonctionnalités indispensables pour améliorer le site et organiser sa conception ?
Objectifs clés
Définir les pistes d'amélioration du site en évaluant les différents parcours d'un point de vue UX, via tests d'usabilité, puis veille et benchmark de sites similaires.
Organisation d'ateliers pour définir les fonctionnalités indispensables au site, les objectifs à réaliser et leur mesure, puis concevoir une nouvelle version fonctionnelle dans le but d'être constamment testée et améliorée.
Rôle : UX Designer
Outils : Google Sheets, Miro, Figma, Trello
Timeline : 2 mois (juil - août 2021 et mars 2022)
Design Process
1️⃣ Améliorer l'ergonomie du site
📋 Evaluation Heuristique
🤳 Tests d'usabilité
🃏 Tri des cartes
🔎 Analyse et benchmark
2️⃣ Faire évoluer le service
🧠 Ateliers collaboratifs (hypothèses)
📱 Conception du MVP
🤳 Tests du MVP
💡 Enseignements
📆 Roadmap projet
Améliorer l'ergonomie du site
Evaluation heuristique
Après avoir parcouru le site et identifié des pistes d'améliorations de manière objective, j'ai identifié les différents parcours utilisateurs et écrans à évaluer pour pouvoir ensuite procéder à son évaluation heuristique. Grâce aux heuristiques de Nielsen, j'ai pu observer différents points des parcours (positifs, gênants et bloquants) et donc avoir une idée des éléments pouvant impacter l'expérience utilisateur sur le site.
Tests d'usabilité
J'ai ensuite procédé à 5 tests utilisateurs en suivant ces mêmes parcours pour analyser leur expérience, confirmer ou non les problèmes analysés au préalable ou identifier de nouveaux problèmes. 
L'utilisateur n'arrive pas à retourner sur la page d'accueil depuis la page de paiement
Tri des cartes (organisation des éléments du site)
Afin d'agencer les éléments et fonctionnalités du site, j'ai ensuite organisé un tri des cartes avec 3 participants. Le but de cet exercice était de définir et classer les menus, pages et contenus de manière à ce que le site corresponde à l'attente et au besoin des utilisateurs.
Analyse et benchmark
J'ai alors restitué toutes les informations obtenues dans un document de synthèse afin de pouvoir partager les éléments de recherche et recommandations de modifications du site. Pour compléter ce document, j'ai également analysé les bonnes pratiques de sites similaires que j'ai comparé à ebooking.com.
Comparaison de la page d'accueil - ebooking.com vs hotels.com
Takeaway de l'audit
Faire évoluer le service
Ateliers collaboratifs (Définition et priorisation des hypothèses)
Pour définir les hypothèses qui ont servies à établir les fonctionnalités du MVP, j'ai d'abord organisé un atelier collaboratif avec des participants représentant l'équipe du site. Après avoir défini leur vision produit, ils ont créé des hypothèses de la forme suivante : "Nous pensons que [cible] rencontre des problèmes avec [problème]. Nous pouvons les aider avec [solution]. Nous saurons si nous allons dans la bonne direction si [mesure]".​​​​​​​
Hypothèses définies par les participants
Les hypothèses ont ensuite été séparées en fonctionnalités puis priorisées grâce à l'aide d'un tableau MoSCoW afin de déterminer les fonctions indispensables (colonne "must") qui seront intégrées au MVP :
- Créer un compte
- Enregistrer sa réservation
- Retrouver sa réservation
- Pouvoir naviguer sur la map
- Voir les prix sur la map
J'ai ensuite regroupé toutes les fonctionnalités similaires en epics puis défini un objectif et résultat clé pour chaque dans un tableau Trello.
Tableau MoSCoW (Must, Should, Could, Won't have)
Un atelier utilisateurs a également été organisé pour confirmer la direction prise et voir si nous étions en accord avec les hypothèses définies.
Conception du MVP
A partir des résultats des ateliers, j'ai procédé à la conception du MVP pour version mobile sur Figma, contenant uniquement les fonctionnalités indispensables au site. J'ai respecté la charte graphique du site actuel et pris en compte les éléments de l'audit précédemment effectué pour améliorer l'ergonomie.
Tests du MVP
J'ai ensuite testé le MVP sous forme de tests informels ou "Guerilla tests" avec des utilisateurs cibles pour m'assurer que les orientation prises dans le MVP aillent dans le bon sens et avoir des retours sur le nouveau site. J'ai défini plusieurs parcours dont j'ai évalué le succès, tout en prenant en compte les retours des participants. J'ai également demandé aux participants de me donner leur NPS (Net Promoter Score) pour chaque version, afin de déterminer à quel point ils seraient susceptible de recommander le produit.
Evaluation du succès des parcours lors des Guerilla tests
Enseignements
Enfin j'ai pu tirer des enseignements des tests : les NPS m'ont permis de voir que le nouveau produit était plus apte à être recommandé (NPS moyen du MVP : 8,7 contre 5,6 pour l'ancien site) et les retours des participants ont validé la plupart des hypothèses. Les certains parcours possédant moins de succès ont mis en lumière l'action à mener pour corriger les problèmes d'utilisation.
Les résultats positifs tirés prouvent que le produit se construit dans la bonne direction.
L'un des problèmes rencontrés lors des tests et sa solution
Roadmap Projet
Pour continuer le projet d'amélioration du site dans la bonne direction, j'ai défini les étapes à suivre dans une roadmap à partir des objectifs et résultats clés de chaque epic et de leur priorisation sur le court terme (3 semaines), moyen terme (trois mois) et long terme (3 trimestres), avec planification de réunions de suivi et de tests utilisateurs.
Etapes de la roadmap
Améliorer un site web
Published:

Owner

Améliorer un site web

Published:

Creative Fields