SlideShare a Scribd company logo
1 of 121
Download to read offline
Introduksjon til
interaksjon
Hello.

Kjartan Michalsen
mail: kjartan@fluxloop.com
Mobil: 40454554
twit: @liksom
http://d7.no/khib
=denne presentasjonen + lenker
Hva er interaksjon?
Interaktivitet - interaksjon
Respons til menneskelig fysisk manipulering som berøring,
bevegelse, kroppsspråk, lyd eller andre endringer i
fysiologiske status.
Hva brukeropplevelse?
”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)
Jammen, hva ER
interaksjonsdesign?
Begrensninger

• 
• 
• 
• 

Fysiske begrensninger
Semantiske begrensninger
Logiske begrensninger
Kulturelle begrensninger

Funksjoner

Tilbydelsene
(Affordances)

Muligheter
Dyretestet
Mobil applikasjon for å søke opp produkter og sjekke om disse er
testet på dyr eller ikke.
Peppes Pizza
Digitalt effektiviseringsverkøy
Telenor Expo
Interpersonlige media
Hver deltager i kommunikasjonen har lik kontroll over
innholdet som blir kommunisert. // Innholdet blir
individualisert til det enkelte individ.
Massemedia
Nøyaktig det samme innholdet går til alle mottakere //
Den som sender har absolutt kontroll over innholdet og
form
Nye Media
Unik tilpasset informasjon kan samtidig leveres til
uendelig mange mennesker // Alle involvert i
kommunikasjonen har lik kontroll over innholdet // Ikke
fiksert, kan eksistere i uendelige variasjoner
Konflikten
Tradisjonell billedlig illusjonisme siden renessansen
– skjermen (bildet, maleriet) er et vindu til et virtuelt
rom // Noe å se inn i, men ikke interagere med.
Konflikten
Ny konvensjon fra 1981 – grafiske grensesnitt på
dataskjerm // Skjermen har et klart definert sett med
kontroller, og blir derfor et virtuelt instrumentpanel.
Skjermen blir en slagmark for flere inkompatible
definisjoner – Dybde / overflate, transparens /
gjennomsiktighet og bilde som romlig illusjon /
instrumentpanel for handling
Digital farge.
Goethe
Johannes Itten
CMYK
RGB
sRGB
Adobe RGB
RGB som verdi
Digital typografi
Lesbarhet og tydlighet
”It has a mechanical skeleton and the
forms are largely geometric. At the same
time the font’s sweeping semi-circular
curves give it a cheerful demeanor.”
59	
  
60	
  
Dataspill

Noen slides lånt av Linn Søvig - @lisov
Et spill er et regelbasert formelt system med variabelt og
kvantifiserbart utfall, hvor de forskjellige utfallene tillegges
forskjellige verdier, spilleren utviser anstrengelse for å
påvirke utfallet, spilleren føler seg tilknyttet til utfallet, og
konsekvensene av aktiviteten er frivillige og
forhandlingsbare (Juul 2003)
Et spill er et system hvor spillerne går inn i en kunstig
konflikt, definert av visse regler, som resulterer i et
kvanitfiserbart utfall (Salen og Zimmerman 2004).
Spacewar!
Anno 1961
”There is no reason for any individual to
have a computer in his home”
– Ken Olsen, Digital Equipment
Corporation - 1977
Større inntekter enn kino- og
filmindustrien
Digital distribusjon
Nettbrett og smarttelefon
Action
Rollespill
Puzzle
Sport
Adventure
Sloss
Simulering
Strategi
Perspektiv
2D
Top down perspective
Side-scrolling perspective (platform?)
3D
First person
Third person
Plattform
First person shooter
Real time strategy
Point & click
Hva er dataspill?
Kultur?
Kunst?
Storytelling?
Et spill er et regelbasert formelt system med variabelt og
kvantifiserbart utfall, hvor de forskjellige utfallene tillegges
forskjellige verdier, spilleren utviser anstrengelse for å
påvirke utfallet, spilleren føler seg tilknyttet til utfallet, og
konsekvensene av aktiviteten er frivillige og
forhandlingsbare (Juul 2003)
Et spill er et system hvor spillerne går inn i en kunstig
konflikt, definert av visse regler, som resulterer i et
kvanitfiserbart utfall (Salen og Zimmerman 2004).
Spilldesign
Objective – mål
Actions – tiltak – hva må/kan du gjøre?
Challenges – utfordringer - motstand
Variables - variabler
Ruleset - regler
Objekter – de deler, elementer eller
variabler i systemet
Attributer – kvaliteter eller verdier i
systemet og objekter
Interne forhold – forholdet mellom
objekter
Omgivelser – kontekst som omringer
systemet
Space – rom
Time – tid
Rules – regler
Narrative - fortelling
La oss spille
http://d7.no/khibspill
The dreamerz
• 
• 
• 
• 
• 
• 
• 

Hva er målet?
Hvem eller hva er spillfiguren?
Hvilket perspektiv?
Hvilke sjanger?
Hva forteller omgivelsene deg?
Hva forteller interaksjonen deg?
Er den gøy? Hvorfor?
The Scene of the Crime: Golden Doll
• 
• 
• 
• 
• 
• 
• 

Hva er målet?
Hvem eller hva er spillfiguren?
Hvilket perspektiv?
Hvilke sjanger?
Hva forteller omgivelsene deg?
Hva forteller interaksjonen deg?
Er den gøy? Hvorfor?
PIS
• 
• 
• 
• 
• 
• 
• 

Hva er målet?
Hvem eller hva er spillfiguren?
Hvilket perspektiv?
Hvilke sjanger?
Hva forteller omgivelsene deg?
Hva forteller interaksjonen deg?
Er den gøy? Hvorfor?
Donkey Kong
• 
• 
• 
• 
• 
• 
• 

