Selv om det er viktig for brukeropplevelsen, blir tomme stater ofte oversett. Å vite hva de er og hvordan du bruker dem, og bruke UX beste fremgangsmåter, kan gi betydelige fordeler.

Hva er en tom stat?

UX-designere har mange muligheter til å skape behagelige og meningsfylte opplevelser. En slik mulighet som ofte blir ignorert, er 'tom tilstand' eller tom skjerm. Tomme tilstander er øyeblikk i brukerens opplevelse av et produkt der det ikke er noe å vise.

Her er noen eksempler på vanlige tomme tilstandssituasjoner:

• En ny Dropbox-skjerm der ingen filer eller mapper er opprettet.
• Den resulterende skjermen etter å ha fullført alle oppgavene i en gjøremålsliste.
• Å få en feilskjerm i Slack når en kommando ikke støttes.
• Å starte en ny konto for sosiale nettverk og det er ingen tilkoblinger.
• Søker etter noe i Gmail og får ingen resultater.

Disse mellom øyeblikk gi muligheter for å forbedre brukeropplevelsen og følgelig forsterke forretningsmulighetene. For UX-designere er det en god ting å benytte enhver anledning til å forbedre brukeropplevelsen og gi mer verdi til virksomheten.

En nyttig tom tilstand vil la brukeren få vite hva som skjer, hvorfor det skjer og hva de skal gjøre med det. Her er to eksempler på gode tomme tilstand UX-design:

Her er noen eksempler på tomme statlige design med tapte muligheter:

Typer tomme stater

Her er fire typer vanlige tomme tilstander:

• Første gangs bruk - Oppstår med et nytt produkt eller en tjeneste når det fremdeles ikke er noe å vise, for eksempel en ny Evernote- eller Dropbox-konto.
• Bruker ryddet - Oppstår når brukere fullfører handlinger som å tømme innboksen eller oppgavelisten, og resultatet er en tom skjerm.
• Feil - Disse oppstår når noe går galt, eller når det er problemer som at en mobiltelefon går offline på grunn av nettverksproblemer.
• Ingen resultater / Ingen data - Oppstår når det ikke er noe å vise. Dette kan skje hvis noen utfører et søk og spørringen er tom eller det ikke er tilgjengelige data å vise (når det for eksempel filtreres etter et datoperiode som ikke har data).

Ettersom tom tilstandsdesign får mer oppmerksomhet, finner UX-designere at det er fordelaktige resultater å bruke dem, både fra et forretnings- og brukeropplevelsesperspektiv.

Brukere prøver ut mange apper, men bestemmer hvilke de vil 'Slutte å bruke' i løpet av de første 3-7 dagene . For 'anstendige' apper holder de fleste brukere som er beholdt i 7 dager, mye lenger. Nøkkelen til suksess er å få brukerne hekta i løpet av den kritiske første 3-7 dagers perioden. - Ankit jain

Fordelene ved å bruke veldesignede tomme stater

Utforming av gjennomtenkte og nyttige tomme tilstandsskjermer kan bidra til å øke produktengasjementet, glede brukere og redusere sving. Dette reduserer sjansene for å miste brukere til konkurrerende produkter, og etterlater dem frustrerte eller tapt.

I boken hans, Hva kundene virkelig vil ha , Scott McKain legger ut seks ledende prinsipper for god kundeopplevelse.

Han skriver at kundene vil ha:

1. En overbevisende opplevelse
2. Et personlig fokus
3. Gjensidig lojalitet
4. Differensiering
5. Koordinasjon
6. Innovasjon

Når de brukes på tomt statlig design, kan disse prinsippene være til stor nytte for en virksomhet - for eksempel en økning i produkttilfredshet og en senking av oppgivelsesgraden.

Her er tre ekstra områder som også kan dra nytte av god tom tilstandsdesign:

• Innbygging av brukere - Gir en mulighet til å bygge tillit og fortsatt bruk av produktet i tillegg til en forhøyet brukeropplevelse.
• Merkevarebygging - Genererer bevissthet og markedsfører selskapet for å bygge økt merkevarekapital.
• Personalisering - Kan være leken, morsom, seriøs eller dynamisk i forskjellige brukstilstander; skaper en følelse av et personlig preg.

Fordelene med godt utformede tomme stater kan ikke undervurderes. De bidrar ikke bare til en overbevisende kundeopplevelse, men ettersom muligheter for å holde kundene lykkelige og engasjerte kortere og kortere, er de bare gode forretninger.

Avskåret: De glemte skjermene til UX Design

