Ett empty state, eller tomt tillstånd, är när det inte finns någon data att presentera på skärmen. Detta kan inträffa av flera anledningar, som att användaren precis har registrerat sig, att något har gått fel, eller att användaren har raderat all sin data. Empty states är fyllda med potential att driva engagemang och kan vara särskilt kraftfulla vid första intryck, när något går bra, eller när något går dåligt. Genom att använda empty states effektivt kan du förbättra användarupplevelsen och uppmuntra användarna att vidta åtgärder.
Anatomin hos Empty States
Strukturella Komponenter: Ett väl utformat empty state består av flera element som hjälper till att guida och motivera användaren:
Illustration eller Ikon: En visuellt tilltalande bild som drar användarens uppmärksamhet och gör situationen mindre frustrerande.
Meddelande: En kort och tydlig text som förklarar varför skärmen är tom och vad användaren kan göra härnäst.
Call-to-Action (CTA): En uppmaning till handling som vägleder användaren till nästa steg, till exempel att lägga till data, utforska funktioner eller kontakta support.
Interaktivitet & Flöde: Empty states bör vara utformade för att vara användarvänliga och motivera användaren att interagera med applikationen.
Visuell Feedback: Använd visuella element som färg och grafik för att förmedla tillståndet och uppmuntra till handling.
Contextual Relevance: Meddelandet och CTA bör vara relevant för den specifika situationen och anpassas efter användarens behov.
När man ska använda
Nyregistrering: När en användare precis har registrerat sig och ännu inte har någon data. Det är ett perfekt tillfälle att guida dem genom att ställa in sin profil eller börja använda tjänsten.
Felmeddelanden: När något går fel, till exempel när en sida inte kan laddas eller när en sökning inte ger några resultat. Det är viktigt att ge användaren en väg framåt.
Tomma innehållsytor: När användaren har raderat all sin data eller ännu inte har lagt till något innehåll. Det är en möjlighet att uppmuntra dem att börja lägga till data eller utforska andra funktioner.
Tips för att lyckas med Empty States
Tips 1: Använd engagerande illustrationer: Använd bilder eller ikoner som är visuellt tilltalande och kan fånga användarens uppmärksamhet, samtidigt som de passar med varumärkets stil.
Tips 2: Skriv tydliga och uppmuntrande meddelanden: Meddelandet bör vara kort, koncist och uppmuntrande, och ge användaren en tydlig förståelse av vad som har hänt och vad de kan göra härnäst.
Tips 3: Inkludera en stark Call-to-Action: CTA bör vara tydlig och motiverande, och guida användaren till nästa logiska steg, såsom att lägga till data, kontakta support eller utforska funktioner.
Tips 4: Anpassa efter kontexten: Se till att meddelandet och CTA är relevanta för den specifika situationen och användarens behov vid det givna tillfället.
Tips 5: Lär av de bästa: Ta inspiration från företag som Instagram, Spotify och Dropbox, som använder empty states på ett effektivt sätt för att driva användarengagemang.
För- och nackdelar med Empty States
Fördelar:
Förbättrad användarupplevelse: Genom att ge tydliga anvisningar och uppmuntrande meddelanden kan du minska användarens frustration och förbättra deras upplevelse.
Ökad engagemang: Empty states kan driva användarengagemang genom att uppmuntra användare att vidta åtgärder och utforska mer av applikationen.
Minskar osäkerhet: Genom att förklara varför skärmen är tom och vad användaren kan göra härnäst, minskar du osäkerheten och ökar användarens förtroende för applikationen.
Nackdelar:
Kan verka överflödiga: Om de inte är väl genomtänkta kan empty states verka onödiga eller irriterande för användarna.
Risk för överanvändning: För många empty states kan ge intrycket att applikationen inte har tillräckligt med innehåll eller funktionalitet.