WeLink aide les professions libérales et indépendantes à acquérir de nouveaux clients grâce au site du guide du bâtiment. C'est pour ce dernier que j'ai re-travailler la page ci-dessous qui posait des problèmes
Pourquoi cette page ?
C'est la seconde page d'un parcours utilisateur lorsqu'il est à la recherche d'un professionnel du bâtiment sans utiliser la barre de recherche se situant en home page. Cette page pose plusieurs problèmes :
1 - Problème de guidage
Aucun signifiant n'indique à l'utilisateur ce qu'il se passe après avoir cliqué dessus. l'utilisateur n'est pas aiguillé dans sa démarche de recherche de spécialité. Il y a des risques qu'il quitte cette page.
2 - Problème de charge de travail.
Car la liste est non-hiérarchisée, ce qui engendre une densité d'information. Le bas de la page montre simplement une liste de 52 professions non triées, sans aucune logique de hiérarchie. Plus le visiteur passe de temps à rechercher une information, plus il y a de chance qu'il quitte la page.
3 - Problème d'homogénéité.
La page est coupée en deux, avec deux styles différents. Cette page présente 2 codes graphiques différents.
4 - Problème gestion des erreurs
Car certaines spécialités ne mènent vers aucun professionnels. L'utilisateur doit cliquer sur la spécialité pour découvrir un message indiquant qu'il n'y a pas de professionnels pour la spécialité en question, ce qui fait perdre du temps.
5 - Les Critères de Bastien et Scapin .
Selon les critère de Bastien et Scapin, seuls les critères de guidage et d’homogéïnité ont une mauvaises notes. Il existe un problème d’aiguillage de l’utilisateur et un problème d’homogéinité sur la page car elle est coupé en deux. On peut remarquer également un problème de gestion des erreurs car certaines spécialités ne donne pas à des suites.
6 - Persona
Thibaut ”Tout le temps entre 2 feux” Il n’a pas le temps pour s’occuper de travaux,lui-même. Si ses travaux sont complexes Il va rechercher des professionnels spécialisés dans sa région.
7- Hypothèses
Hypothèse 1 : Amener les utilisateurs à effectuer des actions spécifiques : comme choisir la ville ou la région, pourrait résoudre le problème d'incitation et rendre plus compréhensif la page. Hypothèse 2 : Afficher une seule liste hiérarchisée avec le même code graphique sur le haut de l'écran permettrait avec un visuel attrayant permettrait à l'utilisateur de passer moins de temps à rechercher une information. Hypothèse 3 : Afficher sur cette page les spécialités pour lesquelles il n'y a pas de professionnels et les spécialités pour lesquelles il n'y a pas de professionnels, permettrait de ne pas faire perdre du temps à l'utilisateur.
1 - Dans cette maquette, je résous le problème de guidage car j'amène les utilisateurs à effectuer des actions spécifiques, comme choisir la ville. Ainsi, après avoir cliqué, il sait où cette page l'emméne. Il trouvera la spécialité dans sa région. 2 - Je résous le problème de gestion des erreurs en indiquant après cliqué sur le bouton s'il existe des professionnels ou non pour la spécialité en question. 3 - Je résous le problème de d'homogéinété en ne coupant pas la page en deux avec deux codes graphiques différents, le code graphique est le même pour toutes les spécialités. 4 - Je hiérarchise l'information (les spécialités) par ordre alphabétique pour que l'utilisateur ne perdre pas du temps à chercher.
N'ayant pas eu le temps de faire le test du wireframe, j'explique qu'elle serait ma démarche si ce projet devait se concrétiser : Dans un premier temps, je ferai un test utilisateur pour voir comment réagi un utilisateur face à ce wireframe. Quel est son ressenti ? Trouve t'il plus facilement la spécialité chercher ? Dans un second temps, je regarderais une carte thermique Hotjar. Où se déplace t'il sur l'écran ? Quelles sont les boutons les plus cliqués ? Quel est le taux de rebond ? Dans un troisème temps, j'entammerai un design et un développement plus poussé jusqu'au MVP de la page.