Siden det er tilsynelatende positive resultater for veldesignede tomme stater, hvorfor ignoreres de i utgangspunktet?

For det første er det svært få tomme tilstandssituasjoner som oppstår sammenlignet med det totale antallet skjermer i en app eller et produkt eller et nettsted, så de blir ofte neglisjert fordi de ikke blir sett på som en prioritet, og designere har en tendens til å fokusere sin innsats på de mer synlige delene av et design.

For det andre, med bare en anslått 2-5% av brukerne som ser en tom tilstand , det er ikke alltid en økonomisk eller praktisk bruk av designerens tid.

Til slutt var tomme stater ikke alltid godt forstått når det gjelder hvor de forekommer og hva de gjør med dem, så de tok baksetet til fordel for de mer populære skjermene og sidene.

Hva skjer når tomme stater blir ignorert?

Tomme skjermer uten veiledning kan føre til forvirring, usikkerhet og skuffelse. Dette kan føre til høyere grad av forlatelse og lavere total tilfredshet med produktet.

Heldigvis begynner ting å endres ettersom fordelene og mulighetene ved å designe gode tomme tilstandsskjermer blir en viktigere, høyt prioritert del av UX-designprosessen.

Hvordan fylle en tom skjerm med formål

Her er noen gode fremgangsmåter for UX for å sikre at tomme skjermer er utformet for å være nyttige, nyttige og informative.

Empati. Legger til overraskelse og glede , følelse , og personlighet er alle måter UX-designere har skapt bedre opplevelser i selv de mørkeste hjørnene av et produkt. For tomme skjermer gir empatisk meldinger variasjon og skaper en mer engasjerende, personlig opplevelse.

Bilder. Det er et designprinsipp som heter biophilia effekt . Dette er en tilstand av redusert stress og forbedret konsentrasjon som skyldes naturvisninger. Å legge til noen naturskjønne bilder (for eksempel bakgrunnen til en tom tilstandsfeilskjerm) kan resultere i en mer behagelig brukeropplevelse.

Nyttig veiledning. Avhengig av produkttype kan tomme tilstander brukes til å veilede brukeren. Et godt eksempel på dette er en prosjektledelsessøknad. Med en ny konto er det ingen prosjekter ennå i spill, noe som gir en potensiell god mulighet til å hjelpe brukeren raskt i gang, og dermed redusere sjansen for forlatelse. Her er et eksempel:

Startinnhold. Det er mange skjermer som er tomme lenge nok til at brukeren kan bli frustrert og dra. For visse produkter hjelper de med å gi godt startinnhold dem å visualisere hva som skjer og hva de kan gjøre videre.

Her er et eksempel på en tom tilstandsskjerm med startinnhold:

Gi et handlingstrinn. Med noen produkter trenger vi ikke å gi veiledning eller fylle skjermen med noe innhold, fordi det ikke gir mening. I disse tilfellene kan designere ganske enkelt gi et handlingstrinn.

Det er imidlertid best å holde handlinger på et minimum. Hick’s Law sier at 'tiden det tar å ta en beslutning øker med antallet og kompleksiteten av valgene.' Dermed vil brukere sannsynligvis være raskere å handle når oppfordringer til handling holdes til en eller to på det meste. Her er et godt eksempel:

Et annet godt eksempel er Instagram. Når folk er nye på plattformen, følger de ikke noen ennå (og ingen følger dem). Det ville være enkelt å fokusere på alle de fantastiske funksjonene på Instagram, men en god tom tilstandsskjerm kan for eksempel gi dem muligheten til å 'legge til folk å følge.'

Tom praksis UX beste praksis - Fra feltet

ApeeScape har toppnivå globalt frilans talent i alle områder av design . Her er hva et par ApeeScape UX-designere hadde å si om deres erfaringer med å designe tomme statlige skjermer.

ApeeScape Designer: Tamara olson

Design disiplin: UX Design

Hva er noen gode tomme tilstandsdesigner du har jobbet med eller har sett?

Gode, moderne tomme tilstandsdesign jeg har observert, er vanligvis to deler instruksjon, en del glede. Hvis et brukergrensesnitt er tomt, er det UX-designerens jobb å hjelpe brukerne til å forstå hva som vil gå i rommet når det er fylt ut. Hvis det er brukerens jobb å fylle ut den, bør meldingen inneholde instruksjoner om hvordan. (For eksempel kan en tom 'Classes' -tabell i et edtech-produkt inneholde kopi som informerer lærerne om hvordan de lager sin første klasse.)

