Marie Bourdon

Designer digital & Designer cartonniste

✆ 06 11 45 70 81

✉ bourdon.marie31@gmail.com

Annuaire de ballades

Penser une page web pour trouver et partager des parcours selon un moyen de déplacement (ici, le vélo à assistance électrique).

Commanditaire

Exercice dans la cadre d’un cour d’UX (user experience > expérience utilisateur)

Cibles

Toutes personnes qui se déplacent en vélo à assistance électrique (VAE) et qui aiment découvrir et / ou partager de nouvelles ballades.

Maquette de la page annuaire
Maquette du site Déplacements urbain
Persona
Persona de la cible

Production

Réalisation d’un persona, d’un parcours utilisateur, d’un zoning, d’un wireframe, d’une maquette et d’un test utilisateur.

Fiche technique

Logiciels utilisés : 
– Indesign
– Figma
– OBS Studio

Difficulté : 
Faire une page web la plus simple possible pour que tout le monde la comprenne et qu’elle soit simple d’utilisation.

Démarche :
1 – Discuter avec des utilisateurs de VAE pour réaliser un persona et mieux connaître sa cible.

2 – Réaliser un parcours utilisateur en essayant de se mettre à la place de l’utilisateur.

3 – Faire un zoning de la page web pour poser rapidement les différents éléments qui composeront la page.

4 – Affiner, le contenu et la taille des éléments en créant un wireframe de la page.

5 – Faire une maquette de la page (version proche de ce que sera la page web)

6 – Tester la maquette auprès des utilisateurs pour l’améliorer.
Ici, réalisation du test Guerilla.




Suite au test Guerilla, points à améliorer :
Le filtre « km » sensé représenter un rayon autour du lieu est confondu avec les kilomètres de la ballade.
> Peut-être changer « km » par « Rayon ».
> Ou garder la notion de Km de la ballade qui parait plus pertinente auprès des utilisateurs que la notion de « rayon », « périmètre » et mettre un champ Km de la ballade.

Les chiffres 1,2,3 … des filtres niveau et note des usagers, prêtes à confusion.
> Pour le filtre niveau, privilégier les termes :
– Facile
– Moyen
– Difficile
> Pour le filtre note des usagers privilégier les termes :
– Assez bien
– Moyennement bien
– Bien
-Très bien
– Excellent

Les pictogrammes de niveau ne parlent pas assez.
> Peut-être rajouter 1,2 ou 3 au centre des pictogrammes ou les termes facile, moyen, difficile.

– Manque d’un filtre dénivelé
> Rajouter un filtre dénivelé. Ce filtre permettrait aux usagers de mieux choisir une ballade selon leur niveau réel.

– Un lien non-fonctionnel qui change de couleur au survol induit en erreur l’utilisateur.
> Éviter de mettre un changement d’état au survol si le lien n’est pas fonctionnel.

– Le bouton intitulé « partager un circuit » prêtes à confusion et est parfois interprété comme un bouton permettant de transmettre à quelqu’un une ballade qu’on vient de trouver sur le site.
> L’intitulé « Proposer une ballade » serait peut-être plus compréhensible.

Extraits du test Guerilla (réalisé avec OBS Studio)

Mise en situation : recherche d’une ballade
Questionnement sur les chiffres du filtre « Niveau »
Questionnement sur le filtre « Km »
Outil utilisé pour un test utilisateur
Interface d’OBS Studio

<

>