Scrolling er vanskelig å simulere på papirprototyper, spesielt på mobiltelefoner. Her er en teknikk som løser dette problemet.

img_1134cr2 img_1135cr2

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.
    img_1125cr2
  3. Lag hele skjerminnholdet på en papirstrimle (tykt papir) med nesten samme bredde som snittene øverst og nederst på skjermen.
    img_1129cr2
  4. Papirstrimlen stikker du inn i snittene i prototypbasisen fra undersiden øverst og ned fra oversiden nederst.
    img_1130cr2
  5. Slik vises et utsnitt av skjerminnholdet i prototypen din.
    img_1131cr2
  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)
    img_1134cr2

    img_1135cr2

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!

Bra artikkel? Bånn i bøttaDårligHelt greitBraDritbra!
Loading ... Loading ...

One Response to “Slik får du til scrolling på papirprototyper”

  1. Ida Says:

    Har laget papirprototyper, og det så genialt enkelt ut. Men om du skal teste mange skjermer, så så det ut som ganske mye arbeid.

    Og om de som testes er folk som er kjent med f eks iphone-grenesnittet, så skulle det holde å bare legge på et nytt ark, der det er scrollet ned allerede. (fungerer hvertfall om det er litt mindre enn 2 screenfulls..)

    Bra? Thumb up 0 Thumb down 0

Leave a Reply