Tomme skærme er nemme at glemme, fordi designere normalt arbejder med eksempeldata. I det rigtige produkt møder hver ny bruger dem først, så de former det første indtryk mere end næsten enhver anden skærm.
Der er fire almindelige typer. Tomme tilstande for første gang vises, før personen har oprettet noget. Brugerryddede tilstande vises, når de har afsluttet eller slettet alt, såsom en tom opgaveliste. Ingen resultater vises efter en søgning eller et filter. Og fejl- eller ingen adgangstilstande vises, når data slet ikke kan vises.
Hver type har brug for forskellige ord. En førstegangstilstand skal forklare, hvad skærmen er til for og invitere til den første handling: "Ingen projekter endnu. Opret dit første projekt." En tilstand uden resultat bør hjælpe folk med at komme sig: Vis, hvad de søgte efter, og tilbyde at rydde filtre. En ryddet tilstand kan være et lille øjeblik af belønning.
Visuals er valgfrit. En lille illustration eller en blid animation kan få skærmen til at føles venlig, og en animeret figur kan guide en førstegangsbruger. Hold det let, sørg for, at handlingen er den mest synlige ting, og stol ikke på, at billedet forklarer tilstanden.
Hvis du vil have en venlig animeret karakter til en tom tilstand, har ExodeUI, som vi laver, et gratis bibliotek af interaktive maskotter, der kører som ExodeUI-filer og reagerer på input.