UX DesignerWireframesSaaS2 participants
📱
Dashboard Analytics SaaS — Premiers Indicateurs Clés
Conçois les wireframes d'un dashboard analytics destiné aux utilisateurs d'une startup SaaS en phase de lancement. L'objectif est de permettre à des équipes non techniques de suivre leurs métriques essentielles en un coup d'œil. Ton travail doit poser des bases UX solides : hiérarchie de l'information claire, navigation intuitive et mise en page cohérente.
🎬Le scénario
DataPulse est une jeune startup SaaS B2B qui propose un outil de suivi de performance pour des équipes marketing de PME. Leur produit vient d'entrer en bêta et leur équipe produit a besoin de wireframes fonctionnels pour valider l'architecture de leur dashboard principal avant de passer au design UI. Les utilisateurs cibles sont des responsables marketing de 30 à 45 ans, peu familiers avec les outils analytics complexes.
📦Livrable attendu
- Livrer un fichier Figma partageable contenant 2 écrans de wireframes en basse fidélité (low-fi) :
- la vue principale du dashboard avec au moins 4 blocs de KPIs, un graphique d'évolution et un tableau récapitulatif ;
- un état vide (empty state) du dashboard pour un nouvel utilisateur. Les wireframes doivent être en niveaux de gris, annotés avec des labels décrivant le contenu de chaque zone.
🚧Contraintes
• Utiliser uniquement des niveaux de gris (pas de couleurs, pas d'icônes décoratives). • Format desktop uniquement, résolution 1440 px de large. • Chaque zone doit être annotée (label textuel obligatoire). • Ne pas utiliser de contenu réel : utiliser des placeholders (ex. : « Graphique évolution MRR », « Tableau top 5 campagnes »). • Maximum 2 écrans livrés. • Respecter une grille à 12 colonnes avec gouttières de 24 px.
🎯Critères d'évaluation
Ton travail sera évalué sur les critères suivants.
• Clarté de la hiérarchie visuelle : les KPIs prioritaires sont immédiatement identifiables. • Pertinence des composants choisis par rapport aux besoins d'un utilisateur marketing non technique. • Qualité et précision des annotations. • Cohérence de la mise en page et respect de la grille 12 colonnes. • Pertinence et empathie de l'empty state pour accompagner un nouvel utilisateur.
