Lecture on Interaction Design, Pt 1
Upcoming SlideShare
Loading in...5
×
 

Lecture on Interaction Design, Pt 1

on

  • 1,468 views

Slides from my lecture on Interaction Design at BI Bergen, 14.04.09 Part 1

Slides from my lecture on Interaction Design at BI Bergen, 14.04.09 Part 1

Statistics

Views

Total Views
1,468
Views on SlideShare
1,467
Embed Views
1

Actions

Likes
5
Downloads
52
Comments
0

1 Embed 1

http://www.slideshare.net 1

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Lecture on Interaction Design, Pt 1 Lecture on Interaction Design, Pt 1 Presentation Transcript

    • IxD interaksjonsdesign
    • Hei, jeg heter Jon Kreativ leder, Mediacircus
    • Hva er interaksjonsdesign? ๏ Wikipedia: Interaction Design (IxD) is the discipline of defining the behavior of products and systems that a user can interact with. The practice typically centers around complex technology systems such as software, mobile devices, and other electronic devices. However, it can also apply to other types of products and services, and even organizations themselves. I Følge Wikipedia er interaksjonsdesign “disiplinen å definere oppførselen til produkter og systemer som brukeren kan interagere med”
    • Hva er interaksjonsdesign? ๏ Kort fortalt: kommunikasjon mellom IxD er mennesker via produkter eller tjenester Kort fortalt er det å tilrettelegge kommunikasjon mellom mennesker, via produkter og tjenester. Interaksjonsesign finner du i alt fra webdesign til produktdesign, men idag skal vi konsenterere oss primært om design for skjerm.
    • Et menneskelig ansikt på teknologi Interaksjonsdesign handler om hvordan vi bruker verktøy til å kommunisere med hverandre.
    • God design presenter seg selv. God design er imøtekommende, og illustrerer sin funksjon gjennom en godt gjennomtenkt formspråk.
    • Det er ikke du som ikke forstår teknologien. Det er teknologien som ikke forstår deg. Dårlig design er utilgjengelig Dårlig design er uhåndgripelig og unvikende. Nokia hadde en kampanje engang med payoen “Det er ikke du som ikke forstår telefonen din. Det er telefonen din som ikke forstår deg”. Det er produktet sitt ansvar å presentere seg, forklare hva det skal brukes til, og hvordan.
    • Et tegn på inkompetanse. Men ikke hos brukeren... Dette var et vanlig syn på 80-tallet. Videospilleren var blitt overlesset med funksjoner, men ingen hadde skjenket brukervennlighet en tanke. Resultatet var at folk ikke klarte å stille klokken en gang. Det er et tegn på teknologisk inkompetanse, men ikke hos brukeren.
    • Hva du vil, når du vil. DVD-spilleren med sin skjermbaserte meny var en kraftig forbedring. men først nå er brukeren fri til å kunne bla, søke og surfe fritt gjennom alt tilgjengelig innhold på ett sted, og faktisk finne det en leter etter. Det handler om enkelhet. Og det er noe av det vanskeligste å oppnå.
    • - Steve Jobs om design: “When you start looking at a problem and it seems really simple, you don’t really understand the complexity of the problem... •••
    • - Steve Jobs om design: ...en you get into the problem, and you see that it’s really complicated, and you come up with all these convoluted solutions. at’s sort of the middle, and that’s where most people stop…” •••
    • - Steve Jobs om design: …But the really great person will keep on going and find the key, the underlying principle of the problem - and come up with an elegant, really beautiful solution that works.” •••
    • Det handler om å eliminere læringskurven. Gjøre verktøyet intuitivt.
    • Kompleksitet krever spesialisering Før var teknologi noe komplisert. Noe som krevde grundig opplæring og lang trening for å kunne mestres.
    • Tidlig kalkulator En måtte lære seg teknologiens språk. Prosessorkraften økte gradvis, men ingen tenkte på at det skal være noe annet enn kryptisk å bruke den. Hullkort og kommandolinjer regjerte i tiår etter tiår.
    • Intuitiv + tilpasningsdyktig I dag har vi nok prosessorkraft til å kunne begynne å tenke på brukerens opplevelse. Hvordan maskinen kan tilpasse seg mennesket istedet. Etterhvert som teknologi alminneliggjøres, må den kunne anvendes av alle, uten særlig opplærling. Det stiller store krav til interaksjonsdesignen.
    • Hvorfor IxD? 1: Forhindre irritasjon Så hvorfor trenger vi interaksjonsdesign? For det første for at ikke programmerere lager ting som irriterer vettet av brukeren. Dette er Clippy, Microsoft Word’s bidrag til det høye blodtrykket i Vesten.
    • Hvorfor IxD? 2: Forbedre interaksjon mellom mennesker God design kan forenkle og forbedre kommunikasjon mellom mennesker. Dårlig design har den motsatte eekten. Ofte blir løsninger klusset til ved at man prøver å presse all funksjonaliteten inn på et sted, istedet for å dele dem inn i logisk oppbygde oppgaver.
    • Hvorfor IxD? 3: Bringe frem nye muligheter Noen ganger lar god interaksjonsdesign oss gjøre ting vi ikke kunne før. Nike+ er et slikt eksempel. Det innovative møtet mellom en joggesko med skritteller og en musikkspiller ga oss en ny måte å trene på. En konkurranse mellom venner, og et globalt community av løpere.
    • Hva kjennetegner god interaksjonsdesign? 1: En tydelig mental modell (les overskrift) En tydelig mental modell gir brukeren en presis analogi for hva funskjonen gjør, og hvordan den virker. Søppelbøtten indikerer at vi kan kaste ting der vi vil bli kvitt, men at det ikke blir borte før vi tømmer den.
    • Hva kjennetegner god interaksjonsdesign? 2: Tilfredstillende feedback (les overskrift) Alle handlinger vi gjør må gis en tilfredstillende feedback, slik at vi får en bekreftelse på at den er utført. Når vi skriver ser vi ikke bare bokstavene dukke opp på skjermen, men vi hører lyden av hvert tre på tastene. Bilprodusenter har egne lyddesignere som passer på at for eksempel dører avgir en bekreftende lyd nå de lukkes riktig.
    • Hva kjennetegner god interaksjonsdesign? 3: Navigerbarhet (les overskrift) For ting som foregår primært på skjerm er det spesielt viktig å gi brukeren en oversikt over hvor de er i systemet, hva de kan gjøre der, og hvordan de kommer seg tilbake.
    • Hva kjennetegner god interaksjonsdesign? 4: Konsistens (les overskrift) En bestemt funksjon som gjør noe i en del av programmet, bør gjøre det samme i en annen del av programmet. Jo mer større og mer kompleks programmet er, desto vanskeligere er dette å overholde. Men det er viktig for at brukeren skal kunne forutsi utfallet av funksjonen.
    • Hva kjennetegner god interaksjonsdesign? 5: Intuitiv interaksjon (les overskrift) Når vi interagerer med noe, tenker vi mest på hvor vi skal og hva vi skal gjøre når vi kommer dit. Gode systemer er diskret og intuitiv, slik at vi at vi forholder oss minst mulig til den underliggende mekanikken, og kan konsentrere oss om hva vi skal.
    • quot;Simplicity is the ultimate sophisticationquot; - Leonardo DaVinci
    • Folkene Designere om hva de gjør Det neste vi skal se på er et utvalg interaksjonsdesignere, og hva de gjør
    • Bill Verplank om interaksjonsdesign Først kan vi høre Bill Verplank forklare hva interaksjonsdesign er. Verplank var sentral i utformingen av det grafiske grensesnittet med Xerox Star.
    • Will Wright om The Sims Spill er også interaksjon. Will Wright er mannen bak klassikere som The Sims, Sim City, Pirates, og Spore. Her forteller han om hvordan The Sims ble til.
    • Mark Podlaseck om Philip Glass website Komponisten Philip Glass sin hjemmeside er en klassiker. Den var banebrytende i hvordan den løste sin utfordring: Hvordan la brukeren enkelt og oversiktig navigere i en komponists samlede verker.
    • Paul Mercer om iPod + iTunes økosystem Apple har designet et økosystem rundt sin iPod med iTunes og iTunes music store. En veldesignet og brukervennlig forlengelse av produktet, som mange vil si er grunnen til suksessen den har hatt. Paul Mercer forklarer.
    • IxD interaksjonsdesign Etter pausen: prosessen. Hvordan interaksjonsdesign foregår.