Storyboarden versus prototypen wanneer elk gebruiken

Prototyping is een multidisciplinaire activiteit die zich uitstrekt over digitaal ontwerp, industrieel ontwerp en alles daartussenin. Hoewel prototypen voorlopers zijn van het eindproduct, kunnen ze verschillen in getrouwheid. Dit artikel gaat in op digitale prototyping en geeft richtlijnen die u kunt gebruiken om te bepalen wanneer u dit wel en niet moet bouwen. 

Binnen de digitale ruimte wordt een prototype gebruikt om ideeën snel te testen en te zien of gebruikers kerntaken kunnen uitvoeren. Ze zijn bedoeld om ontwikkeltijd te besparen, omdat er geen enkele regel code nodig is om eventuele ideeën te valideren. Bovendien is een prototype niet altijd nodig. Vaak zal een storyboard doen! Het kiezen tussen de twee hangt af van wat u probeert te bereiken. Elk van deze deliverables is een belangrijke vaardigheid voor ontwikkelaars van UX-ontwerpen, maar wat misschien belangrijker is, is de mogelijkheid om de juiste uitvoer en het vereiste niveau van getrouwheid te selecteren.

prototypes

Low Fidelity Prototypes

Een low fidelity-prototype wordt vaak gemaakt met behulp van papier en pen.

Wanneer te gebruiken

In mijn ervaring zijn lo-fi-prototypen bedoeld om de feedback "laaghangende vruchten" vast te leggen, zoals verwarring over platformconventies (bijvoorbeeld Materiaalontwerp plus knop, Windows 8 charmebalk, enz.). Ook is deze methode vooral handig bij het werken in een gezamenlijk ontwerpproject. Je kunt de timer een kwartier instellen, een aantal sjablonen uitdelen en elke persoon een idee geven van hun ideeën (één pagina per twee personen werkt goed). 

Aanbevolen hulpmiddelen

Bedrijven zoals uistencils.com bieden een aantal papier- en liniaalstencils van veelgebruikte UI-elementen om snel ruwe concepten samen te stellen. U kunt ook een papier en een notitieblok gebruiken. Deze prototypes met lagere getrouwheid kunnen worden geüpload in hulpmiddelen zoals Invision, waar u de pagina's kunt koppelen met behulp van "hotspots", en op een vrij los niveau kunt nabootsen hoe het eindproduct er mogelijk zou kunnen uitzien.

Mid Fidelity Prototypes

Een mediumfetelity-prototype wordt normaal gesproken samengesteld met behulp van software. In tegenstelling tot het papieren prototype, dat wellicht meer geschikt is voor gezamenlijk ontwerpen, wordt deze methode meestal samengesteld door een UX-ontwerper in het team.

Wanneer te gebruiken

Maak gebruik van mid-fi prototypen nadat je je inspiratiefase hebt doorlopen, inclusief kwalitatief onderzoek, customer journey maps en initiële flows. Het doel is om enkele taakstromen te testen en te zien hoe gebruikers reageren op uw algemene ideeën.

Aanbevolen hulpmiddelen

Er zijn een aantal tools beschikbaar zoals UXpin, die altijd evolueren en hun set van functies bijwerken. Axure is ook een veelgebruikt hulpmiddel en dat heeft mijn voorkeur vanwege de rijke interactiviteit met formuliervelden en het vermogen om complexe regels en voorwaarden te creëren. Naar mijn ervaring is minder echter meer - het maken van complexe interacties verslaat in dit stadium het doel. De bedoeling van dit prototype is om iets snel en eenvoudig te maken om te testen. 

High Fidelity Prototypes

High-fidelity-prototypen kunnen op een aantal manieren worden onderscheiden van prototypen uit het middensegment. Het belangrijkste dat hen scheidt, is dat ze vaak worden gemaakt met behulp van code. Dit kan echter wel heel erg hacky-code zijn, zeker niet de productiekwaliteit, en die behoefte heeft aan een serieuze refactoring.

Wanneer te gebruiken

High-fidelity-prototypen zijn goed wanneer u de eerste testsessies voor gebruikerstests hebt voltooid en uitgebreidere interacties en animaties wilt verkennen. Misschien wilt u ook een visie delen met belanghebbenden over hoe het eindproduct eruit kan zien. 

