Snabba prototyper för att visualisera och testa
Snabba prototyper kan användas för många syften. De kan vara digitala och se ut som en färdig produkt. Men de kan även vara handritade på papper eller byggda i lego.
Ett syfte med att göra snabba prototyper kan vara att kunna testa igenom er idé eller produkt. I ett tidigare inlägg skrev jag om snabba enkla prototyper som är ett superbra sätt att snabbt testa idéer, flöden osv. Med digitala prototyper kan du testa mer djupgående. Du kan skapa något som ser ut som och fungerar som din tänkta produkt. Ibland vill man se och “känna” på en produkt eller tjänst innan man lägger ner resurser på att producera. Prototyper är ett bra sätt att visualisera och kommunicera idéer och krav.
Vad vill du testa?
Fundera på vad det är du vill undersöka eller testa:
- en specifik funktion
- navigering
- layout
- grafisk utformning
- dina call to action
- varumärket
- din story
- användbarhet
Du kan göra flera digitala prototyper med olika grad av “fidelity”. Dvs att den är olika mycket utvecklad beroende på vad du vill testa.
När du skapar digitala prototyper kan du labba mycket och det tar inte alltför lång tid.
Du har möjlighet att testa olika features, din brand story, varumärket, dina call to actions osv. Allt utan att du behöver offentliggöra en hel site innan du känner dig redo.
Om du arbetar i ett företag och flera personer behöver involveras så är det också kostnadseffektivt att testa er fram med prototyper innan tid och pengar för utveckling börjar ticka. Med en digital prototyp finns även fördelen att ni kan skapa en gemensam bild av det som sedan ska utvecklas. Det blir enklare att kommunicera era krav till utvecklarna, om ni har en prototyp att visa eller utgå ifrån. Alla som sedan ska använda siten eller tjänsten får också en känsla för hur den kommer att se ut och fungera.
Exempel på digitala snabba prototyper
De första bilderna visar prototyper där jag ville testa flödet i två olika applikationer, endast enkla symboler och gränssnitt. Jag har inte prioriterat att lägga tid på grafisk utformning.
Bilderna nedan visar en prototyp där vi önskade testa storyn och hur vi skulle utforma Call to action knapparna. Vad skulle det stå på dem? Vi ville även testa layouten och placering av objekt på sidorna. Detta är en första digital prototyp för en hemsida till en konstnär.
Program för att skapa prototyper
Det finns en mängd program för att skapa digitala prototyper. Det handlar mycket om tycke och smak. Samtliga har oftast en gratis version med begränsningar och sedan olika nivåer av betal versioner. Testa gratisversionerna för att se om det är något som passar dig och dina behov.
Jag själv föredrar följande olika program:
Adobe XD (exempel på prototyp här)
- Lätt att komma igång
- Möjligt att skapa mycket rent grafiskt
- Bra för att testa flöden och funktioners placering
- Skapa enkla eller avancerade prototyper i Sketch
- Exportera för tester till Invision
- Möjligt att skapa prototyper direkt i Invision
- Relativt hög inlärningströskel
- Avancerad funktioner med databaser som kan kopplas till funktionalitet
- Du kan skapa en nästan färdig produkt
Sammanfattning begreppsskolan prototyp
Syftet med att skapa en prototyp är bland annat att kunna:
- kommunicera en idé på ett visuellt sätt
- jämföra olika lösningars för- och nackdelar
- testa olika sätt att lösa ett problem
- testa funktionalitet
- visa upp och presentera en produkt eller tjänst
Inom digital design och UX (user experience eller användarupplevelse) arbetar vi mycket med prototyper som verktyg.
Det finns flera skäl:
- Billigt sätt att snabbt testa en idé
- Enklare att framställa än en färdig hemsida eller app
- Viktigt verktyg för att verifiera den funktionalitet som önskas
- Bra sätt att kunna testa om användare förstår hur de navigerar
- Att undersöka om målgruppen gör det vi förväntat oss att de ska göra (t ex köpa något av oss)
