De rol van storyboards in UX-ontwerp

De rol van storyboards in UX-ontwerp
Rick Davis

Als UX-ontwerper zul je vaak je verbeelding aan het werk moeten zetten om nieuwe ideeën tot leven te brengen. Een hulpmiddel dat daarbij kan helpen is storyboarding. Dit hulpmiddel is ontleend aan een heel ander domein (film), maar heeft zijn sporen al verdiend in de wereld van UX. Storyboards zijn geweldig om ontwerpers te helpen zich voor te stellen hoe gebruikers de producten die ze ontwerpen zullen gebruiken.

Wat is een storyboard?

Een storyboard is een visuele vorm om een scenario met een opeenvolging van enkele gebeurtenissen weer te geven. De Walt Disney-studio's waren de eersten die met het idee kwamen in de jaren dertig. Veel andere vakgebieden, waaronder UX-ontwerp, hebben storyboarding overgenomen als een manier om scenario's visueel weer te geven.

Op dit punt vraagt u zich waarschijnlijk af "Waarom zou ik storyboards gebruiken?".

Het korte antwoord is dat het u zal helpen sneller en met meer vertrouwen te ontwerpen.

Dit zijn de belangrijkste redenen waarom dit het geval is:

  1. Een beeld zegt meer dan duizend woorden - Onze hersenen verwerken beelden veel sneller dan tekst. Door een scenario visueel weer te geven, versnelt u het ideevormingsproces voor alle betrokkenen.
  2. Verhalen zijn gedenkwaardig - Al eeuwenlang gebruikt de mens verhalen om mondelinge tradities door te geven aan jongere generaties, omdat ze veel gemakkelijker te onthouden zijn dan feiten. Een verhaal gebruiken als eerste stap naar ideevorming kan vanaf het begin de juiste sfeer voor het project scheppen.
  3. De nieuwsgierigheidskloof - Verhalen, vooral die welke hiaten bevatten, kunnen heel natuurlijk nieuwsgierigheid opwekken en onze hersenen activeren om te proberen de ontbrekende details in te vullen. Dit soort "denkkracht" is precies wat u wilt in uw ideeënsessies.
  4. Zich inleven in een "echte gebruiker" - Net zoals we persona's gebruiken om empathie te creëren met een gebruiker met een gezicht en een naam, zal het plaatsen van deze gebruiker in een scenario nog meer empathie creëren bij de leden van het ontwerpteam.

Storyboards gebruiken bij UX-ontwerp

Net zoals scenarioschrijvers en filmregisseurs storyboards gebruiken om plots te plannen in films en tv-series, kunnen UX-ontwerpers storyboards gebruiken om user journeys voor producten te bedenken en te plannen. Met de storyboarding-techniek kun je een of twee personages kiezen en niet alleen begrijpen wat ze doen in elke stap van het user journey, maar ook waarom ze een actie ondernemen en hoe ze zich daarbij voelen.

Aan het begin van het ux-ontwerp proces moet je nadenken over een paar stukken van het verhaal dat je wilt definiëren, tenminste op conceptueel niveau, voordat je iets gaat schetsen.

De eerste stap in storyboarding zou zijn om te beslissen wie je hoofdpersonage en of er meer personages zijn die je in je storyboard wilt opnemen.

Om een goed afgerond personage te creëren, moet je aan de volgende dingen denken:

  1. De basisbeschrijving van je personage dat dingen kan bevatten zoals naam, beroep, leeftijd, geslacht en alles wat relevant is...
  2. Wat motiveert dit karakter om uw product of dienst te gebruiken?
  3. Waarin context gebruikt je personage het product?

    Zie ook: Hoe teken je een diamant?

