Etape 4

Prototypes

Nos propres fonctionnalités

Avec le résultat de ces audits, nous avons sélectionné 3 fonctionnalités au choix et avons essayé de les représenter sous forme de croquis (2 ou 3 versions par fonctionnalités). Nous avons fini par choisir les versions qui nous semblaient les plus pertinentes.

Catégories de recherche : Si au début, j'avais opté uniquement pour des checkbox et un drop-down, j'ai fini par mettre en place également des boutons radio et un champ de texte. J'ai finalement supprimé les checkbox qui n'étaient plus pertinentes avec mon interface de recherche.
Timeline : J'ai choisi la timeline graduée car celle-ci permet à l'utiliser de placer son curseur plus facilement
Filtres : Dans un premier temps, j'avais choisi les filtres à 3 couleurs. Mais après avoir réalisé des User-Journey (que vous pouvez voir plus loin), j'ai opté pour des filtres simples car ceux-ci sont plus intuitifs.

Croquis 1 : Catégories de recherche

Croquis 2 : Timeline

Croquis 3 : Filtres

Comparaison

Disposition

Nous avons également réfléchi à comment les disposer dans notre prototype. J’ai personnellement réalisé le mien sur format papier puis sur figma.

Papier

Figma

User-journey

J’ai ensuite réalisé 3 user-journey.

Exemple de user-journey

Ils m’ont permis d’améliorer mon prototype 5 fois. J'ai pu y corrigé l'UI des filtres, y ajouter un tri par date et des critères de recherche en plus, rendre la barre de recherche accessible directement sur l'accueil, avoir des icones plus pertinentes ainsi qu'un meilleur agencement des éléments dans l'interface de recherche.

1ère version
2ème version
3ème version
4ème version
5ème version

Version finale

Après la création d’un 6ème prototype contenant plus d’écrans afin d'avoir une expérience utilisateur plus fluide, j’ai réalisé un test utilisateur et l'ai analysé afin de voir si je pouvais l’améliorer davantage.

Vidéo du test utilisateur

Ce test utilisateur s’est déroulé sans accro. La personne testée a apprécié la clarté de l’interface et la présence de couleur de contraste lors de la sélection de filtres. Ce test me permis de valider ce 6ème prototype.

C’est après ces 4 améliorations que se fini cet atelier. N’hésitez pas à regarder le cheminement des membres de mon groupe !