Aller au contenu
← Toutes les missions

Les écrans,et leurs états.

Un écran d’application se dessine quatre fois : vide, en cours de chargement, rempli, en erreur. Les trois derniers manquent presque toujours à la maquette, et ce sont eux qui font la moitié du travail d’intégration.

AgentÀ la fin

Les écrans du produit, avec leurs états vide, chargé et en

Les composants déclarés et réutilisés, plutôt que recopiés

Le prototype cliquable des parcours principaux

Les contrastes vérifiés, et les libellés aux longueurs rée

Comment ça se passe.

  1. L’inventaire des écrans, et de leurs états

    Chaque écran avec son état vide (le premier que verra un utilisateur), son état chargé, son état d’erreur et ce qu’il dit alors.

  2. Les composants avant les pages

    Un tableau, un formulaire, une carte, une barre d’outils : dessinés une fois, déclarés comme composants, réutilisés. Sinon la quinzième page diverge.

  3. Les parcours, cliquables

    Les écrans reliés entre eux, pour que l’on juge l’enchaînement et pas seulement les pixels. Un parcours se juge en cliquant.

  4. Les mesures qui comptent

    Densité d’information, longueur des libellés réels, contrastes. Un tableau beau avec trois lignes et illisible avec trois cents n’est pas un tableau.

Ce que vous recevez à la fin

Les écrans du produit, avec leurs états vide, chargé et en erreur

Les composants déclarés et réutilisés, plutôt que recopiés

Le prototype cliquable des parcours principaux

Les contrastes vérifiés, et les libellés aux longueurs réelles

Questions fréquentes

Tableaux de bord, formulaires, parcours : les écrans d’un produit, avec leurs états vides, chargés, en erreur — ceux qu’on oublie et qu’on livre quand même.

Une autre question ? Écrivez-nous →

Pourquoi insister sur l’état vide ?

Parce que c’est le premier écran de chaque utilisateur, et le plus souvent oublié. Un tableau vide qui ne dit ni ce qu’il attend ni comment le remplir se lit comme une panne.

Faut-il dessiner tous les écrans ?

Non. Les écrans structurants et un exemplaire de chaque motif. Le reste se déduit, et se corrige en recette sur l’application réelle, ce qui est plus rapide que de maquetter trente variantes.

Les contrastes sont-ils vérifiés ?

Ils se mesurent, et le Studio sait le faire sur la vraie palette plutôt qu’à l’œil. Un texte gris clair sur fond clair passe tous les goûts et aucun contrôle.

Votre prochaine mission,
dans Nexus.