1km à pied

UX/UI Design
Captures d'écran du projet 1km à pied
Client
1km à pied
type de projet
UX/UI Design
année
2023
Qualités mises en oeuvre
  1. Travail en équipe
  2. Ateliers collaboratifs UX
  3. Prototypage

L'objectif principal de ce projet était de rendre la plateforme plus attrayante et plus simple d'utilisation pour inciter les utilisateurs à agir et les fidéliser.

Contexte

"1km à pied" se trouvait dans une impasse car trouvait que le taux d'engagement des utilisateurs était trop faible par rapport à leurs objectifs. L'équipe avait conscience que la plateforme n'était pas assez simple d'utilisation ni assez attrayante, ce qui influençait négativement le comportement des utilisateurs. C'est pourquoi ils ont fait appel à nous.

Problématique

Comment augmenter l'attractivité et la simplicité d'utilisation de la plateforme pour inciter les utilisateurs à s'engager et rester fidèles ?

Objectifs

- Fidéliser les clients en démontrant l'impact concret de leurs actions sur la réduction des déplacements domicile-travail. - Inciter les employés à adopter des modes de transport durables (vélo, covoiturage, transports en commun). - Encourager les échanges de postes pour réduire les distances parcourues. - Réduire le taux de rebond sur les pages et augmenter le taux de conversion pour le lancement d'un plan de mobilité par utilisateur connecté.

Challenges

  • Augmenter le nombre
    d'utilisateurs
  • Augmenter le taux d'engagement
    des utilisateurs
  • Proposer un design plus
    moderne et plus attrayant

Audit UX

Une fois l'outil et le brief en main, l'analyse des différents éléments a pu commencé. Les différents éléments analysés dépendent surtout de la demande du client et de ce qu'il souhaite voir comme changements. Une première analyse globale est effectuée pour comprendre l'esprit et le contexte du projet puis ensuite une analyse plus précise des éléments suivants a été faite : - Détail et analyse du parcours utilisateur en se référant aux critères ergonomiques de Bastien & Scapin - Analyse des points de friction (pain points) - Cohérence des éléments site et hors site - Analyse de l'application mobile (contenu, ergonomie,…) - La prise de contact est-elle simple ? - Et plus...
Analyse parcours utilisateur
Cette étape-là a aidé à relever tous les points qui empêchaient une bonne ergonomie et de les trier dès le départ par domaine d'expertise. Par exemple ici : - Navigation : liens non cliquables,… - Lisibilité : trop d'informations,… - Wording : contenu non professionnel,… - Visuels : icônes mal choisis,…

Pain points

En même temps que l'analyse du parcours utilisateur, il était important d'établir une liste des pain points. Quels sont les problèmes rencontrés par les utilisateurs lors de leur navigation ? L'idée ici est de mettre nos premières idées en collaboration pour en ressortir le meilleur par la suite. Nous gardons ensuite ce qui est le plus cohérent, puis on améliore et développe les idées en groupe.

Analyse présence sur le web

1km à pied n’est pas disponible sur les réseaux sociaux à part LinkedIn. Nous avions relevé que les informations qui sont disponibles sont cohérentes avec celles du site. Les posts sur les réseaux sont impactants car ils montrent des événements réels et de vrais résultats. Il y a directement les bonnes informations sur Google, il n’y a pas d’autres sites qui n’ont rien à voir qui apparaissent. Les avis, même si peu nombreux, sont très bons et donne tout de suite un premier sentiment de confiance. Leur présence sur le web était donc globalement positive.

Analyse de la performance

