Storyboards roll i UX-design

Storyboards roll i UX-design
Rick Davis

Som UX-designer måste du ofta använda din fantasi för att förverkliga nya idéer. Ett verktyg som kan hjälpa dig i den här processen är storyboarding. Detta verktyg är lånat från ett helt annat område (film), men det har redan gjort sitt avtryck i UX-världen. Storyboards är utmärkta för att hjälpa designers att föreställa sig hur användarna kommer att använda de produkter de designar.

Vad är en storyboard?

En storyboard är en visuell form för att representera ett scenario som innehåller en sekvens av några få händelser. Walt Disney Studios var de första som kom på idén på 1930-talet. Många andra områden, inklusive UX-design, har antagit storyboarding som ett sätt att representera scenarier visuellt.

Nu frågar du dig säkert "Varför ska jag använda storyboards?".

Det korta svaret är att det hjälper dig att konstruera snabbare och med större självförtroende.

Här är de viktigaste orsakerna till detta:

  1. En bild säger mer än tusen ord - Vår hjärna bearbetar bilder mycket snabbare än text. Genom att visualisera ett scenario påskyndar du idéprocessen för alla inblandade.
  2. Berättelser är minnesvärda - I århundraden har människor använt sig av berättelser för att föra muntliga traditioner vidare till yngre generationer, eftersom de är mycket lättare att memorera än fakta. Att använda en berättelse som första steg mot idéutveckling kan skapa rätt stämning för projektet redan från början.
  3. Klyftan i nyfikenhet - Berättelser, särskilt de som innehåller luckor, kan på ett naturligt sätt skapa nyfikenhet och aktivera vår hjärna för att försöka fylla i de saknade detaljerna. Denna typ av "hjärnkraft" är precis vad du vill ha i dina idéutvecklingssessioner.
  4. Införskaffa dig i en "riktig användare" - På samma sätt som vi använder personas för att skapa empati för en användare som har ett ansikte och ett namn, kan vi genom att placera användaren i ett scenario skapa ännu högre nivåer av empati för användarna bland medlemmarna i designteamet.

Användning av storyboards i UX-design

Precis som manusförfattare och filmregissörer använder storyboards för att planera intriger i filmer och tv-serier kan UX-designers använda storyboards för att föreställa sig och planera användares resor för produkter. Med hjälp av storyboarding kan du välja en eller två karaktärer och förstå inte bara vad de gör i varje steg av användarens resa, utan också varför de gör en handling och hur de känner för den.

I början av ux-designprocessen måste du tänka på några delar av den berättelse som du vill definiera, åtminstone på konceptuell nivå, innan du börjar skissa något.

Det första steget i storyboarding är att bestämma vem som ska vara din huvudperson är, och om det finns fler karaktärer som du vill ta med i din storyboard.

För att skapa en väl avrundad karaktär måste du tänka på följande saker:

  1. grundläggande beskrivning om din karaktär som kan innehålla saker som namn, yrke, ålder, kön och allt annat som är relevant.
  2. Vad motiverar att den här personen skulle använda din produkt eller tjänst?
  3. I vad kontext Använder din karaktär produkten?

Det andra steget i storyboarding är att definiera själva användarresan och dess olika delar. Det är bra att bekanta sig med delarna i en typisk användarresa för produkter eftersom det hjälper dig att tänka på vad du vill inkludera i din storyboard. Detta inkluderar detaljer som:

  1. Medvetenhet - Hur får användarna kännedom om din produkt eller tjänst i första hand?
  2. Övervägande - Vilka beslut måste de fatta innan de bestämmer sig för att köpa produkten och använda den?
  3. Köp - Hur kommer användarna att köpa produkten?
  4. Första erfarenheten - Hur kommer deras första upplevelse av din produkt att se ut?
  5. Användningsvanor - Hur kommer deras regelbundna användningsmönster att se ut?
  6. Viktigaste fördelar - Vad får användarna ut av att använda din produkt?

    Se även: Hur man utformar bakgrunder

Om det är för svårt att försöka bestämma alla dessa saker från början kan du börja med att bara beskriva de första stegen i användarens resa och inkludera endast dessa delar i din storyboard. Dessa inkluderar medvetenhet, övervägande, köp och den första upplevelsen av din produkt. När du väl har utvecklat dessa detaljer blir det lättare för dig och ditt team att utvidga storyboarden ochinkludera information om hur produkten kan användas på lång sikt.

Komma igång med storyboarding

För att komma igång med storyboarding måste du också tänka på några olika saker. Här är några hjälpsamma riktlinjer:

  1. Användning av strukturen på en berättelse med en början, en mitt och ett slut; fokusera på det mål som din karaktär måste uppnå. Hoppa inte direkt till lösningar i din storyboard.
  2. Tänk på följande verktyg Du kan använda penna och papper för att skissa en storyboard eller använda ett program för grafisk design, beroende på vad du föredrar.
  3. Tänk på följande Detaljeringsgrad. Beroende på var du befinner dig i din utvecklingsprocess kan du skapa berättelser som är mer eller mindre detaljerade, men kom ihåg att alltid ge utrymme för fantasi.

För att hjälpa dig att skapa en fin UX-storyboard kan vi titta på en exempel från verkligheten .

Låt oss anta att du vill hjälpa människor som älskar att dricka vin men som blir överväldigade i vinbutiker när de försöker välja vad de ska köpa härnäst.

