Le Journal d'UX
L'actualité UX,
au-dessus de la ligne de flottaison.
Wiki UX Empty state (*État vide*)

Empty state (*État vide*)

Composant
Définition

Écran ou zone d'interface affiché lorsqu'aucune donnée n'est disponible. L'empty state se déclenche dans plusieurs contextes : premier usage, résultat de recherche vide, liste vidée par l'utilisateur, erreur de chargement. Il remplace le vide par un message qui explique la situation et propose une action. Un empty state bien conçu transforme un moment de confusion en opportunité d'engagement. Sans lui, l'utilisateur voit un écran blanc et pense que l'application est cassée.

En pratique

Chaque écran qui affiche des données dynamiques doit avoir son empty state défini. Le message adapte son ton au contexte : encourageant pour un premier usage, informatif pour une recherche vide. Un bouton d'action principal guide l'utilisateur vers l'étape suivante. Les empty states de premier usage sont des outils d'onboarding déguisés. Les tester avec des utilisateurs novices révèle souvent des formulations confuses.

Exemple

Notion affiche un empty state différent pour chaque type de page. Une base de données vide propose immédiatement d'ajouter une ligne, avec un texte minimal et un raccourci clavier visible.

Voir aussi
Design émotionnel (*Emotional Design*)
Feedback
Micro-interaction
Onboarding
Sources
The Role of Empty States in User Onboarding - UX Collective
Designing Empty States - Invision
Le Journal d'UX est un média indépendant sur l'expérience utilisateur. Liens curatés, wiki UX en français, communauté.