Oppskriften er enkel

1. Lag prototypbasisen (en tom skjerm) på et stykke tykt papir.
2. Lag et snitt øverst i hele skjermens bredde (du må selvfølgelig spare på eventuelle navigasjonsknapper). Lag et tilsvarende snitt i nedre del.
   
3. Lag hele skjerminnholdet på en papirstrimle (tykt papir) med nesten samme bredde som snittene øverst og nederst på skjermen.
   
4. Papirstrimlen stikker du inn i snittene i prototypbasisen fra undersiden øverst og ned fra oversiden nederst.
   
5. Slik vises et utsnitt av skjerminnholdet i prototypen din.
   
6. Når brukeren vil scrolle ned eller opp i skjermbildet tar hun papirstrimmelen med fingeren og drar den opp eller ned (du kan eventuelt hjelpe til med å dra papirstrimlen opp eller ned slik at et nytt utsnitt av skjerminnholdet vises)
   
   
   

Slik kan du scrolle, selv med en papirprototyp. Det fungerer ikke bare på prototyper av mobiltelefoner. Også scrolling i applikasjoner på større skjermer kan løses med denne metoden.

Hvordan synes du det fungerer? Gi oss tilbakemeldinger!

Har du noen gang opplevd at alle nikker og tror de er enige, selv om det viser seg at de tenker på helt forskjellige ting? Utviklere har ofte en unik evne til å tenke abstrakt. Det er ikke sikkert at sjefen har den samme forestillingsevnen. Eller kanskje han bare ser for seg ting på en annen måte. En tekstlig beskrivelse kan tolkes på mange måter. Prototyping er en av flere teknikker du kan bruke for å gjøre systemkravene mer håndfast og forståelig for alle i prosjektet.

Hva er GUI-prototyper Gode til?

Det er flere grunner til å bruker prototyper i smidige prosjekter. Det prototyper er Gode til er blant annet:

  
• Å kommunisere – å sikre at alle er enige om de samme tingene
• Å spesifisere – å si noe om hvordan ulike funksjoner skal se ut og hvordan de skal fungere
• Å gjøre brukertester på – slik at prosjektet på et tidlig tidspunkt kan få vite om de er på rett vei.

Detaljnivå og tidsbruk

Det finnes flere ulike former for prototyping. Noen av dem er:

• HTML-prototyper
• Prototyper i PowerPoint
• Photoshop-skisser
• Papirprototyper

Det å snakke om høy- eller lavnivå brukertesting gir egentlig ikke så mye mening, det som betyr noe er riktig grad av detaljnivå og hvor lang tid du bruker i forhold til resultatene du oppnår. I mange tilfeller vil papirprototyper være det riktige valget i smidige prosjekter. Papirprototyping gjør det mulig for designere å sprinte og å ligge et hestehode foran med spesifikasjonene.

Slides fra lyntalen som ble holdt på Smidig 2008 finner du her:
[slideshare id=681600&doc=guiprototyper-er-gode-eli-toftyandersen-slideshare-1224668565309169-9&w=425]

GUI-prototyping var tema for en av Open Space sesjonene som ble satt opp på konferansen. Har du erfaring med bruk av GUI-prototyper i smidige prosjekter? Del dem gjerne med oss!

Eli Toftøy-Andersen gjesteblogger på brukskvalitet.no med jevne mellomrom. Til vanlig jobber hun som rådgiver innen brukervennlighet og design i Steria AS.