De tweede stap in storyboarding is het definiëren van het gebruikerspad zelf en de verschillende onderdelen ervan. Het is goed om vertrouwd te raken met de onderdelen van een typisch gebruikerspad voor producten, omdat het je zal helpen nadenken over wat je in je storyboard wilt opnemen. Dit omvat details zoals:

  1. Bewustwording - hoe komen gebruikers in de eerste plaats in aanraking met uw product of dienst?
  2. Overweging - welke beslissingen ze moeten nemen voordat ze besluiten het product te kopen en te gebruiken?
  3. Koop - hoe zullen uw gebruikers het product kopen?
  4. Eerste ervaring - hoe ziet hun eerste ervaring met uw product eruit?
  5. Gebruiksgewoonten - hoe ziet hun reguliere gebruikspatroon eruit?
  6. Belangrijkste voordelen - wat hebben uw gebruikers eraan om uw product te gebruiken?

Als het te moeilijk is om vanaf het begin over al deze dingen te beslissen, kunt u beginnen met alleen de eerste fasen van het gebruikerspad te beschrijven en alleen deze onderdelen in uw storyboard op te nemen, zoals Awareness, Consideration, Buy en de First Experience met uw product. Als u deze details eenmaal hebt uitgewerkt, wordt het voor u en uw team gemakkelijker om het storyboard uit te breiden endetails bevatten over het gebruik van uw product op lange termijn.

Aan de slag met storyboarding

Om te beginnen met storyboarden moet je ook aan een paar verschillende dingen denken. Hier zijn enkele nuttige richtlijnen:

  1. Met behulp van de structuur van een verhaal met een begin, midden en einde; focus op het doel dat je personage moet bereiken. Spring niet meteen naar oplossingen in je storyboard.
  2. Denk aan de gereedschap U kunt pen en papier gebruiken om een storyboard te schetsen, of u kunt grafische ontwerpsoftware gebruiken, afhankelijk van uw voorkeur.
  3. Denk aan de gedetailleerdheid Afhankelijk van waar je bent in je ontwikkelingsproces, kun je verhalen maken met meer of minder details, maar vergeet niet om altijd wat ruimte te laten voor verbeelding.

Om u te helpen een mooi UX storyboard samen te stellen, laten we eens kijken naar een praktijkvoorbeeld .

Laten we aannemen dat u mensen wilt helpen die graag wijn drinken, maar overweldigd raken in wijnwinkels wanneer ze een keuze proberen te maken over wat ze gaan kopen.

Laten we aannemen dat u zich wilt richten op mensen tussen 25 en 45 jaar die nu pas hun eerste stappen zetten om wijn beter te begrijpen. U besluit een app te bouwen om hen te helpen, genaamd "Wine Time".

Je volgende stap is je voor te stellen hoe mensen je app zullen gebruiken. Dus besluit je een storyboard te maken.

Laten we het proces doorlopen.

Ons verhaal begint met de hoofdpersonages Jason en Nathalie, een jong stel van begin 30. Ze wonen in de buitenwijken van Toronto, Canada. Ze drinken graag wijn, en gaan eens in de drie weken naar hun plaatselijke wijnwinkel om 2-3 flessen wijn te kopen. Meestal kopen ze de wijnen die door de winkel worden gepromoot, en af en toe krijgen ze een aanbeveling van een vriend over wat ze moeten kopen. Sinds kort willen ze beginnen metmeer wijnen verkennen, en ze willen minder overweldigd worden door het grote aanbod in hun winkel. Tot nu toe kochten ze vrijwel altijd dezelfde wijnen. Dit is wat motiveert om een oplossing te zoeken om meer over wijn te weten te komen.

Jason begon in zijn vrije tijd te lezen over wijn, maar hij vindt het nog steeds niet erg nuttig. De meeste wijnen die in die artikelen worden beschreven komen uit Europa, en hij woont in Canada. Hij weet niet zeker of de lokale wijnen die hij in de winkel in de buurt vindt op enigerlei wijze vergelijkbaar zijn.

Op een dag stelt Nathalie's vriendin Alison voor dat ze een nieuwe app proberen, genaamd "Wine Time". De app helpt je te leren over wijn en helpt je wijnen te vinden die je lekker vindt. Op dit punt in het verhaal worden Jason en Nathalie... bewust van het product.