Aanbevolen hulpmiddelen

In mijn ervaring is ontwerpen in de browser hier het beste. Bootstrap of Foundation zijn perfecte voorbeelden van frameworks om je op de juiste manier te laten lopen.

storyboards

Ik vind de beste tijd om een ​​te gebruiken storyboard is wanneer je een idee hebt om te communiceren. Een storyboard (in de context van UX-ontwerp) is een lineaire sequentie, die laat zien hoe een gebruiker worstelt met een bestaand proces of product. Vaak weerspiegelt het echter een ingebeelde staat en interactie met een nieuw product. 

Wanneer te gebruiken

Innovatieprojecten: Ik werkte vroeger in een adviesbureau. Tussen de contracten door werd ik vaak belast met het opzetten van een innovatieproject om het bedrijfsleven op te trommelen en ons vermogen te verkopen aan bedrijven die mogelijk niet actief op zoek zijn. Op de achterkant van wat we bedachten om te laten zien (onze vaardigheden met big data, gegevensvisualisatie, gebruikerservaring, enz.), Zou de accountmanager bijvoorbeeld onze creaties moeten demonstreren aan elke vertegenwoordiger.. 

Er werd vaak een prototype gemaakt, simpelweg omdat we de middelen hadden om er een te bouwen. In dit scenario is een storyboard echter effectiever als een verkooptool. De potentiële klant kan al dan niet verstand hebben van technologie; door een storyboard te gebruiken, kun je het vakjargon of technische brabbel omzeilen en duidelijk een verhaal laten zien, inclusief een probleem en een oplossing. 

Human Centered Design Uitdagingen: Storytelling is ook krachtig in mensgerichte ontwerpuitdagingen, waarbij u inspiratie moet putten uit onderzoek, ideëen en de reikwijdte van het probleem en innovatieve manieren om deze problemen aan te pakken in overweging moet nemen. Een prototype lijkt hier vaak een beetje voorbarig. De natuurlijke progressie van een van deze uitdagingen kan een crowdfunding-campagne zijn, in plaats van het uitbouwen van een echt product. Daarom is een storyboard misschien de beste manier om dit bondig over te brengen aan een publiek en hen te bereiken op een emotioneel niveau, waar ze eerder geneigd zijn bij te dragen (in tegenstelling tot het kijken naar een gebruikersinterface). 

hackathons: Hackathons zijn waarschijnlijk de beste plek om een ​​storyboard te gebruiken en ironisch genoeg worden ze daar zelden gezien. Dit komt omdat je meestal technische typen krijgt en ze zijn te veel gericht op technologieën en programmeertalen. Deze kunnen het panel van rechters echt vervreemden. Door een overtuigend storyboard te hebben, te laten zien hoe de oplossing het probleem aanpakt, is het waarschijnlijk aantrekkelijker voor het publiek en een sterk aanvullend stuk voor alles dat snel binnen een paar dagen is gegenereerd.

Aanbevolen hulpmiddelen

Low Fidelity

Het enige dat je nodig hebt om een ​​storyboard te maken is een aantal scherpjes en slagerijpapier! Je hoeft niet eens goed te zijn in tekenen. 

Medium Fidelity

Als u een ontwerper bent en Adobe Illustrator, Sketch of Affinity Designer hebt, kunt u uw storyboards naar een hoger niveau tillen door een gratis set storyboardillustraties te vinden en deze naar eigen inzicht aan te passen. Als je online kijkt, zijn er over het algemeen veel beschikbaar. 

Conclusie

In mijn persoonlijke ervaring zijn lage tot middelgrote getrouwheid storyboards voldoende in UX-ontwerp. Misschien als u in de industriële ruimte aan het werk was, heeft u misschien iets hogere getrouwheid nodig. In digitale vorm is het echter onwaarschijnlijk dat de voordelen opwegen tegen de kosten. 

De bedoeling van dit artikel is om u meer bewust te maken van welk deliverable te gebruiken en wanneer. Je zult vaak worden belast met dingen door managers die de behoefte aan elk niet echt begrijpen. Het is te hopen dat je door dit te lezen in staat bent om kritisch na te denken over de benodigde resultaten en een pleidooi te houden voor elke keuze die je bedenkt.