Låt oss anta att du vill rikta dig till personer mellan 25 och 45 år som just nu tar sina första steg mot att förstå vin bättre. Du bestämmer dig för att bygga en app som heter "Wine Time" för att hjälpa dem.

Nästa steg är att börja föreställa dig hur människor kommer att använda din app. Du bestämmer dig för att skapa en storyboard.

Låt oss gå igenom processen.

Vår berättelse börjar med huvudpersoner Jason och Nathalie, ett ungt par i 30-årsåldern. De bor i en förort till Toronto i Kanada. De älskar att dricka vin och går var tredje vecka till sin lokala vinbutik för att köpa 2-3 flaskor vin. De köper vanligtvis de viner som marknadsförs av butiken, och ibland får de en rekommendation från en vän om vad de ska köpa. De har nyligen velat börjautforskar fler viner, och de vill bli mindre överväldigade av det stora utbudet i butiken. Hittills har de i stort sett köpt samma viner varje gång. Det här är vad motiverar att försöka hitta en lösning för att få veta mer om vin.

Jason började läsa om vin på sin fritid, men han tycker fortfarande inte att det är särskilt nyttigt. De flesta av de viner som beskrivs i dessa artiklar är från Europa, och han bor i Kanada. Han är inte säker på om de lokala viner som han hittar i butiken i närheten är jämförbara på något sätt.

En dag föreslår Nathalies vän Alison att de ska prova en ny app som heter "Wine Time". Appen hjälper dig att lära dig mer om vin och hjälper dig att hitta viner som du kommer att gilla. Vid den här tidpunkten i berättelsen blir Jason och Nathalie medveten av produkten.

De laddar ner appen och tar genast en snabb "Introduktion till vin". Under introduktionen får de lära sig vilken typ av vin de kan tycka om utifrån olika egenskaper. Detta skulle motsvara deras första erfarenheten med appen och deras "Aha-upplevelse" (troligtvis). Vi kan se denna del som början på den nya mitten av vår historia .

I slutet av handledningen stannar Jonathan och Nathalie kvar på appen. "Wine Time" föreslår viner åt dem och kontrollerar om de finns tillgängliga i butiker i närheten. När de har hittat några flaskor som de gillar beställer de dem online och får dem inom två dagar. Denna del av berättelsen skulle motsvara den köpa ett steg i användarens resa . Det kan eventuellt också vara kopplat till framtida användning av appen om de bestämmer sig för att fortsätta beställa vin från appen för att spara tid.

Det är här som vår berättelse slutar och där våra karaktärer förstår hur de ska använda appen "Wine Time" för att uppnå sina mål. mål att utforska fler viner.

Därefter ska vi tala lite om verktyg för att skapa din storyboard.

Se även: Hur man ritar avfasade bokstäver

Som du kan se på bilden nedan kan du skapa en enkel storyboard som jag gjorde i Vectornator. Du kan använda deras ikoner och lite text för att visualisera din berättelse. Jag bestämde mig för att presentera användarresan i fyra steg för att lämna lite utrymme för diskussioner om detaljer som inte ingår i storyboarden.

Att behålla storyboarden på den nuvarande detaljnivån kan väcka intressanta frågor i idéfasen, t.ex:

  1. Vilka handledningar kommer appen att innehålla?
  2. Var i världen kommer appen att finnas tillgänglig?
  3. Vilken typ av vinbutiker på nätet ska vi ansluta den till?
  4. Hur kommer användningen att se ut på lång sikt?

Ta en titt på den storyboard som jag skapade för appen "Wine Time".

Användarresan för "Wine Time". Bild av författaren.

Kort sagt Om du vill ha en storyboard, är storyboarding ett utmärkt verktyg som du som UX-designer kan använda för att ge liv åt konceptuella idéer innan du börjar idéutveckla med ditt team. Att visualisera scenarier kan göra processen mycket mer interaktiv och rolig för alla. För att representera många scenarier kan du behöva mer än en storyboard, men detta behov kommer att bli tydligare med tiden. De viktigaste sakerna att komma ihåg är: var kreativ.och ha roligt.




Rick Davis
Rick Davis
Rick Davis är en rutinerad grafisk designer och bildkonstnär med över 10 års erfarenhet i branschen. Han har arbetat med en mängd olika kunder, från små startups till stora företag, och hjälpt dem att uppnå sina designmål och lyfta sitt varumärke genom effektiva och effektfulla bilder.Rick är utexaminerad från School of Visual Arts i New York City och brinner för att utforska nya designtrender och teknologier och ständigt tänja på gränserna för vad som är möjligt inom området. Han har en djup expertis inom programvara för grafisk design och är alltid angelägen om att dela med sig av sina kunskaper och insikter med andra.Utöver sitt arbete som designer är Rick också en engagerad bloggare, och är dedikerad till att täcka de senaste trenderna och utvecklingen inom världen av grafisk designprogramvara. Han tror att dela information och idéer är nyckeln till att främja en stark och levande designgemenskap och är alltid angelägen om att få kontakt med andra designers och kreativa online.Oavsett om han designar en ny logotyp för en kund, experimenterar med de senaste verktygen och teknikerna i sin studio eller skriver informativa och engagerande blogginlägg, är Rick alltid engagerad i att leverera bästa möjliga arbete och hjälpa andra att nå sina designmål.