Skip to main content
LanguageSvenska
Grunderna4 min läsningoktober 2026

Vad är ett tomt tillstånd i UX?

Kort svar

Ett tomt tillstånd är vad en skärm visar när det inte finns något att visa ännu: en ny inkorg, en tom varukorg, en sökning utan resultat eller en lista rensad med filter. Ett bra tomt tillstånd förklarar varför det är tomt och ger ett tydligt nästa steg, som att skapa det första objektet eller ändra sökningen.

Core Takeaway

  • Typer: första användning, användarrensad, inga resultat och fel eller ingen åtkomst
  • Förklara varför skärmen är tom med vanliga ord
  • Erbjud en tydlig handling som fyller den
  • Håll illustrationen och animationen liten och vänlig, aldrig i vägen för handlingen
  • Skriv olika kopior för varje typ av tomt tillstånd

Tomma skärmar är lätta att glömma eftersom designers vanligtvis arbetar med exempeldata. I den riktiga produkten möter varje ny användare dem först, så de formar det första intrycket mer än nästan någon annan skärm.

Det finns fyra vanliga typer. Tomma tillstånd för första användning visas innan personen har skapat något. Användarrensade tillstånd visas efter att de har avslutat eller tagit bort allt, till exempel en tom att göra-lista. Inga resultat visas efter en sökning eller ett filter. Och tillstånd för fel eller ingen åtkomst visas när data inte kan visas alls.

Varje typ behöver olika ord. Ett tillstånd för första användning bör förklara vad skärmen är till för och bjuda in den första åtgärden: "Inga projekt ännu. Skapa ditt första projekt." Ett tillstånd utan resultat bör hjälpa människor att återhämta sig: visa vad de sökte efter och erbjuda att rensa filter. Ett rensat tillstånd kan vara ett litet ögonblick av belöning.

Visuella bilder är valfria. En liten illustration eller en mild animation kan få skärmen att kännas vänlig, och en animerad karaktär kan vägleda en förstagångsanvändare. Håll det ljust, se till att handlingen är det mest synliga och lita inte på bilden för att förklara tillståndet.

Om du vill ha en vänlig animerad karaktär för ett tomt tillstånd, har ExodeUI, som vi gör, ett gratis bibliotek med interaktiva maskotar som körs som ExodeUI-filer och reagerar på input.

Vanliga frågor

Vad ska ett tomt tillstånd innehålla?

En kort rubrik, en mening som förklarar varför den är tom eller vad skärmen är till för, och en tydlig handling. En illustration är valfri.

Vad är ett nolltillstånd?

Ett annat namn för ett tomt tillstånd, vanligtvis den första användningstypen som visas innan någon har lagt till något innehåll.

Hur utformar man ett tillstånd utan resultat?

Upprepa söktermen, föreslå stavningskorrigeringar eller bredare termer och erbjud dig att rensa filter. Lämna aldrig personen med ett tomt område.

Ska tomma tillstånd animeras?

De kan, om animeringen är liten, inte loopar distraherande och respekterar reducerade rörelseinställningar. Handlingen är viktigare än animationen.

Relaterade guider och exempel

Lägg till en vänlig karaktär på tomma skärmar

Välj bland gratis interaktiva maskotar som reagerar på markören och på tryck, och släpp dem i din app eller webbplats.

Bläddra gratis maskotar
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →