prototyyppi on tuotteen luonnosversio, jonka avulla voit tutkia ideoitasi ja näyttää ominaisuuden tai kokonaissuunnittelukonseptin tarkoituksen käyttäjille ennen kuin investoit aikaa ja rahaa kehitykseen. Prototyyppi voi olla mitä tahansa paperipiirustuksista (low-fidelity) johonkin, joka mahdollistaa muutaman sisällön klikkaamisen täysin toimivaan sivustoon (high-fidelity).
prototyyppien hyödyt
on paljon halvempaa vaihtaa tuote kehitysprosessin alkuvaiheessa kuin tehdä muutos sivuston kehittämisen jälkeen. Siksi prototyyppien rakentamista kannattaa harkita jo varhaisessa vaiheessa. Prototyyppien avulla voit kerätä palautetta käyttäjiltä, kun olet vielä suunnittelemassa ja suunnittelemassa verkkosivustoasi.
Nielsen 
on todennut, että suurimmat parannukset käyttökokemukseen tulevat käytettävyystietojen keräämisestä mahdollisimman varhaisessa vaiheessa. Hän huomauttaa, että on halvempaa tehdä muutoksia ennen kuin mitään koodia on kirjoitettu kuin odottaa, kunnes toteutus on valmis.
luonnosten ja prototyyppien ero
vaikka ero luonnosten, rautalankamallien ja prototyyppien välillä ei aina ole selvä, niiden aikeissa on eroja. Bill Buxton esittää kirjassaan Sketching User Experiences luettelon asiasanoista, jotka auttavat selittämään eroja:
| piirros | prototyyppi |
|---|---|
| muistuttava | didaktinen |
| Ehdota | kuvaile |
| tutki | Tarkenna |
| kysymys | vastaus |
| Ehdota | testiä |
| provosoituminen | Resolve |
| alustava | spesifinen |
| Ei-sitaatti | kuvaus |
Tracy Lepore tarkentaa eroja visuaalisesti näytetään jatkumo sketsistä suunnitteluun kuvaamalla sen väliset suhteet, mitä suunnittelu yrittää viestiä, vaiheiden välisen iteraation määrä ja suunnittelun uskollisuus.
High-Fidelity ja Low-Fidelity prototyyppien
on käynnissä keskustelu low vs. high-fidelity prototyyppien käytöstä ja siitä, kuinka paljon prototyypin tulisi muistuttaa lopullista versiota suunnittelustasi. Molemmat on todettu olevan periaatteessa sama löytää käytettävyys kysymyksiä (Walker et al 2002). Tämän sanoi, On asioita harkitsemaan, kun yrittää päättää, mikä vaihtoehto on paras projektin:
- Low-fidelity-prototyypit ovat usein paperipohjaisia eivätkä salli käyttäjien vuorovaikutusta. Ne vaihtelevat käsin piirretyistä mallikuvista tulosteisiin. Teoriassa vähäeleiset luonnokset ovat nopeampia luoda. Low-fidelity-prototyypit ovat avuksi vaihtoehtoisten suunnitteluratkaisujen varhaisessa visualisoinnissa, mikä auttaa luomaan innovaatioita ja parannuksia. Lisäetuna tähän lähestymistapaan on se, että karkeaa luonnosta käytettäessä käyttäjät voivat tuntea olonsa mukavammaksi ehdottaa muutoksia.
- Hifi-prototyypit ovat tietokonepohjaisia ja mahdollistavat yleensä realistisen (hiiren ja näppäimistön) käyttäjän vuorovaikutuksen. Hifi-prototyypit vievät sinut mahdollisimman lähelle käyttöliittymän todellista esitystä. Hifi-prototyyppien oletetaan olevan paljon tehokkaampia todellisen ihmisen suorituskyvyn tietojen keräämisessä (esim.aika tehtävän suorittamiseen) ja todellisten tuotteiden demonstroimisessa asiakkaille, johdolle ja muille.
paperisten prototyyppien luominen
paperipohjainen prototyyppien tekeminen on nopein tapa saada palautetta sivuston alustavasta tietoarkkitehtuurista, suunnittelusta ja sisällöstä. Paperisia prototyyppejä on helppo luoda ja ne vaativat vain paperia, saksia ja muistilappuja.
käytä yhtä paperinpalaa jokaista luomaasi sivua kohti ja pyydä käyttäjiä kokeilemaan niitä käytettävyystestissä. Käyttäjät ilmoittavat, mistä he haluavat klikata löytääkseen tiedot, ja muutat sivua näyttääksesi kyseisen näytön.
prosessi auttaa keräämään palautetta suunnitteluprosessin alkuvaiheessa, tekemään muutoksia nopeasti ja parantamaan alkuperäisiä suunnitelmia.
- a Case Study of How Interface Sketches, Scenarios and Computer Prototypes Structure Stakeholder Meetings by Johanson and Arvola
- M. Walker, L. Takayama and J. A. Landay, High-fidelity or low-fidelity, paper or computer? Choosing attributes when testing web prototypes, Proceedings of The Human Factors and ergonomia Society 46th Annual Meeting, 29. syyskuuta-4. lokakuuta 2002, Baltimore, USA, Hfes, Santa Monica (2002), s.661 & ndash; 665.
- paperiset prototyypit toimivat sekä Ohjelmistoprototyypit
