khib interaksjonsdesign 1

45
Introduksjon til interaktive medier.

Upload: kjartan-michalsen

Post on 07-Jul-2015

112 views

Category:

Documents


0 download

DESCRIPTION

Første forelesning i kurset interaksjonsdesign og interaktive medier

TRANSCRIPT

Page 1: Khib interaksjonsdesign 1

Introduksjon til

interaktive medier.

Page 2: Khib interaksjonsdesign 1

Hello.Kjartan Michalsenmail: [email protected]

Mobil: 40454554

twit: @liksom

Page 3: Khib interaksjonsdesign 1

Hva interaksjonsdesign?

Page 4: Khib interaksjonsdesign 1
Page 5: Khib interaksjonsdesign 1

Interaktivitet - interaksjon

Respons til menneskelig fysisk manipulering som

berøring, bevegelse, kroppsspråk, lyd eller andre

endringer i fysiologiske status.

Page 6: Khib interaksjonsdesign 1

Kjartan

Interaksjonsdesigner

Nye Media

Page 7: Khib interaksjonsdesign 1
Page 8: Khib interaksjonsdesign 1
Page 9: Khib interaksjonsdesign 1
Page 10: Khib interaksjonsdesign 1
Page 11: Khib interaksjonsdesign 1
Page 12: Khib interaksjonsdesign 1
Page 13: Khib interaksjonsdesign 1

Hva interaksjonsdesign?

Page 14: Khib interaksjonsdesign 1
Page 15: Khib interaksjonsdesign 1
Page 16: Khib interaksjonsdesign 1
Page 17: Khib interaksjonsdesign 1
Page 18: Khib interaksjonsdesign 1
Page 19: Khib interaksjonsdesign 1

”When we use the concept of 'interactive media' exclusively in relation to

computer-based media, there is the danger that we will interpret 'interaction'

literally, equating it with physical interaction between a user and a media

object (pressing a button, choosing a link, moving the body), at the expense

of psychological interaction. The psychological processes of filling-in,

hypothesis formation, recall, and identification, which are required

for us to comprehend any text or image at all, are mistakenly identified with

an objectively existing structure of interactive links"

(Lev Manovich:57:2001)

Page 20: Khib interaksjonsdesign 1

Jammen, hva ER

interaksjonsdesign?

Page 21: Khib interaksjonsdesign 1

Funksjoner

Begrensninger

MuligheterTilbydelsene(Affordances)

• Fysiske begrensninger

• Semantiske begrensninger

• Logiske begrensninger

• Kulturelle begrensninger

Page 22: Khib interaksjonsdesign 1
Page 23: Khib interaksjonsdesign 1
Page 24: Khib interaksjonsdesign 1
Page 25: Khib interaksjonsdesign 1
Page 26: Khib interaksjonsdesign 1
Page 27: Khib interaksjonsdesign 1
Page 28: Khib interaksjonsdesign 1
Page 29: Khib interaksjonsdesign 1
Page 30: Khib interaksjonsdesign 1
Page 31: Khib interaksjonsdesign 1
Page 32: Khib interaksjonsdesign 1

Nielsens 9 heuristikker

http://www.nngroup.com/articles/ten-usability-heuristics/

Page 33: Khib interaksjonsdesign 1

1. Systemstatus skal vises - visibility

Systemet skal alltid holde bruker informert om hva som

skjer gjennom passende feedback innen rimelig tid.

Page 34: Khib interaksjonsdesign 1

2. Match mellom systemet og den virkelige verden

Systemet bør snakke brukers språk, med ord, fraser og

konsepter som er kjent for bruker.

Systemet bør følge den virkelige verdens konvensjoner,

og la informasjonen komme i en naturlig, logisk

rekkefølge.

Page 35: Khib interaksjonsdesign 1

3. Brukerkontroll og frihet

Brukere kan gjøre feil, og må lett kunne avbryte og finne

veien tilbake til utgangspunktet.

’Angre’ og ’Gjenta’-funksjonene må støttes

Page 36: Khib interaksjonsdesign 1

4. Konsistens og standarder

Brukere burde ikke måtte lure på om forskjellige ord og

handlinger skal bety det samme.

Plattformkonvensjoner bør følges.

Page 37: Khib interaksjonsdesign 1

5. Forebygge feil

Eliminer så godt det lar seg gjøre brukers mulighet til å

gjøre feil gjennom et godt design.

Forklarende feilmeldinger, bekreftelsesdialogbokser.

Page 38: Khib interaksjonsdesign 1

6. Gjenkjennelse fremfor tilbakekalling

Minimer brukers bruk av minnet – gjør objekter,

handlinger, og valg synlige. Bruker skal slippe å måtte

huske informasjon fra en del av en dialog til neste.

Instruksjoner for bruk av programmet bør være synlig

eller lett tilgjengelig så ofte som mulig.

Page 39: Khib interaksjonsdesign 1

7. Fleksibilitet og efficiency ved bruk

Akseleratorer som ikke synes for den vanlige bruker kan

fremskynde interaksjonsprosessen for ekspertbrukere –

slik at systemet både støtter uerfarne og erfarne brukere.

Page 40: Khib interaksjonsdesign 1

8. Estetisk og minimalistisk design

Nettsidene bør ikke inneholde informasjon som er

irrelevant eller sjelden behov for. Hver ekstra

informasjonsenhet konkurrerer med de relevante

informasjonsenhetene, og bør kuttes eller gjøres mindre

synlig om informasjonen er lite relevant.

Page 41: Khib interaksjonsdesign 1

9. Hjelpe brukere til å gjenkjenne, diganostisere og rette

feil

Feilmeldinger burde uttrykkes i et klart språk uten koder,

presist definere problemet og konstruktivt foreslå en

løsning.

Page 42: Khib interaksjonsdesign 1

Oppdrag:

45 min. Grupper.

Finn minst 3 gode + 3 dårlige

eksempler på interaksjonsdesign. 50/50

online/offline. Presenteres for klassen.

Page 43: Khib interaksjonsdesign 1

Gjennomgang

The good, the bad, and the ugly

Page 44: Khib interaksjonsdesign 1

I morgen:

Interaktivitet

Page 45: Khib interaksjonsdesign 1