Afin d'optimiser l'engagement des utilisateurs ainsi que leur fidélité, nous avons procédé à l'analyse de l'application mobile d'1km à pied, qui doit être un tremplin non négligeable pour l'implication des utilisateurs. Bon à savoir : 53% du temps, les visiteurs quittent une page si elle met plus de 3 secondes à charger. À noter : Le temps de chargement de l’application est raisonnable et il y a un contrôle des erreurs lors de l’identification de l’utilisateur. Passons maintenant à L'ERGONOMIE : l’application est-elle responsive et la mise en page est-elle propre et adaptée à un usage mobile ? --> La plateforme 1km à pied n’est pas DU TOUT responsive mais il n’est pas attendu que les utilisateurs se connectent et lisent les diagnostics sur leurs téléphones, il faut néanmoins la rendre responsive car si jamais un utilisateur le souhaite, il est impossible de lire les données sur le téléphone. Cela va clairement entraîner une baisse l'intérêt et de l'engagement de l'utilisateur. Il est maintenant impensable de nos jours de ne pas avoir de solutions responsives, au moins un minimum. Maintenant passons au contenu : le texte est-il lisible ? Il n’y a pas de problème de lisibilité du texte, seulement un problème de densité d’informations qui est importante, ce qui peut impacter la lisibilité ensuite. La navigation est-elle fluide et intuitive ? La navigation sur la plateforme n’est PAS fluide NI intuitive, il y a un problème d’arborescence et de navigation globale. L’utilisateur peut vite être perdu et ne sait pas où il se trouve sur la plateforme ni où aller, tout ceci entraînant bien sûr son désintérêt et donc amenant à sa déconnexion --> en résumé, tout ce que l'on souhaite éviter. Cette analyse de la performance nous a permis de mettre en avant le fait qu'il y a un réel travail à effectuer sur la navigation et même le guidage des utilisateurs en général.
Analyse des concurrents
Avant chaque analyse UX, il est toujours important d'aller voir ce que font les concurrents et se poser certaines questions. Sont-ils meilleurs en ergonomie ? Ont-ils un design plus attrayant ? Ont-ils plus de clients ? Plus de taux d'engagement ? Etc. C'est ce que nous avons fait pour les concurrents d'1km à pied. Ici, notre analyse comparative nous as menés à la conclusion que ces éléments manquaient fortement à l'interface et l'expérience utilisateur : - Un menu OPTIMISÉ - De la gamification pour MOTIVER - Un feedback direct pour les utilisateurs - Plus de guidage, de contrôle et de personnalisation pour les utilisateurs - Un wording rassurant

Analyse UX

Grâce à l'audit nous avons pu constaté plusieurs points négatifs : - La plateforme manque de cohérence et d'ergonomie. - Les CTA ne sont pas à la bonne taille ni à la place attendue. - Les choix en termes de design et d’ergonomie choisis pour la plateforme sont déroutants pour l’utilisateur. - Les éléments du menu ne sont pas assez clairs, il n’y a pas de fil d’Ariane ni d’indicateur changeant selon les actions de l’utilisateur. - L'ensemble n'est pas assez intuitif. - Il n’y a aucun moyen de prise de contact via l’outil de travail. L’utilisateur est donc obligé de chercher le site sur internet afin d’avoir un numéro de téléphone et/ou de les contacter par mail. Cela entraîne différents problèmes : --> Des utilisateurs qui ne se connectent pas souvent sur la plateforme, et qui ne lancent pas les plans de mobilités qui leur sont conseillés. --> Perte de temps, de ressources et d’argent pour les deux parties du contrat. Pour pallier à cela nous élaborons déjà des premières idées: - Mettre une section “contact” sur la plateforme que l’on attend à trouver à côté du profil de l’utilisateur et d’y ajouter un numéro de téléphone et un email. - Une FAQ afin de rassurer l’utilisateur. Cela le mettra en confiance et lui permettra de savoir que si jamais il a un problème quelqu’un de qualifié sera là pour l’aider. - Mettre en place un système de compte utilisateur, de notifications et de gratification pour l’accomplissement des tâches.

Restructuration de l'outil

