Een UX storyboard maken
Leestijd: ongeveer 7 min
Onderwerpen:
De beste literatuur en tv-programma's hebben soms ingewikkelde plots die je versteld doen staan. Neem bijvoorbeeld de televisieserie Game of Thrones, die acht seizoenen duurde en zeker 52 belangrijke personages bevatte. Of Lord of the Rings, een plot dat zo uitgebreid is dat schrijver J.R.R. Tolkien een heel boek heeft gemaakt met de genealogie van zijn personages. Als je je door ingewikkelde werken worstelt, is het bijna onmogelijk om alles in je hoofd bij te houden.
En hier is een geheimpje: geen enkele schrijver of regisseur onthoudt enorme plots in zijn of haar hoofd. Het wordt allemaal opgeschreven. Creativiteit floreert in structuur, ook al klinkt dat contra-intuïtief. Dus als je een UX-ontwerper of productmanager bent die zijn klanten beter wil begrijpen en geweldige ervaringen wil ontwerpen, zul je merken dat het inzetten van de methoden van succesvolle visionairs even uitstekende resultaten zal opleveren.
Het meest gebruikelijke hulpmiddel dat deze creatieve titanen gebruiken, is het storyboard.
We laten je zien waarom een techniek die vooral door schrijvers en film- en tv-makers gebruikt wordt, eigenlijk een geweldige troef is om ongelooflijke producten te maken.
Wat is een storyboard?
Een storyboard is een shot-voor-shot overzicht van elk plotpunt. Het eindresultaat lijkt enigszins op een stripboek, maar dan zonder dialoog. Het is een visuele voorstelling van een reis. Het bevat vaak aantekeningen over elke stap van de reis die elk plaatje van het storyboard vergezellen.
Waarom moet je storyboards gebruiken bij UX-ontwerp?
Je hebt je personas gedefinieerd, je user interviews afgenomen, alles in kaart gebracht met user journeys en user stories. Waarom heb je dan toch nog een storyboard nodig? Storyboards brengen de user journey tot leven. Dit is belangrijk om de volgende redenen:
Met storyboarding kun je dingen laten zien
Het is veel gemakkelijker om een foto van een krokodil te laten zien dan te proberen uit te leggen hoe een krokodil eruit ziet. Zo is het ook veel gemakkelijker om te laten zien hoe je gebruiker met je product zal omgaan dan het alleen te beschrijven. Het is een snellere en duidelijkere manier om informatie te presenteren en het is veel gemakkelijker op te nemen.
Iedereen kan je visie zien
Als grote teams aan hetzelfde project of product werken, is het moeilijk voor iedereen om dezelfde visie voor ogen te hebben. Behalve natuurlijk als je ze die visie laat zien. Als je een storyboard gebruikt, is er minder ruimte voor misverstanden of persoonlijke interpretatie. Dat betekent dat je minder tijd hoeft te besteden aan uitleggen en meer aan produceren.
Met storyboards hou je stakeholders tevreden
Niet voor niets gebruiken woonprogramma's 3D-modellen om hun ideeën aan huiseigenaren te presenteren: het is één ding om te zeggen dat je de muur tussen de woon- en de eetkamer gaat weghalen, maar het is iets heel anders om te laten zien wat dat precies betekent. Dat geldt ook voor stakeholders. Je kunt urenlang het nieuwe kassaproces uitleggen of je kunt een paar visuals laten zien. Als stakeholders je ideeën in actie kunnen zien, wordt het veel gemakkelijker voor ze om hun goedkeuring te geven en middelen ter beschikking te stellen.
Identificeer fouten voordat ze worden gemaakt
Met storyboards kun je snel de vinger leggen op mogelijke gebreken in je ontwerp. Je kunt ze op papier oplossen lang voordat je ze in het product moet oplossen, en dat betekent tijd- en geldbesparing.
Een storyboard maken
Nu we je ervan overtuigd hebben dat storyboards een geweldig idee zijn, lees je hier hoe je er zelf een maakt:
1. Analyseer je gegevens
Waarschijnlijk heb je al heel wat us onderzoek voor je product gedaan, zoals focusgroepen, user interviews en enquêtes. Dit zijn de gegevens die het uitgangspunt vormen voor je storyboard, in plaats van te vertrouwen op speculatie.
2. Kies een focus
Verschillende soorten gebruikers gaan het product op verschillende manieren gebruiken. Concentreer je per storyboard op een toepassing en één customer journey tegelijk. Je kunt een onbeperkt aantal storyboards maken, dus als je voor elke toepassing een storyboard wilt maken, ga je gang.
3. Vertel wie je persona is
Wie gebruikt het product? Naar wat voor soort oplossing is deze klant op zoek? Het is gemakkelijker om geloofwaardige storyboards te maken die echte problemen oplossen als je personages laat zien die op echte mensen lijken.
4. Maak een lijst van belangrijke contactpunten
Sommige mensen geven er de voorkeur aan elk contactpunt op te sommen, maar als je eerst met de belangrijke punten begint, zullen die de rest van je gebruikersreis bepalen. Het is verstandig om met een lijst te beginnen in plaats van meteen in het storyboard te duiken. Anders moet je later misschien weer vakjes verplaatsen.
5. Laat de context van het product zien
Stel dat je een vertaal-app ontwikkelt. In je storyboard laat je bijvoorbeeld een pas afgestudeerde middelbare scholier zien die naar Marokko op reis gaat. Je zou kunnen laten zien hoe de scholier inpakt, in Marokko aankomt en dan op een bazaar iets probeert te kopen. Vervolgens laat je zien hoe de app gebruikt wordt om te vertalen. Storyboards vertellen het hele verhaal, zodat je kunt zien hoe het product in de echte wereld zal werken.
Hoe maak je een UX storyboard met Lucidspark
Het grootste nadeel van storyboards is misschien dat ze tot nu toe meestal met potlood en papier werden gemaakt. Als je een fout maakt, moet je het uitgummen en aanpassen. Of als je geprobeerd hebt storyboards te maken met eenvoudige computerprogramma's, heb je waarschijnlijk gemerkt dat de meeste oplossingen onhandig zijn, een steile leercurve hebben en niet gemakkelijk gedeeld kunnen worden.
Lucidspark is anders. Het is een geweldige keuze voor UX storyboards om de volgende redenen:
UX storyboard template gebruiken voor een goed begin
Lucidspark leidt je door het proces van het maken van een storyboard met een gebruiksvriendelijke sjabloon voor storyboards. Herschik eenvoudig je ideeën en sla ze automatisch op, zonder frustraties.
Maakt volledige creativiteit mogelijk
Lucidspark zit creativiteit niet in de weg, maar bevordert die juist. Ontwerpers besteden vaak veel tijd aan het correct laten werken van software in plaats van aan ideevorming. Met Lucidspark is het vastleggen van je storyboard intuïtief en naadloos dankzij functies als online sticky notes en tekenen uit de vrije hand.
Lucidspark biedt een echt collaboratieve werkruimte
Het kan een hele uitdaging zijn om externe en verspreide teams op een lijn te krijgen. Terwijl je in Lucidspark aan het storyboarden bent, kunnen andere teamleden in real time ideeën aandragen. Bovendien zijn er manieren om direct binnen de oplossing te communiceren via opmerkingen, @mentions en chatten. Het is gemakkelijk en leuk om samen te werken aan een storyboard en het geeft een gevoel van betrokkenheid. Door storyboards op deze manier in real time te maken, houdt iedereen de bredere visie beter in gedachten.
Misschien wil je zelfs een eerste opzet van je storyboard aan het team voorleggen en ze uitdagen creatieve verbeteringen voor de gebruikerservaring aan te wijzen. Neem de vertaal-app waar we het over hadden. Misschien kun je de app ook gebruiken als valuta calculator. Storyboards laten het product tot leven komen en stellen je team in staat om innovatief te werk te gaan.
Brengt je project van ideevorming tot oplevering
Als je je storyboard klaar hebt, kun je een user story map en andere hulpmiddelen maken om aan de slag te gaan en de UX uit te bouwen. Sterker nog, het storyboard kan zelfs gebruikt worden om de belangrijkste kenmerken van een product en de daarvan afhankelijke stappen te bepalen. Storyboarden lijkt misschien een extra stap, maar het is de extra tijd die je besteedt om je product en de gebruikersreis tot leven te laten komen, meer dan waard.
Nu je weet hoe je moet storyboarden, kun je het zelf uitproberen met onze storyboardsjabloon in Lucidspark.
Probeer het nuOver Lucidspark
Lucidspark, een virtueel whiteboard in de cloud, is een belangrijk onderdeel van Lucid Software's pakket voor visuele samenwerking. Dit geavanceerde digitale canvas brengt teams samen om te brainstormen, samen te werken en het collectieve denken te consolideren in uitvoerbare volgende stappen - en dat alles in realtime. Lucid is trots op zijn diensten aan belangrijke bedrijven over de hele wereld, waaronder klanten als Google, GE en NBC Universal, en 99% van de Fortune 500. Lucid werkt samen met brancheleiders, waaronder Google, Atlassian en Microsoft. Sinds de oprichting heeft Lucid talrijke onderscheidingen ontvangen voor zijn producten, bedrijfsvoering en werkcultuur. Ga voor meer informatie naar lucidspark.com.