Ze downloaden de app, en nemen onmiddellijk een snelle "Introductie tot wijn" tutorial. De tutorial leert hen over welke soort wijnen ze lekker vinden op basis van verschillende kenmerken. Dit zou overeenkomen met hun eerste ervaring met de app en hun "Aha" moment (waarschijnlijk). We kunnen dit deel zien als het begin van de het midden van ons verhaal .

Aan het einde van de tutorial blijven Jonathan en Nathalie op de app. "Wine Time" stelt hen wijnen voor en controleert of ze beschikbaar zijn in winkels in de buurt. Zodra ze een paar flessen hebben gevonden die ze lekker vinden, bestellen ze die online en ontvangen ze die binnen twee dagen. Dit deel van het verhaal zou overeenkomen met de koopfase in het gebruikerspad Het kan mogelijk ook verband houden met de toekomstig gebruik van de app als ze besluiten om wijn te blijven bestellen via de app om tijd te besparen.

Dit is waar ons verhaal eindigt en waar onze personages begrijpen hoe ze de "Wine Time" app moeten gebruiken om hun... doel om meer wijnen te ontdekken.

Laten we het vervolgens hebben over gereedschap voor het maken van je storyboard.

Zoals u in de onderstaande afbeelding kunt zien, kunt u een eenvoudig storyboard maken, zoals ik heb gedaan in Vectornator. U kunt hun pictogrammen gebruiken, evenals wat tekst om uw verhaalplot te visualiseren. Ik heb besloten de gebruikersreis in vier fasen te presenteren om wat ruimte te laten voor discussie over de details die geen deel uitmaken van het storyboard.

Door het storyboard op het huidige detailniveau te houden, kunnen in de ideatiefase interessante vragen worden opgeroepen, zoals:

  1. Welke tutorials zal de app bevatten?
  2. Waar ter wereld zal de app beschikbaar zijn?
  3. Met welke online wijnwinkels moeten we het verbinden?
  4. Hoe ziet het gebruik op lange termijn eruit?

Kijk eens naar het storyboard dat ik maakte voor de "Wine Time" app.

Het "Wine Time"-gebruikerstraject. Afbeelding door auteur.

Zie ook: Vormen uitsnijden in Illustrator

Kortom storyboarding is een uitstekend hulpmiddel dat je als UX-ontwerper kunt gebruiken om conceptuele ideeën tot leven te brengen voordat je met je team gaat ideëren. Het visualiseren van scenario's kan het proces voor iedereen een stuk interactiever en leuker maken. Om veel scenario's weer te geven, heb je misschien meer dan één storyboard nodig, maar die behoefte zal na verloop van tijd duidelijker worden. De belangrijkste dingen om te onthouden zijn: word creatiefen veel plezier.




Rick Davis
Rick Davis
Rick Davis is een ervaren grafisch ontwerper en beeldend kunstenaar met meer dan 10 jaar ervaring in de branche. Hij heeft met verschillende klanten gewerkt, van kleine startups tot grote bedrijven, en hielp hen hun ontwerpdoelen te bereiken en hun merk naar een hoger niveau te tillen door middel van effectieve en indrukwekkende beelden.Rick is afgestudeerd aan de School of Visual Arts in New York City en heeft een passie voor het verkennen van nieuwe designtrends en technologieën, en het voortdurend verleggen van de grenzen van wat mogelijk is in het veld. Hij heeft een diepgaande expertise in grafische ontwerpsoftware en staat altijd te popelen om zijn kennis en inzichten met anderen te delen.Naast zijn werk als ontwerper is Rick ook een betrokken blogger en wijdt hij zich aan de nieuwste trends en ontwikkelingen in de wereld van grafische ontwerpsoftware. Hij is van mening dat het delen van informatie en ideeën de sleutel is tot het bevorderen van een sterke en levendige ontwerpgemeenschap, en staat altijd te popelen om online in contact te komen met andere ontwerpers en creatieven.Of hij nu een nieuw logo ontwerpt voor een klant, experimenteert met de nieuwste tools en technieken in zijn studio, of informatieve en boeiende blogposts schrijft, Rick zet zich altijd in om het best mogelijke werk te leveren en anderen te helpen hun ontwerpdoelen te bereiken.