BRICO tutos
Le sujet est la réalisation d’un site web responsive permettant de trouver des tutoriels de bricolage.
DATE
- Recherche utilisateur
- Création de personas
- Rédaction du parcours utilisateur
- Enoncé et hypothèse des problèmes
- Création de wireframes
- Création des maquettes
- Création des prototypes
Le problème
L'objectif
Recherche utilisateur
Le manque d’avis et le manque d’informations créé de la frustration chez beaucoup d’utilisateurs.
Le bricolage peut être une source de stress, donc l’objectif est de faciliter les recherches de tutoriel et de fournir un maximum d’informations.
Persona 1
Énoncé du problème :
Lisa est une néophyte en bricolage, qui a besoin de trouver facilement des tutoriels de bricolage, parce qu’elle souhaite aménager son van pour partir en vacances cet été.
User journey map
Objectif :
Trouver facilement un tutoriel de bricolage, qui indique clairement le temps de réalisation des travaux, le coût ainsi que les matériaux nécessaires.
Plan de site
Plan de site pour la conception du site web responsive.
L’objectif est de guider la structure organisationnelle de la conception de chaque écran afin d’assurer une expérience cohérente.
Conceptualisation
Conceptualisation rapide pour trouver des idées sur la façon d’afficher les tutoriels de bricolage sur la page d’accueil.
Affichage des 5 versions différentes, puis de la version finale.
Conceptualisation mobile
Les éléments sont adaptés au changement de dimension d’écran.
Wireframe desktop
Centrée sur la recherche et l’affichage de tutoriels de bricolage.
Wireframe mobile
Centrée sur la recherche et l’affichage de tutoriels de bricolage.
Recherche par la barre de recherche et pas filtres.
Prototype low-fi
Étude d’utilisabilité
Type d'étude
Participants
Durée
Principales conclusions révélées par l’étude d’utilisabilité
Conception des maquettes
Maquettes
Sur la base des informations récoltées lors de l’étude d’utilisabilité, des modifications de conception ont été effectuées notamment la séparation de la barre de recherche des filtres de recherche.
Ajout d’informations sur les difficultés, le prix et le temps pour réaliser les tutoriels.
Ajout d’un carrousel des derniers avis.
Flux utilisateur desktop
Flux utilisateur mobile
Prototype desktop haute fidélité
Prototype mobile haute fidélité
Impact
D’après certains utilisateurs du prototype, le design est clair et aéré, ce qui facilite la compréhension du design.
La recherche par filtre est à améliorer, ainsi que la longueur des explications dans les tutoriels. Il est envisagé de condenser les descriptions dans des onglets pour éviter trop de scroll.