Prototyping

Fra ide til prototype – 3 Trin og 5 konkrete råd til hvordan du gør

Læsetid: 7 minutter

Minimal viable product (MVP), agile udviklingsprojekter, value driven development er populære emner og termer i disse tider. Hurtig eksekvering og lancering af en ide, for enten at få bekræftet værdien (og høste den) eller manglende samme.

Alt sammen uden at de investerede ressourcer er tabte, men i stedet skaber nye forretnings muligheder eller er med til at finansiere ny værdifuld viden og læring.
Dette er et tema der fylder hos mange virksomheder og det er en svær disciplin at mestre.

Vi har hjulpet mange kunder fra ide til lancering af nye digitale produkter og services. Dette indlæg vil primært fokusere på den type af proces. Altså nye digitale løsninger målrettet udvalgte slutkunder – og ikke udvikling og implementering af fysiske produkter.

Vi gennemgår typisk 3 simple trin der hjælper kunden fra ide til prototype. Formålet med prototypen er at minimere omkostninger, reducere risiko samt øge leverancehastigheden af en ”værdi-skabende” service til markedet.

Prototyping

Trin 1: Validering af jeres ide

Vi oplever at vores kunder er forskellige steder i processen, men typisk står de med en ide som de ønsker at få valideret.

Idevalidering er et større tema i sig selv, så mange gange har vores kunder lavet en indledende validering og har nu så god en fornemmelse af ideen at de ønsker at tage et spadestik dybere i valideringen – her er prototypen et stærkt værktøj.

Læs mere om idevalidering her: https://www.viima.com/blog/idea-validation

Råd 1) Afdæk følgende i valideringen af jeres ide:

1. Definer jeres kunde/forbruger. ”Alle” kan ikke være en kunde.
2. Definer problemet i løser. 42% af alle startups fejler på grund af at der ikke er et behov i marked.
3. Definer nuværende løsning på problemet. Ofte er der ikke behov for en ny løsning til at løse problemet.
4. Bekræft unikheden. Få bekræftet at jeres løsning er bedre og mere relevant for brugeren.
5. Valider forretningsmodellen. Hvordan vil i tjene penge.

Trin 2: Etablering af koncept

I denne del af processen laver vi en kort beskrivelse af konceptet samt de primære eller overordnede kunde-/brugerflows.

Koncept beskrivelse

Fortæller kort hvad konceptet og ideen går ud på. At få det skrevet ned er en god måde at få afstemt enigheden blandt relevante beslutningstagere samt ligeledes sikre at der er taget stilling til hvilket problem ideen skal løse.

Dette behøver ikke tage lang tid eller fylde meget. Oftest oplever vi, at det faktisk fungere bedre hvis det er kort og præcist – så en halv A4 side er rigeligt. Vigtigt at undgå, at begynde og forklare en masse om hvad ideen gør – den del afdækkes i efterfølgende step.

Råd 2) Lav en koncept beskrivelse på max en halv A4 side.

Kunde-/brugerflows

En god måde, at få afdækket krav og funktioner til understøttelse af ens ide og koncept er at optegne de primære brugerflows for løsningen.

Disse fungere også som grundlag for efterfølgende design og udvikling af prototypen hvor man går yderligere i detaljer.

For de enkelte flows skitseres kort:

  • Hvad brugeren ser
  • Hvad brugeren gør

UI Flow

Derefter forbinder man alle sine brugerflows for at skabe et samlet billede.

UI Flowdiagram

Der findes forskellige værktøjer til at understøtte dette arbejde. Vi anvender selv Adobe XD, men der er andre gode værktøjer som Sketch, Visio, m.fl.

Råd 3) Optegn primære kundeflows => Bidrager til afklaring af behov og sikre et samlet overblik over løsningen.

Trin 3: Design af prototype

I tredje trin designer og udvikler vi en prototype af løsningen. Baseret på forrige trin så har vi et godt fundament til at designe en visuel og interaktiv prototype.
Vi gør typisk dette i Adobe XD, men der findes en række værktøjer der kan anvendes til formålet:

  • Sketch
  • InVision
  • Origami
  • Balsamiq