Suite aux premières analyses, nous avons procédé à une première restructuration de l'outil afin d'optimiser le parcours utilisateur qui ne l'était pas jusqu'à maintenant. Nous avons effectué aussi la restructuration des users flows pour une optimisation en collaboratif. Le but principal était de rendre la plateforme beaucoup plus claire mais aussi et surtout intuitive, chose qu'elle n'était pas.
Questionnaires
Après avoir revu et analysé la structure de l'outil ainsi que son ergonomie, c'était le moment de se pencher sur les utilisateurs et leurs besoins. L'élaboration de questionnaires est une étape importante dans le processus de compréhension des utilisateurs, ils permettent généralement de mettre en lumière leurs besoins. Cela permet ensuite de créer des personas et de comprendre leurs attentes et exigences et de matérialiser tout ça. On peut aussi définir encore plus clairement les problèmes à résoudre (notre principal objectif) en élaborant d'autres process comme par exemple des jobs to be done, une empathy map, ce que l'on a fait ici.

Empathy map

Le but de l'empathy map est de mettre en avant les besoins, les pensées, les sentiments et les comportements des utilisateurs pour pouvoir les comprendre et les synthétiser. C'est un outil qui peut s'avérer très puissant dans une analyse UX et dans ce cas-là, elle nous a permis de bien structurer les besoins des utilisateurs et d'établir les personas sereinement sans marge d'erreur.

Jobs to be done

Les Jobs to be Done nous ont permis de mettre en avant et comprendre les tâches fondamentales que les utilisateurs cherchent à accomplir ainsi que les objectifs qu'ils souhaitent atteindre en utilisant le produit (1km à pied). Nous avons pu : - Nous focaliser sur les objectifs de l'utilisateur (pouvoir engager des actions facilement, naviguer aisément, avoir un visuel sur l'état d'avancement des plans mobilité,…) - Trouver d'autres moyens d'améliorer le produit (faciliter l'intégration de fiches utilisateurs,…)

Personas

Grâce à ces analyses préalables et aux données fournies par le client, nous avons pu comprendre les utilisateurs, leurs besoins, attentes et exigences et ainsi établir des personas reflétant au maximum la réalité. Cela s'avère très utile pour matérialiser les besoins, et pouvoir produire des maquettes et une solution encore plus impactantes.

Conclusion analyse

Grâce à cet audit et cette analyse complets, nous avons pu clairement mettre le doigt sur ce qui freinait le client à atteindre ses objectifs. - Nous nous retrouvons avec des utilisateurs qui ne se connectent pas souvent sur la plateforme, et qui ne lancent pas les plans de mobilités qui leur sont conseillés. - Cela est une perte de temps, de ressources et d’argent pour les deux parties du contrat. C’est grâce à tous les process détaillés précédemment que des solutions pertinentes et pleines de sens ont pu être mises en place. La solution principale étant : Mettre en place un système de compte utilisateur, de notifications et de gratification pour l’accomplissement des tâches.

Solutions

Design System

Création du design system qui sera mis en application dans la maquette finale. Le choix des typographies, couleurs et symboles est primordial pour rester dans l'esprit de marque du client et garder une certaine cohérence.

UI Design

Page d'accueil personnalisée de la personne connectée, avec tous ses plans d'actions en cours. Menu à gauche et dashboard au centre.
Elle retrouve ensuite ses plans de mobilité en cours, qu'elle peut commencer, continuer ou relancer. Elle voit l'avancement du plan à l'aide d'une jauge. Elle peut en créer de nouveaux.
Après avoir décidé de continuer le plan de lancement vélo, elle remplit les étapes tout en étant guidée grâce à un fil d'Ariane, mais aussi une jauge qui permet de voir facilement l'avancement et où elle en est. Il y a du guidage ainsi que du feedback immédiat.
Et enfin, la personne a accès au(x) diagnostic(s) complet(s) et détaillé(s) de son entreprise par rapport aux plans mis en place. Elle peut naviguer à travers les différentes sections grâce aux onglets et tous les chiffres sont illustrés afin de faciliter la lisibilité et la compréhension, critères qui sont, bien entendu, très importants et attendus dans une solution ergonomique.

Autres projets

Je serais ravie de faire votre connaissance et de collaborer avec vous alors n'hésitez pas à me contacter. 

Merci! Votre message a bien été envoyé. Vous recevrez une réponse en moins de 24h.
Oops! Something went wrong while submitting the form.