Innehåll
Ett tomt tillstånd är verkligen större än bara en skärm. När du bygger en e-handelswebbplats handlar det om att ge dina kunder ett otroligt första intryck när du presenterar dem för din produkt - att uppmuntra dem till handling, hålla dem intresserade och påminna dem om det värde din produkt kommer att ge.
Det finns tre breda versioner av det tomma tillståndet i UI-design. Det första är vad kunden ser första gången de använder din produkt. Den andra är vad som ses när din kund frivilligt rensar befintlig data från skärmen, som till exempel när du når den upphöjda inkorgen noll. Och det tredje är vad som händer när det inte finns något att visa, säg, för ett sökresultat.
I stort sett är risken med tomma stater att det är lätt att ta itu med dem som en eftertanke. Oftast skapar detta antingen en överväldigande upplevelse eller en kall, opersonlig upplevelse.
Coach-märken - eller instruktionsöverlagringar - är de bästa exemplen på en under-tänkt förstagångsupplevelse. De lägger lärandebördan på kunden som inkluderar mer gränssnitt, mer memorering, allt gjort med ett ganska stort mentalt avbrott. Vilket surrande.
Låt oss utforska tillståndet för första gången mer ingående nedan.
Första gången (ombordstigning)
Om en kund använder din produkt för första gången är detta tillstånd ditt enda skott för att beskriva vad din kund kommer att se när data finns. Det är din möjlighet att uppmuntra till handling, för att hjälpa dem att förstå det värde de kommer att få ut ur den här skärmen. Första intryck händer bara en gång, och det här är din chans att göra en fantastisk.
Jag liknar detta tillstånd delvis med det som i den litterära världen är känt som hjältens resa. Upptäckt av Joseph Campbell, det är grunden för mytologiska berättelser som finns över hela världen från Odyssey till Star Wars. Här är den grundläggande förutsättningen:
"En hjälte vågar ut från den allmänna världens värld in i en region med övernaturlig förundran: fantastiska krafter finns där och en avgörande seger vinns: hjälten kommer tillbaka från detta mystiska äventyr med makten att skänka bön på sin medmänniska."
Driv din kund ner på hjälten med detta tillstånd. Kalla dem till äventyr, ta dem genom kända utmaningar och avgrundens frestelser och förvandla dem till en hjälte.
Men hur? Några ideer:
- Led en häst till vatten. Var uppmuntrande och upplyftande i ditt copywriting och tala tydligt om vad du ska göra. Att säga saker som "Inget att se här" säger till exempel ingenting om vad din kund kan förvänta sig, och det är lite deprimerande att det här skulle vara det första du skulle se. I stället är det ett mycket mer bra sätt att berätta för din kund exakt vilken knapp som ska tryckas och varför de ska trycka på den.
- Använd produktens innehåll för att instruera din kund om vad du ska göra. Om du till exempel bygger en meddelandeprodukt kan din första upplevelse automatiskt inkludera ett meddelande i kundens inkorg. Ämnesraden kan säga "tryck för att öppna mig", medan texten i meddelandet diskuterar mer om hur man kan manipulera och svara på ett meddelande.
- Ge ett exempel på en skärmdump av hur skärmen kommer att se ut i det perfekta läget. Det ger lite hopp till din kund att de ska uppnå något liknande samtidigt som de visar hur potentiellt användbar din produkt kan vara.
- Övervaka kundens framsteg och svara därefter. Om de till exempel pausar för länge på en viss skärm kan du meddela dem med en livechatt och fråga om de behöver hjälp.
Här är några första tillstånd som används tomma tillstånd som jag älskar.
01. Hipchat
Hipchat kommer direkt och berättar vad du ska göra medan du antyder lite rolig extra funktionalitet som är gömd under ytan.
02. Facebook-papper
Ovan är en vintage skärmdump från iOS 6, ja, men en som fortfarande illustrerar det lilla dopamindroppet som kommer med att uppnå inkorgen noll. Din belöning är en hand vald Instagram-scen från någons kafé eller solnedgång - och du kan dela den ut på Interwebz, där du firar din inkorgs noll och också annonserar för Mailbox. Trippelvinst!
Inga resultat
I de fall dina kunder surfar eller söker efter data i din produkt finns det en chans att de inte hittar det de letar efter. Dessa scenarier är fantastiska möjligheter att dra slutsatser om vad din kund tänkte hitta och att göra intelligenta förslag.
Amazon använder ett av de bästa exemplen jag har sett på denna teknik. Med hänsyn till felstavningar och liknande sökningar ger Amazons sökning sällan ett tomt resultat. Istället ger det dig närmast matchande resultat medan du visar vilka termer det inte matchade.
Lektionen: kör inte bara din kund från en mur i detta tillstånd. Ge dem något de kanske kan arbeta med eller föreslå en alternativ väg.
Vill du ta en närmare titt på produktdesign? Kolla in InVisions fullständiga e-bok, Making a Product Designer.
Ord: Scott Hurff
Scott Hurff är ledande designer och produktchef på Tinder. Han lär också designers nya färdigheter hos designers. Hur.
