en prototype er en utkastversjon av et produkt som lar deg utforske ideene dine og vise intensjonen bak en funksjon eller det generelle designkonseptet til brukerne før du investerer tid og penger i utvikling. En prototype kan være alt fra papir tegninger (low-fidelity) til noe som gjør det mulig å klikke gjennom noen få stykker innhold til et fullt fungerende nettsted (high-fidelity).
Fordeler Med Prototyper
det er mye billigere å endre et produkt tidlig i utviklingsprosessen enn å gjøre endringer etter at du har utviklet nettstedet. Derfor bør du vurdere å bygge prototyper tidlig i prosessen. Prototyping lar deg samle tilbakemeldinger fra brukere mens du fortsatt planlegger Og designe Ditt Nettsted.
Nielsen 
har funnet ut at de største forbedringene i brukeropplevelsen kommer fra å samle bruksdata så tidlig som mulig. Han bemerker at det er billigere å gjøre endringer før noen kode er skrevet enn å vente til etter at implementeringen er fullført.
Forskjellen Mellom Skisser Og Prototyper
selv om forskjellen mellom skisser, wireframes og prototyper ikke alltid er klar, er det forskjeller i deres intensjoner. Bill Buxton, i sin bok Sketching User Experiences, gir en liste over beskrivelser som bidrar til å forklare forskjellene:
| Skisse | Prototype |
|---|---|
| Stemningsfull | Didaktisk |
| Foreslå | Beskriv |
| Utforsk | Avgrens |
| Spørsmål | Svar |
| Foreslå | Test |
| Provosere | Løse |
| Foreløpig | Spesifikk |
| Uforpliktende | Skildring |
Tracy Lepore definerer videre forskjellene ved visuelt viser kontinuum fra skisse til design ved å skildre forholdet mellom hva designet prøver å kommunisere, mengden iterasjon mellom faser og troskap av designet.
High-Fidelity Og Low-Fidelity Prototyping
det er en pågående debatt om bruk av low versus high fidelity prototyping og hvor mye en prototype skal ligne den endelige versjonen av designet ditt. Begge har vist seg å være i utgangspunktet likeverdige i å finne bruksproblemer(Walker et al 2002). Med det sagt, det er ting å vurdere når du prøver å bestemme hvilket alternativ som er best for prosjektet:
- Low-fidelity prototyper er ofte papirbaserte og tillater ikke brukerinteraksjoner. De spenner fra en rekke håndtegnede mock-ups til utskrifter. I teorien er low-fidelity skisser raskere å lage. Low-fidelity prototyper er nyttige for å muliggjøre tidlig visualisering av alternative designløsninger, noe som bidrar til å provosere innovasjon og forbedring. En ekstra fordel med denne tilnærmingen er at når du bruker grove skisser, kan brukerne føle seg mer komfortable med å foreslå endringer.
- high-fidelity prototyper er datamaskinbaserte, og tillater vanligvis realistiske (mus-tastatur) brukerinteraksjoner. High-fidelity prototyper tar deg så nært som mulig til en sann representasjon av brukergrensesnittet. High-fidelity prototyper antas å være mye mer effektive i å samle sanne menneskelige ytelsesdata (for eksempel tid til å fullføre en oppgave), og i å demonstrere faktiske produkter til kunder, ledelse og andre.
Opprette Papirprototyper
Papirbasert prototyping er den raskeste måten å få tilbakemelding på den foreløpige informasjonsarkitekturen, designen og innholdet på nettstedet. Papirprototyper er enkle å lage og krever bare papir, saks og klistrelapper.
Bruk ett stykke papir for Hver Nettside du oppretter, og få brukerne til å prøve dem ut i en brukbarhetstest. Brukere angir hvor de vil klikke for å finne informasjonen, og du endrer siden for å vise skjermen.
prosessen hjelper deg med å samle tilbakemeldinger tidlig i designprosessen, gjøre endringer raskt og forbedre dine opprinnelige design.
- En Case Studie Av Hvordan Grensesnitt Skisser, Scenarier Og Datamaskin Prototyper Struktur Interessentmøter Av Johanson Og Arvola
- M. Walker, L. Takayama og J. A. Landay, high-fidelity eller low-fidelity, papir eller datamaskin? Velge attributter ved testing av webprototyper, Proceedings Of The Human Factors And Ergonomics Society 46. Årsmøte, 29. September–4. oktober 2002, Baltimore, USA, HFES, Santa Monica (2002), s. 661-665.
- Papirprototyper Fungerer så vel Som Programvareprototyper
