Workshop Design met behulp van een app – Marnix Bras

Los een probleem op met een app.
Leent een app of website zich als oplossing voor jouw probleem? Test het uit door het cocept te visualiseren in een prototype. Is dat moeilijk? Nee. Dat kan iedereen.

Prototypen is een nuttige fase in het zoeken naar ene oplossing van een complex probleem.
Het helpt je om:

De ontstane ideeën op papier te visualiseren;
Valkuilen te detecteren;
Feedback op te halen

Valkuil hierbij is om direct pixelperfect te werken. (High fidelity). Begin liever lo-fi. Zet je idee of storyboard bijvoorbeeld eerst om in een paper prototype. Bijvoorbeeld middels MarvelPOP.

Voorbereiding: Maak een storyboard

Een storyboard is een goede oefening om de mens centraal te zetten in het uitwerken van het verhaal achter je idee. Lees hierover meer in mijn blogpost Storyboarding.

Een lo-fi paper prototype: dit kan je dus doen met de gratis app MarvelPOP (van tevoren downloaden en account aanmaken). Dit werkt zowel in de app op android of iPhone als op de webinterface op een gewone computer.

MarvelPOP heeft niks met Marvel van de tekenfilms te maken, maar wel met een klein bedrijf uit London dat prototypen van een app op basis van papieren schetsen makkelijk heeft gemaakt.

Je kan MarvelPOP alvast installeren op je telefoon:

Ga op je telefoon naar https://marvelapp.com/pop
Klik daar op het Play-store (Android) of App store (Iphone / ipad) icoon om het te installeren op je telefoon
Maak een free account op https://marvelapp.com/signup
Log daarmee in op je smartphone in de app MarvelPOP
Log met dezelfde gegevens ook in op je laptop in een browser (chrome, safari of edge) op https://marvelapp.com/signin

Stappen:

1 Begin op papier!

Schets op templates, bijv: https://marvelapp.com/static/iphone6plus-sketch-pad.7073b8ae.pdf

Gebruik kleur, verplaatsbare items (handig voor uitvouwen / verschijnen, herbruikbare items)

Let op: gebruik duidelijk leesbare en realistische teksten. Print die eventueel uit en knip en plak ze er in.

Tip: Gebruik standaard elementen zoals van https://www.userfocus.co.uk/resources/prototype.html.
Meer info hierover eventueel op https://www.nngroup.com/articles/paper-prototyping-cutout-kit.

2: Digitaliseer in MarvelPOP

Fotografeer in https://marvelapp.com/pop en maak de flow!

Zie bijgaand voorbeeld.

3: Itereer

Pas je ontwerp al makend aan! Tijdens het maken kom je vast op euvels en vergissingen. Denk bijvoorbeeld aan de “terug”-navigatie.

4: TEST

Je prototypet natuurlijk om te leren. Dat lukt het beste als je ook feedback verzamelt van stakeholders en/of gebruikers.

Maak je prototype deelbaar. Dit kan met de blauwe knop “share”, en dan onder “share link” de knop “copy link”

Deel de link met iemand uit je omgeving. Vertel waarom je de feedback wil, wat de taak / context is en hoe deze persoon dat zou aanpakken. Je test niet de persoon maar het concept.

Ik hoor graag of en hoe je dit helpt! Meer weten? Neem contact op met mij voor het begeleiden van jouw workshop of design sprint.