Tomme skjermer er lett å glemme fordi designere vanligvis jobber med eksempeldata. I det virkelige produktet møter hver ny bruker dem først, så de former førsteinntrykket mer enn nesten noen annen skjerm.
Det er fire vanlige typer. Tomme tilstander for første gang vises før personen har opprettet noe. Brukerklarerte tilstander vises etter at de har fullført eller slettet alt, for eksempel en tom gjøremålsliste. Ingen resultater vises etter et søk eller filter. Og feil eller ingen tilgang vises når data ikke kan vises i det hele tatt.
Hver type trenger forskjellige ord. En førstegangstilstand bør forklare hva skjermen er til for og invitere til den første handlingen: "Ingen prosjekter ennå. Lag ditt første prosjekt." En tilstand uten resultat bør hjelpe folk til å komme seg: Vis hva de søkte etter og tilby å fjerne filtre. En klarert tilstand kan være et lite øyeblikk av belønning.
Visuelle bilder er valgfrie. En liten illustrasjon eller en mild animasjon kan få skjermen til å føles vennlig, og en animert karakter kan veilede en førstegangsbruker. Hold det lett, sørg for at handlingen er den mest synlige tingen, og ikke stol på bildet for å forklare tilstanden.
Hvis du vil ha en vennlig animert karakter for en tom tilstand, har ExodeUI, som vi lager, et gratis bibliotek med interaktive maskoter som kjører som ExodeUI-filer og reagerer på input.