Kapittel 10 Prototyping del 1 Frode Eika Sandnes

Kapittel 10: Prototyping (del 1) Frode Eika Sandnes, Universell utforming av IKT-systemer: brukergrensesnitt for alle, 2. utgave, Universitetsforlaget, 2018. ISBN 9788215030333

Motivasjon • Prototyper lages før et brukergrensesnitt programmeres • En prototype dokumenterer vår forståelse av brukerens behov og våre ideer utforming av brukegrensesnittet • Prototyper brukes til å få tidlige tilbakemeldinger på ideer, slik at vi sparer penger, tid og innsats • Det er lettere å endre en prototype enn et programmert brukergrensesnitt

Evolusjonære og revolusjonære prototyper • En evolusjonær prototype utvikles gradvis igjennom itereringer der siste versjon er endelig produkt. Beslutninger på et stadium for konsekvenser for senere versjoner. • En revolusjonær (bruk-og-kast) prototype «kastes» etter bruk og man starter med en ny prototype ved neste iterasjon. Det er mulighet for å eksperimentere ved hver iterering uten bekymringer for konsekvensene.

Horisontal prototyper • Gir overblikk • Brukes til høynivåpresentasjoner

Vertikale prototyper • Vertikale prototyper er utformet for besvare spesifikke spørsmål i brukertester

Hi-fi versus lo-fi prototyper • Lo-fi prototyper – – – Lite eller ingen interaksjon Ingen eller delvis fungerende funksjonalitet Krever lite innsats å lage Kan laget i papir Uforpliktende og lette å kaste Kan ikke forveksles med endelig produkt • Hi-fi prototyper – – – Mye interaksjon Fungerende funksjonalitet Krever mye innsats å lage Forpliktende – vanskelige å kaste Kan forveksles fra endelig produkt

Lo-fi prototyper • Alternativer – Papir – Power. Point – Flash – Prototypingsversktøy • Ingen regler – bruk hva som helst så lenge det skaper ønsket effekt

Papirprototyper • Ingrenienser – Papir – Tykk tusj – Post-it – Limbånd • Eksempler følger:

Web • Papirprototyper av nettsider blir mer realistiske med nettlesermaler. • En nettlesermal kan lages ved å ta en skjermdump av et nettleservindu, og viske ut innholdet i et bilderedigeringsprogram. • Deretter kan man tegne brukergrensesnittet i nettleservinduet for hånd. • Flere eksempler følger….

Smarttelefoner og smartklokker (liten formfaktor) • Smarttelefonmaler kan brukes til å lage papirprototyper som tydelig signaliserer mobile applikasjoner. • Eller, man kan tegne digitalt og vise tegningene direkte på smarttelefonen. • Smartklokkermaler fungerer på samme måte. • Eksempler følger….

Fortsetter i del 2