I Adobe XD modellerer vi de enkelte skærmbilleder og ligeledes opbygger vi det flow vi definerede i Trin 2 (Se simpelt eksempel nedenfor).

Design af prototype i Adobe XD
Design af prototype i Adobe XD

Når vi har designet skærmbillederne og bygget flowet, så har vi en ”fungerende” prototype der kan præsenteres for potentielle kunder. De fleste design programmer er sådan indrettet at man kan interagere og gennemfører de designede flows og dermed få oplevelsen af hvordan det vil være at anvende den rigtige løsning.

En rigtig god metode og proces til understøttelse af dette arbejde er Design Studio Method. Vi vil ikke gå i dybden med metoden her, men du kan læse en detaljeret beskrivelse her: What is Design Studio Method?

Kort fortalt hjælper metoder med i grupper hurtigt at få lavet konkrete løsningsforslag til forskellige skærmbilleder og funktioner til en given løsning.

Råd 4) Tegn de ønskede skærmbilleder – gerne inden i gør dem digitale for at minimere re-design. Design Studio Method er en god metode til at understøtte dette arbejde: What is Design Studio Method?

Råd 5) Brug design værktøj til at lave en simpel prototype der er interaktiv. I har nu en løsning der kan præsenteres og bruges til indsamling af feedback fra potentielle kunder.

Ovenstående tre trin kan typisk gennemføres på et par dage til et par uger, afhængigt af hvor kompleks og omfattende løsningen er. Når i har gjort det, så står i med en interaktiv prototype som i enten kan afprøve på udvalgte kunder eller alternativt som fundament til udvikling af en fuldt virkende applikation.

Læs også:

