Les écrans vides sont faciles à oublier car les concepteurs travaillent généralement avec des exemples de données. Dans le produit réel, chaque nouvel utilisateur les rencontre en premier, ils façonnent donc la première impression plus que presque n'importe quel autre écran.
Il existe quatre types courants. Les états vides de première utilisation apparaissent avant que la personne n'ait créé quoi que ce soit. Les états effacés par l'utilisateur apparaissent une fois que tout a été terminé ou supprimé, comme une liste de tâches vide. Les états sans résultat apparaissent après une recherche ou un filtre. Et des états d’erreur ou de non-accès apparaissent lorsque les données ne peuvent pas être affichées du tout.
Chaque type nécessite des mots différents. Un état de première utilisation doit expliquer à quoi sert l'écran et inviter à la première action : "Aucun projet pour l'instant. Créez votre premier projet." Un état sans résultat devrait aider les gens à récupérer : montrez ce qu'ils ont recherché et proposez d'effacer les filtres. Un état libéré peut être un petit moment de récompense.
Les visuels sont facultatifs. Une petite illustration ou une animation douce peut rendre l'écran convivial, et un personnage animé peut guider un utilisateur novice. Gardez la lumière, assurez-vous que l’action est la chose la plus visible et ne vous fiez pas à l’image pour expliquer l’état.
Si vous souhaitez un personnage animé convivial pour un état vide, ExodeUI, que nous créons, dispose d'une bibliothèque gratuite de mascottes interactives qui s'exécutent sous forme de fichiers ExodeUI et réagissent aux entrées.