Rollen til storyboards i UX-design

Rollen til storyboards i UX-design
Rick Davis

Som UX-designer må du ofte sette fantasien i bruk for å bringe nye ideer ut i livet. Et verktøy som kan hjelpe med denne prosessen er storyboarding. Dette verktøyet er lånt fra et helt annet domene (kino), men det har allerede satt sitt preg på UX-verdenen. Storyboards hjelper designere med å se for seg hvordan brukere vil bruke produktene de designer.

Hva er et storyboard?

Et storyboard er en visuell form for å representere et scenario som inneholder en sekvens av noen få hendelser. Walt Disney-studioene var de første som kom med ideen på 1930-tallet. Mange andre felt, inkludert UX-design, har tatt i bruk storyboarding som en måte å representere scenarier visuelt på.

På dette tidspunktet spør du deg selv: "Hvorfor skal jeg bruke storyboards?".

Det korte svaret er at det vil hjelpe deg å designe raskere med mer selvtillit.

Her er hovedårsakene til at dette er tilfelle:

  1. Et bilde er verdt tusen ord - Hjernen vår behandler bilder mye raskere enn tekst. Ved å representere et scenario visuelt, fremskynder du idéprosessen for alle involverte.
  2. Historier er minneverdige - I århundrer har mennesker brukt historier for å gi muntlig tradisjoner til yngre generasjoner fordi de er mye lettere å huske enn fakta. Å bruke en historie som det første skrittet mot ideer kan sette den rette stemningenfor prosjektet helt fra starten.
  3. Kuriositetsgapet - Historier, spesielt de som inneholder hull, kan veldig naturlig skape nysgjerrighet og aktivere hjernen vår til å prøve for å fylle ut de manglende detaljene. Denne typen "hjernekraft" er akkurat det du vil ha i idéøktene dine.
  4. Føl deg med en "ekte bruker" - Akkurat som vi bruker personas for å skape empati med en bruker som har et ansikt og et navn, vil å plassere denne brukeren i et scenario skape enda høyere nivåer av empati overfor brukere blant medlemmene av designteamet.

Bruke storyboards i UX-design

Akkurat som manusforfattere og filmregissører bruker storyboards til å planlegge plott i filmer og TV serie, kan UX-designere bruke storyboards til å forestille seg og planlegge brukerreiser for produkter. Storyboardteknikken lar deg velge én eller to karakterer, og forstå ikke bare hva de gjør i hvert trinn av brukerreisen, men også hvorfor de tar en handling og hvordan de føler om det.

På begynnelsen av ux-designprosessen, må du tenke på noen deler av historien du vil definere, i det minste på det konseptuelle nivået, før du begynner å skissere noe.

Det første trinnet i storyboarding vil være å bestemme hvem hovedpersonen din er, og om det er flere karakterer du vil inkludere i storyboardet ditt.

For åskape en godt avrundet karakter, må du tenke på følgende ting:

  1. Den grunnleggende beskrivelsen av karakteren din som kan inkludere ting som f.eks. som navn, yrke, alder, kjønn og alt annet som er relevant
  2. Hva motiverer denne karakteren til å bruke produktet eller tjenesten din?
  3. I hvilken kontekst bruker karakteren din produktet?

Det andre trinnet i storyboarding er å definere selve brukerreisen og dens forskjellige deler. Det er greit å gjøre deg kjent med delene av en typisk brukerreise for produkter siden det vil hjelpe deg å tenke på hva du vil inkludere i storyboardet ditt. Dette vil inkludere detaljer som:

  1. Bevissthet – hvordan vil brukerne lære om produktet eller tjenesten din i utgangspunktet?
  2. Hensyn - hvilke beslutninger må de ta før de bestemmer seg for å kjøpe produktet og bruke det?
  3. Kjøp - hvordan vil brukerne kjøpe produktet?
  4. Første opplevelse - hvordan vil deres første opplevelse med produktet ditt se ut?
  5. Bruksvaner - hvordan vil deres vanlige bruksmønster se ut?
  6. Hovedfordeler - hva vil brukerne dine tjene på å bruke produktet ditt?

Hvis det er for vanskelig å prøve å bestemme seg for alle disse tingene helt fra starten, kan du starte med å beskrive bare de første stadiene avbrukerreisen og inkludere kun disse delene i storyboardet ditt. Disse inkluderer bevissthet, omtanke, kjøp og den første opplevelsen med produktet ditt. Når du har utdypet disse detaljene, vil det være lettere for deg og for teamet ditt å utvide storyboardet og inkludere detaljer rundt langsiktig bruk av produktet ditt.

Kom i gang med storyboarding

For å komme i gang med storyboarding må du også tenke på noen forskjellige ting. Her er noen nyttige retningslinjer:

  1. Bruke strukturen til en historie med en begynnelse, midtre og slutt; fokuser på målet karakteren din trenger for å oppnå. Ikke hopp rett til løsninger i storyboardet ditt.
  2. Tenk på verktøyene du vil bruke til å lage storyboardet. Du kan bruke penn og papir til å skissere et storyboard, eller bruke et grafisk designprogramvare, avhengig av dine preferanser.
  3. Tenk på detaljnivået du vil inkludere i historien. Avhengig av hvor du er i utviklingsprosessen kan det være lurt å lage historier som har større eller mindre detaljer, men husk å alltid gi rom for fantasi.

For å hjelpe deg med å sette sammen et fint UX-storyboard, la oss se på et eksempel fra den virkelige verden .

La oss anta at du ønsker å hjelpe folk som elsker å drikke vin men blir overveldet i vinbutikker mens du prøverfor å ta et valg om hva du skal kjøpe neste gang.