1,455 thoughts on “Fra ide til prototype – 3 Trin og 5 konkrete råd til hvordan du gør

  1. Simply want to say your article is as astonishing.
    The clarity in your post is just spectacular and i could assume you’re an expert on this subject.
    Well with your permission allow me to grab your feed to keep updated
    with forthcoming post. Thanks a million and please keep up the enjoyable work.

  2. Having read this I thought it was really informative.
    I appreciate you taking the time and effort to put this content together.
    I once again find myself spending way too much time both reading and leaving comments.
    But so what, it was still worth it!

  3. Hello there! I could have sworn I’ve visited your blog
    before but after looking at many of the posts I realized it’s new to me.
    Anyhow, I’m certainly pleased I found it and I’ll be bookmarking
    it and checking back often!

  4. Pingback: madridbet
  5. Pingback: madridbet
  6. Pingback: madridbet
  7. Pingback: meritking
  8. Hi, I do think this is an excellent website. I stumbledupon it 😉 I will come back once
    again since I bookmarked it. Money and freedom is the greatest way to change, may you be rich and continue to
    guide other people.

  9. Undeniably believe that which you said. Your favourite reason seemed to be on the net
    the simplest thing to understand of. I say to you, I definitely get irked at
    the same time as people consider concerns that they just do not know about.
    You managed to hit the nail upon the highest and also defined out the
    whole thing without having side effect , other folks can take a signal.
    Will likely be again to get more. Thank you

  10. Hi there this is kinda of off topic but I was wanting to know if blogs use WYSIWYG editors or if you have to manually
    code with HTML. I’m starting a blog soon but have no coding
    expertise so I wanted to get advice from someone with experience.
    Any help would be enormously appreciated!

  11. I’ve been exploring for a little for any high-quality articles or weblog posts in this sort of space .
    Exploring in Yahoo I at last stumbled upon this website.
    Studying this info So i am happy to convey that I’ve a
    very good uncanny feeling I found out just what I needed.
    I so much surely will make certain to do not omit this web site and provides it a
    glance regularly.

  12. Pingback: meritking
  13. Hello fantastic blog! Does running a blog such as this require a
    great deal of work? I have absolutely no understanding of programming but I had been hoping to start my own blog in the near future.
    Anyhow, should you have any ideas or techniques for new blog owners please share.

    I understand this is off topic however I simply had to ask.

    Many thanks!

  14. I used to be recommended this blog by means of my cousin. I’m not positive whether
    or not this publish is written through him as nobody else
    know such distinct approximately my trouble.

    You’re amazing! Thank you!

  15. Hi! I know this is kinda off topic but I was wondering if you knew where I
    could locate a captcha plugin for my comment form?
    I’m using the same blog platform as yours and I’m having problems finding
    one? Thanks a lot!

  16. Howdy just wanted to give you a quick heads up.
    The text in your content seem to be running off the screen in Firefox.

    I’m not sure if this is a formatting issue or something to
    do with browser compatibility but I figured I’d post to let you know.
    The layout look great though! Hope you get the issue solved soon. Cheers

  17. First off I would like to say fantastic blog! I had
    a quick question that I’d like to ask if you do not mind.
    I was interested to know how you center yourself and clear your mind before writing.
    I have had a difficult time clearing my thoughts in getting
    my thoughts out there. I do take pleasure in writing however it just seems like the first 10 to 15 minutes are
    wasted simply just trying to figure out how to begin. Any recommendations
    or hints? Cheers!

  18. Pingback: meritking
  19. Admiring the persistence you put into your website
    and detailed information you offer. It’s good to come across a blog every once in a while that isn’t the same unwanted rehashed information.
    Fantastic read! I’ve bookmarked your site and I’m adding your RSS feeds to my Google account.

  20. Heya! I realize this is kind of off-topic but I needed to
    ask. Does managing a well-established website like yours require a massive
    amount work? I’m brand new to running a blog but I
    do write in my journal every day. I’d like
    to start a blog so I can easily share my personal experience and views online.
    Please let me know if you have any suggestions or tips
    for new aspiring blog owners. Thankyou!

  21. Hello there! This article couldn’t be written any better! Going through this post reminds me of my previous roommate! He constantly kept talking about this. I am going to forward this article to him. Pretty sure he will have a very good read. Thank you for sharing!

  22. It is perfect time to make a few plans for the future and it is time to be happy. I have read this publish and if I may just I want to recommend you few interesting things or advice. Perhaps you could write next articles relating to this article. I wish to read more things approximately it!

  23. My spouse and I stumbled over here from a different website and thought I might as well check things out. I like what I see so now i’m following you. Look forward to looking at your web page again.

  24. Hi my family member! I want to say that this article is awesome, great written and come with almost all significant infos. I’d like to see more posts like this .

  25. I’m really enjoying the design and layout of your blog. It’s a very easy on the eyes which makes it much more enjoyable for me to come here and visit more often. Did you hire out a designer to create your theme? Excellent work!

  26. Fantastic beat ! I wish to apprentice while you amend your site, how can i subscribe for a blog site? The account aided me a acceptable deal. I had been tiny bit acquainted of this your broadcast provided bright clear concept

  27. I don’t even know how I ended up here, but I thought this post was good. I don’t know who you are but definitely you are going to a famous blogger if you are not already 😉 Cheers!

  28. My brother suggested I would possibly like this website. He used to be totally right. This post actually made my day. You cann’t consider just how much time I had spent for this information! Thank you!

  29. Woah! I’m really loving the template/theme of this site. It’s simple, yet effective. A lot of times it’s very difficult to get that “perfect balance” between superb usability and visual appearance. I must say that you’ve done a amazing job with this. Additionally, the blog loads extremely fast for me on Internet explorer. Exceptional Blog!

  30. I’m impressed, I must say. Rarely do I encounter a blog that’s equally educative and interesting, and let me tell you, you have hit the nail on the head. The issue is something which not enough folks are speaking intelligently about. I am very happy that I stumbled across this in my search for something relating to this.

  31. I simply could not leave your web site prior to suggesting that I really enjoyed the standard information a person supply in your visitors? Is going to be back ceaselessly in order to inspect new posts

  32. Wow! This blog looks exactly like my old one! It’s on a completely different topic but it has pretty much the same layout and design. Outstanding choice of colors!