khib interaksjonsdesign 1
DESCRIPTION
Første forelesning i kurset interaksjonsdesign og interaktive medierTRANSCRIPT
![Page 1: Khib interaksjonsdesign 1](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/1.jpg)
Introduksjon til
interaktive medier.
![Page 3: Khib interaksjonsdesign 1](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/3.jpg)
Hva interaksjonsdesign?
![Page 4: Khib interaksjonsdesign 1](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/4.jpg)
![Page 5: Khib interaksjonsdesign 1](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/5.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/6.jpg)
Kjartan
Interaksjonsdesigner
Nye Media
![Page 7: Khib interaksjonsdesign 1](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/7.jpg)
![Page 8: Khib interaksjonsdesign 1](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/8.jpg)
![Page 9: Khib interaksjonsdesign 1](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/9.jpg)
![Page 10: Khib interaksjonsdesign 1](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/10.jpg)
![Page 11: Khib interaksjonsdesign 1](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/11.jpg)
![Page 12: Khib interaksjonsdesign 1](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/12.jpg)
![Page 13: Khib interaksjonsdesign 1](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/13.jpg)
Hva interaksjonsdesign?
![Page 14: Khib interaksjonsdesign 1](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/14.jpg)
![Page 15: Khib interaksjonsdesign 1](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/15.jpg)
![Page 16: Khib interaksjonsdesign 1](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/16.jpg)
![Page 17: Khib interaksjonsdesign 1](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/17.jpg)
![Page 18: Khib interaksjonsdesign 1](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/18.jpg)
![Page 19: Khib interaksjonsdesign 1](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/19.jpg)
”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](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/20.jpg)
Jammen, hva ER
interaksjonsdesign?
![Page 21: Khib interaksjonsdesign 1](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/21.jpg)
Funksjoner
Begrensninger
MuligheterTilbydelsene(Affordances)
• Fysiske begrensninger
• Semantiske begrensninger
• Logiske begrensninger
• Kulturelle begrensninger
![Page 22: Khib interaksjonsdesign 1](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/22.jpg)
![Page 23: Khib interaksjonsdesign 1](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/23.jpg)
![Page 24: Khib interaksjonsdesign 1](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/24.jpg)
![Page 25: Khib interaksjonsdesign 1](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/25.jpg)
![Page 26: Khib interaksjonsdesign 1](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/26.jpg)
![Page 27: Khib interaksjonsdesign 1](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/27.jpg)
![Page 28: Khib interaksjonsdesign 1](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/28.jpg)
![Page 29: Khib interaksjonsdesign 1](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/29.jpg)
![Page 30: Khib interaksjonsdesign 1](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/30.jpg)
![Page 31: Khib interaksjonsdesign 1](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/31.jpg)
![Page 32: Khib interaksjonsdesign 1](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/32.jpg)
Nielsens 9 heuristikker
http://www.nngroup.com/articles/ten-usability-heuristics/
![Page 33: Khib interaksjonsdesign 1](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/33.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/34.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/35.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/36.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/37.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/38.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/39.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/40.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/41.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/42.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/43.jpg)
Gjennomgang
The good, the bad, and the ugly
![Page 44: Khib interaksjonsdesign 1](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/44.jpg)
I morgen:
Interaktivitet
![Page 45: Khib interaksjonsdesign 1](https://reader031.vdocuments.net/reader031/viewer/2022020207/559ab7ee1a28ab71078b4686/html5/thumbnails/45.jpg)