PROTOTYPE

LOW-FIDELITY HIGH-FIDELITY

Vertikal

Horisontal

Få funksjoner

Hver funksjon har MYE detalj/dybde

Mange funksjoner Hver funksjon har LITE detalj/dybde

1. Instruerende / Instructing

2. Konverserende / Conversing

3. Manipulerende / Manipulating

4. Eksplorerende / Exploring

Interaksjonstyper / Interaction types

WIMP (Windows, Icon, Menu, Pointing device)

Shareable Augmented reality

Wearable computing

Tangible interaction

Ubiquitous computing

++ masse annet på side 158 i boka

Interface types / grensesnittstyper

wearable computing

tangible interaction

Pelle kommer hjem fra skolen og er veldig sliten. Han slenger seg rett i sofaen. I enden av rommet står et stereoanlegg. Han har en enhet i lomma som han tar frem. Ved hjelp av denne enheten (eller en app på enheten) klarer han å skru på stereoanlegget og sette på sin favorittmusikk. Han klarer ikke skrive inn navn på artister, så han ønsker alternative måter å bla gjennom musikkbiblioteket på. Han bytter lett mellom sjangre. I tillegg kan han justere volum på stereoanlegget. Han blir liggende en stund, så han ønsker å kunne gjøre andre ting samtidig, f.eks. sjekke e-post og ringe med telefonen. Pelle er blind.

Prototyping for Pelle

Oppgave 1: Storyboard (15-20 min)

Basert på scenarioet over, lag et storyboard over Pelles situasjon. Dette gjøres i grupper “rundt et storyboard” i ca. 10 minutter, og så kan f.eks. en gruppe tegne sitt forslag på tavla. Så kan man høre om noen har gjort det annerledes og evt. be de komme opp og tegne.

Nå skal vi lage et forslag til en skisse på tavla. Vi deler oss inn i 5 grupper, hvor hver gruppe får ansvar for et aspekt ved prototypingen. Hver gruppe går så sammen i 10 minutter og diskuterer.

Gruppe 1: valg av fysiske egenskaper

Gruppe 2: valg av navigasjon og funksjoner

Gruppe 3: valg av utseende og utforming av grensesnitt

Gruppe 4: valg av interaksjonstype

Gruppe 5: valg av grensesnittmetaforer

3: Skisse

Andre ressurser:

http://placeit.net/productshotshttps://webflow.comhttp://lukechesser.github.io/Popular-UIshttp://www.wix.comhttp://www.weebly.comhttp://protomoto.comhttp://pixelpads.comhttp://www.omnigroup.com/omnigrafflehttp://www.teehanlax.com/blog/ios-6-gui-psd-iphone-5http://imgur.com/a/G9pShhttp://www.cssdesignawards.com/articles/20-superlative-ui-ux-designs-prototypes-concepts/73/http://inspiredm.com/11-great-tools-ios-design-teams/https://hackdesign.org/toolkit/interaction-design

http://www.invisionapp.comhttps://moqups.comhttps://www.jumpchart.comhttp://framebox.orghttps://popapp.inhttps://wireframe.cchttp://pencil.evolus.vn/Default.htmlhttp://www.justinmind.comhttp://www.wirify.comhttp://iphonemockup.lkmc.chhttp://www.endloop.ca/imockups/http://www.adobe.com/creativecloud/catalog/mobile.htmlhttp://bohemiancoding.com/sketch/features/http://www.hotgloo.com

Online verktøy / Oblig 2 ressurser