Jeg ser også mange apper som bruker tomme staters sjenerøse eiendom som en mulighet til å gi litt glede og leken merkevarepersonlighet. Du kan kanskje si at det er nettappversjonen av et nettsted 404 side .

Har du noen gang oversett tomme stater, og i så fall hvorfor?

Selvfølgelig er det en lett felle. Når vi er visjonære, ser vi bilder på apper og produkter når de er i full fart, fylt med innhold og brukere. Da jeg jobbet på Google , en VP for produktet kommenterte at produktene er som flyreiser; de fleste problemer skjer under avgang og landing.

Når en bruker først kommer inn i produktet ditt, er tomme tilstander uunngåelige, og vi vil ikke at de skal komme i blindveier før de selv kommer i gang. Jeg vil oppfordre juniordesignere til å designe et eget sett med lineære design som viser brukerens innebygde flyt.

Har du sett klientsuksess med å bruke tomme stater? I så fall på hvilke måter?

Jeg har nylig jobbet med National Novel Writing Month på plattformens redesign, som lar brukerne sette og spore mål rundt skriveprosessen. Vårt produktteam hadde en absolutt ball med de tomme statene; det var en fantastisk måte å introdusere og erte plattformens funksjonalitet og personlighet, og inspirere brukere til å komme i gang med å logge fremdriften.

Hva er den mest vellykkede bruken av en tom tilstand du har opplevd?

Som en 'null innbokser' gleder jeg meg konstant over Gmail-appens tomme innboksillustrasjon: en person under en paraply som leser en bok i solskinnet, med bildeteksten 'Du er ferdig!' Det bryter teknisk regelen jeg nevnte om tomme stater som trenger en oppfordring til handling, og likevel gjør det ikke det, fordi den subliminale CTA er 'Gå av e-posten din og nyt ditt liv.' Jeg elsker det.

ApeeScape Designer: Michael Clingerman

Design disiplin: SaaS produktdesign

Hvis du har designet for tomme stater, hvilke typer ser du hyppigst?

De tomme tilstandene jeg er mest kjent med er 404 / feiltilstander og brukerryddede tilstander.

Har du sett klientsuksess med å bruke tomme stater? I så fall på hvilke måter?

Ja. Jeg har sett tilfeller der tomme statlige skjermer ble en del av en engasjerende og herlig innholds- og kommunikasjonsstrategi. Det er andre tilfeller der klienter har brukt dem til å bygge merkevarepersonligheten.

Hva er den mest vellykkede bruken av en tom tilstand du har opplevd?

Jeg har alltid elsket Dropboxs bruk av enkle og monokratiske illustrasjonsstiler for å etablere personlighet, tone og karakter av bedriftsmerket.

Konklusjon

Det er lett å overse tomme tilstander (eller tomme skjermer) i UX-design fordi de forekommer sjelden og ikke alltid er godt forstått. Fordelene ved inkluderingen er imidlertid undervurdert fordi de forbedrer brukeropplevelsen og bidrar til å skape et mer sammenhengende produkt.

• • •

Videre lesing på ApeeScape Design Blog

• UI Design Best Practices and Common Feil
• Mobile UX-design - beste fremgangsmåter, begrensninger og samarbeid med utviklere
• Heuristiske prinsipper for mobile grensesnitt
• Innflytelse med design - en guide til farger og følelser
• Prinsippene for design og deres betydning

Forstå det grunnleggende

Hva er merkevare personlighet?

Brandpersonlighet er et sett med menneskelige egenskaper og egenskaper som er knyttet til et merkenavn. Det hjelper forbrukere å forholde seg til merkevaren med følelser som morsomme, omsorgsfulle eller alvorlige.

Hva er tomme stater?

Tomme tilstander er øyeblikk i brukerens opplevelse av et produkt der det ikke er noe å vise. Første gangs bruk, fjernet bruker, ingen resultater og feil er fire av de vanligste typene av tomme tilstander.

Hva gjør brukeropplevelsen?

Brukeropplevelse omfatter alle aspekter av brukerens interaksjon med et produkt, en tjeneste eller organisasjon. Det hjelper brukeren å knytte en negativ eller positiv følelse til merkevaren.

Hva er en ombord-opplevelse?

En opplevelse ombord omfatter alle aspekter ved å integrere en ny ansatt i et selskap eller gjøre en ny kunde kjent med et produkt eller en tjeneste.

Hva betyr innbygging av brukere?

Innbygging av brukere betyr å gjøre en bruker eller kunde kjent med et produkt eller en tjeneste. Det kan bety veiledninger, eksempler, gjennomganger eller andre måter å hjelpe brukeren bedre med å forstå et produkt.