Hva er målet?
Hvem eller hva er spillfiguren?
Hvilket perspektiv?
Hvilke sjanger?
Hva forteller omgivelsene deg?
Hva forteller interaksjonen deg?
Er den gøy? Hvorfor?
Space Invaders
• 
• 
• 
• 
• 
• 
• 

Hva er målet?
Hvem eller hva er spillfiguren?
Hvilket perspektiv?
Hvilke sjanger?
Hva forteller omgivelsene deg?
Hva forteller interaksjonen deg?
Er den gøy? Hvorfor?
Epic Gangnam Jump
• 
• 
• 
• 
• 
• 
• 

Hva er målet?
Hvem eller hva er spillfiguren?
Hvilket perspektiv?
Hvilke sjanger?
Hva forteller omgivelsene deg?
Hva forteller interaksjonen deg?
Er den gøy? Hvorfor?
Zombie Shooter
• 
• 
• 
• 
• 
• 
• 

Hva er målet?
Hvem eller hva er spillfiguren?
Hvilket perspektiv?
Hvilke sjanger?
Hva forteller omgivelsene deg?
Hva forteller interaksjonen deg?
Er den gøy? Hvorfor?
Kingdom Rush
• 
• 
• 
• 
• 
• 
• 

Hva er målet?
Hvem eller hva er spillfiguren?
Hvilket perspektiv?
Hvilke sjanger?
Hva forteller omgivelsene deg?
Hva forteller interaksjonen deg?
Er den gøy? Hvorfor?
Dragon Castle
• 
• 
• 
• 
• 
• 
• 

Hva er målet?
Hvem eller hva er spillfiguren?
Hvilket perspektiv?
Hvilke sjanger?
Hva forteller omgivelsene deg?
Hva forteller interaksjonen deg?
Er den gøy? Hvorfor?
Gamification
Poeng
Merker – badges
Level – nivå
Leaderboard – resultatliste
Challenges - utfordringer
7 måter spill belønner hjernen
T. Chatfield
Bruk visuelle erfarings-meter for å måle
fremgang
Gi både kortsiktige og langsiktige mål
Belønn innsats – ikke straff feil
Link handling til konsekvenser
Inkluder et element av usikkerhet og
tilfeldighet
Oppfordre til og belønn samarbeid
Motivere spillere / brukere ved å
posjonere ut belønning i tilpassede
porsjoner
Til i morgen:
Takk for meg
Mail: kjartan@fluxloop.com
Twt: @liksom

More Related Content

More from Kjartan Michalsen

Statens designkonkurranse - milepælsmøte 1
Statens designkonkurranse - milepælsmøte 1Statens designkonkurranse - milepælsmøte 1
Statens designkonkurranse - milepælsmøte 1Kjartan Michalsen
 
Bordet fanger software 2013 - kjartan michalsen
Bordet fanger   software 2013 - kjartan michalsenBordet fanger   software 2013 - kjartan michalsen
Bordet fanger software 2013 - kjartan michalsenKjartan Michalsen
 
Gjesteforelesning - digital interaktiv design - KHIB
Gjesteforelesning - digital interaktiv design - KHIBGjesteforelesning - digital interaktiv design - KHIB
Gjesteforelesning - digital interaktiv design - KHIBKjartan Michalsen
 
Nye medier - redaksjonell design
Nye medier - redaksjonell designNye medier - redaksjonell design
Nye medier - redaksjonell designKjartan Michalsen
 
Hold det ekte - UX i smidige prosjekt
Hold det ekte - UX i smidige prosjektHold det ekte - UX i smidige prosjekt
Hold det ekte - UX i smidige prosjektKjartan Michalsen
 
User centric eployee portal michalsen.ppt
User centric eployee portal michalsen.pptUser centric eployee portal michalsen.ppt
User centric eployee portal michalsen.pptKjartan Michalsen
 

More from Kjartan Michalsen (10)

Khib interaksjonsdesign 2
Khib interaksjonsdesign 2Khib interaksjonsdesign 2
Khib interaksjonsdesign 2
 
Khib interaksjonsdesign 1
Khib interaksjonsdesign 1Khib interaksjonsdesign 1
Khib interaksjonsdesign 1
 
Statens designkonkurranse - milepælsmøte 1
Statens designkonkurranse - milepælsmøte 1Statens designkonkurranse - milepælsmøte 1
Statens designkonkurranse - milepælsmøte 1
 
Bordet fanger software 2013 - kjartan michalsen
Bordet fanger   software 2013 - kjartan michalsenBordet fanger   software 2013 - kjartan michalsen
Bordet fanger software 2013 - kjartan michalsen
 
Gjesteforelesning - digital interaktiv design - KHIB
Gjesteforelesning - digital interaktiv design - KHIBGjesteforelesning - digital interaktiv design - KHIB
Gjesteforelesning - digital interaktiv design - KHIB
 
Nye medier - redaksjonell design
Nye medier - redaksjonell designNye medier - redaksjonell design
Nye medier - redaksjonell design
 
Hold det ekte - UX i smidige prosjekt
Hold det ekte - UX i smidige prosjektHold det ekte - UX i smidige prosjekt
Hold det ekte - UX i smidige prosjekt
 
Valgkamp i gamle Oslo AP
Valgkamp i gamle Oslo APValgkamp i gamle Oslo AP
Valgkamp i gamle Oslo AP
 
User centric eployee portal michalsen.ppt
User centric eployee portal michalsen.pptUser centric eployee portal michalsen.ppt
User centric eployee portal michalsen.ppt
 
Hybrid-applikasjoner
Hybrid-applikasjonerHybrid-applikasjoner
Hybrid-applikasjoner
 

Khib interaksjon-1