PICK.
Mon Rôle
UI/UX Designer
Mes Outils
Figma
Le Client
B3 Web Design
La Durée
Rendu le 01/04/2026
Vaincre la fatigue décisionnelle.
Le marché du streaming est aujourd'hui très fragmenté. Les utilisateurs naviguent au quotidien entre plusieurs applications (Netflix, Prime Video, Disney+), ce qui complexifie la recherche. Face à cette surabondance de choix, on subit tous le scroll infini : on passe plus de temps à chercher un programme qu'à le regarder.
Objectifs du Projet
Objectifs Qualitatifs (UX)
- Remplacer la navigation passive par une sélection active en entonnoir.
- Proposer une recommandation unique basée sur des critères émotionnels (Moods).
- Centraliser les Watchlists et la gestion des comptes sur un espace unique.
Objectifs Quantitatifs / Limites
- Réduire le temps de décision de l'utilisateur à moins de 2 minutes.
- Élaborer le prototype interactif complet pour la date de rendu.
- Restreindre le filtrage aux seuls abonnements actifs déclarés par l'utilisateur.
Mon processus de conception.
Je ne me suis pas arrêté à l'esthétique. J'ai structuré ma démarche en deux phases rigoureuses : une phase de recherche utilisateur pour comprendre les freins et une phase d'architecture de l'information pour compresser les flux.
Ciblage & Personas
J'ai identifié trois personas distincts lors de mes recherches : **"L'indécis fatigué"** (Thomas, qui consomme de manière impulsive et souhaite un résultat immédiat), **"L'organisée"** (qui gère son budget et cherche à unifier ses listes de visionnage) et **"Le couple"** (qui doit trouver un accord sans friction).
J'ai également mené des tests utilisateurs sur mes premiers wireframes Mid-Fi. Les retours de ces tests m'ont poussé à corriger deux points de friction importants : j'ai intégré la bande-annonce native sur la fiche finale (pour éviter la frustration du manque d'info) et j'ai rajouté un raccourci direct d'ajout à la Watchlist sur les miniatures des films pour limiter le nombre de clics.
Parcours 1 : L'accès impulsif
Entonnoir d'accès rapide en 1 clic : sélection du Mood sur la Home ➔ Affichage d'une recommandation unique ➔ Redirection directe vers la plateforme.
Parcours 2 : La recherche de compromis
Médiateur d'humeurs en couple : croisement de deux Moods contradictoires (ex: Action + Émotion) sans double connexion de profil complexe.
Parcours 3 : La gestion de l'écosystème
Gestionnaire de Watchlist globale : accès au profil, consultation des films sauvegardés et vérification automatique de la disponibilité.
Logique de Navigation
J'ai conçu une architecture de l'information la plus plate possible pour répondre au besoin d'indécision rapide. En fusionnant la sélection du format, de l'humeur et des plateformes au sein d'une seule étape de filtrage, j'ai limité la charge mentale (Hick's Law) et le nombre d'écrans nécessaires avant le résultat final.
Interfaces Propulsées par l'Usage.
1. La phase fonctionnelle (Wireframes)
Avant de travailler l'aspect visuel sur Figma, j'ai figé la structure sur des wireframes Mid-Fi pour m'assurer que chaque bouton principal et widget est positionné au bon endroit.
Wireframe Home
Wireframe Filtre
Wireframe Film recommandé
Wireframe Mon compte
2. L'intégration visuelle (UI Figma)
Pour la maquette finale, j'ai configuré un Kit UI complet avec un thème sombre (Dark Mode) profond pour reposer les yeux et faire ressortir le visuel des affiches. J'ai rejeté les effets de transparence au profit de fonds opaques pour garantir un contraste optimal et une lisibilité parfaite.
Maquette Home
Maquette Filtre
Maquette Film recommandé
Maquette Mon compte
Accès Instantané & Loi de Fitts
Sur la maquette finale de la page de résultat de film, j'ai choisi de placer les boutons de redirection (« Regarder sur Netflix ») directement sous le lecteur de bande-annonce, au-dessus de la ligne de flottaison. L'œil capte d'abord la vidéo, puis le bouton d'action est disponible immédiatement, limitant l'effort moteur.
Pour le « Mode Couple », j'ai écarté l'idée d'une double connexion de profils lourde. J'ai fait le choix de permettre la sélection simultanée de plusieurs Moods contradictoires directement dans le filtre d'accueil, laissant l'algorithme s'occuper du compromis de manière transparente.
Validation & Indicateurs.
Indicateurs de réussite (KPIs)
Temps de décision divisé par 5
Le fait de proposer une recommandation unique basée sur le Mood immédiat réduit le temps de choix de plus de 10 minutes (scroll passif) à moins de 2 minutes en moyenne.
Expérience Zero-Impasse
Le filtre d'abonnements actifs garantit que tous les films suggérés sont instantanément accessibles sans frais additionnels pour l'utilisateur, éliminant les frustrations.
Validation ergonomique des raccourcis
L'ajout direct de films à la Watchlist globale au survol des cartes miniatures réduit le parcours de 3 clics à 1 clic, validant la pertinence de nos tests d'utilisabilité.
La phase de tests sur maquette a permis d'ajuster l'ergonomie : l'intégration de la bande-annonce native sur la fiche finale a résolu la frustration liée au manque d'information contextuelle, tandis que le bouton d'ajout rapide (+) sur les miniatures a réduit le coût d'interaction de la Watchlist globale.
Le Design est Solide quand la structure est invisible.
Ce projet m'a fait réaliser l'importance cruciale de la phase de recherche et d'architecture de l'information (zoning, wireframes, parcours utilisateurs) en amont. Auparavant, j'avais tendance à me lancer directement dans la création visuelle sur Figma. Ici, j'ai compris que l'esthétique ne fonctionne que si la structure est solide.
La principale difficulté a été l'arbitrage : j'ai dû accepter d'enlever des idées complexes (comme le système de swipe ou la double connexion multi-comptes pour le couple) afin de garder l'interface simple et fidèle à sa promesse d'immédiateté. Ce travail m'a permis de progresser dans ma capacité à justifier mes choix graphiques par de vrais arguments ergonomiques.