La oss anta at du vil målrette deg mot personer mellom 25 og 45 år som akkurat nå tar sine første skritt mot å forstå vin bedre. Du bestemmer deg for å bygge en app for å hjelpe dem kalt «Vintid».

Det neste trinnet ditt er å begynne å se for seg hvordan folk vil bruke appen din. Så du bestemmer deg for å lage et storyboard.

La oss gå gjennom prosessen.

Vår historie begynner med hovedpersonene , Jason og Nathalie, et ungt par i begynnelsen av 30-årene. De bor i forstedene til Toronto, Canada. De elsker å drikke vin, og de går en gang hver tredje uke til sin lokale vinbutikk for å kjøpe 2-3 flasker vin. De kjøper vanligvis vinene som markedsføres av butikken, og av og til får de en anbefaling fra en venn om hva de skal kjøpe. De har nylig ønsket å begynne å utforske flere viner, og de ønsker å bli mindre overveldet av det brede utvalget i butikken deres. Frem til nå har de stort sett kjøpt de samme vinene hver gang. Det er dette som motiverer dem til å prøve å se etter en løsning for å vite mer om vin.

Jason begynte å lese om vin på fritiden, men han gjør det fortsatt synes ikke det er veldig nyttig. De fleste av vinene som er beskrevet i disse artiklene er fra Europa, og han bor i Canada. Han er ikke sikker på om de lokale vinene han finner i butikken i nærheten er sammenlignbare iuansett.

En dag foreslår Nathalies venninne Alison at de prøver en ny app kalt «Wine Time». Appen hjelper deg å lære om vin og hjelper deg å finne viner du vil like. På dette tidspunktet i historien blir Jason og Nathalie bevisst om produktet.

De laster ned appen og tar umiddelbart en rask «Introduksjon til vin»-opplæringen . Opplæringen lærer dem om hvilken type vin kan like basert på ulike egenskaper. Dette vil tilsvare deres første opplevelse med appen og deres "Aha"-øyeblikk (mest sannsynlig). Vi kan tenke på denne delen som begynnelsen på midten av historien vår .

På slutten av opplæringen blir Jonathan og Nathalie på appen. «Wine Time» foreslår viner til dem og sjekker om de er tilgjengelige i butikker i nærheten. Når de finner et par flasker de liker, bestiller de dem på nett og mottar dem innen to dager. Denne delen av historien vil tilsvare kjøpsstadiet i brukerreisen . Det kan potensielt også være knyttet til fremtidig bruk av appen hvis de bestemmer seg for å fortsette å bestille vin fra appen for å spare tid.

Det er her historien vår slutter , og hvor karakterene våre forstår hvordan de bruker «Wine Time»-appen for å nå målet deres om å utforske flere viner.

Deretter, la oss snakke litt om verktøy for å lage dinstoryboard.

Som du kan se på bildet nedenfor, kan du lage et enkelt storyboard slik jeg gjorde i Vectornator. Du kan bruke ikonene deres, samt litt tekst for å visualisere historien din. Jeg bestemte meg for å presentere brukerreisen i fire stadier for å gi litt rom for diskusjon om detaljene som ikke er en del av storyboardet.

Å holde storyboardet på det nåværende detaljnivået kan vekke interessante spørsmål på idéfasen, for eksempel:

Se også: Pride-flaggene
  1. Hvilke opplæringsprogrammer vil appen inneholde?
  2. Hvor i verden vil appen være tilgjengelig?
  3. Hva slags nettvin butikker skal vi koble den til?
  4. Hvordan vil den langsiktige bruken se ut?

    Se også: Lag en klippemaske i Adobe Illustrator: trinn-for-trinn-veiledningen

Ta en titt på storyboardet jeg laget for «Wine Time»-appen.

«Wine Time»-brukerreisen . Bilde av forfatter.

Kort sagt , storyboarding er et utmerket verktøy du kan bruke som UX-designer for å bringe konseptuelle ideer til live før du begynner å tenke sammen med teamet ditt. Visualisering av scenarier kan gjøre prosessen mye mer interaktiv og morsom for alle. For å representere mange scenarier kan det hende du trenger mer enn ett storyboard, men dette behovet vil bli tydeligere over tid. De viktigste tingene å huske er: Vær kreativ og ha det gøy.




Rick Davis
Rick Davis
Rick Davis er en erfaren grafisk designer og billedkunstner med over 10 års erfaring i bransjen. Han har jobbet med en rekke kunder, fra små startups til store selskaper, og hjulpet dem med å nå designmålene sine og heve merkevaren deres gjennom effektive og virkningsfulle bilder.Rick er utdannet ved School of Visual Arts i New York City, og brenner for å utforske nye designtrender og -teknologier, og hele tiden flytte grensene for hva som er mulig i feltet. Han har en dyp ekspertise innen grafisk designprogramvare, og er alltid ivrig etter å dele sin kunnskap og innsikt med andre.I tillegg til arbeidet som designer, er Rick også en engasjert blogger, og er dedikert til å dekke de siste trendene og utviklingen i verden av grafisk designprogramvare. Han mener at deling av informasjon og ideer er nøkkelen til å fremme et sterkt og levende designfellesskap, og er alltid ivrig etter å få kontakt med andre designere og kreative på nettet.Enten han designer en ny logo for en klient, eksperimenterer med de nyeste verktøyene og teknikkene i studioet sitt, eller skriver informative og engasjerende blogginnlegg, er Rick alltid forpliktet til å levere best mulig arbeid og hjelpe andre med å nå sine designmål.