Interaksjonsdesign fra et psykologisk perspektiv

Transkript

1 User centred design process Interaksjonsdesign fra et psykologisk perspektiv - Om samspillet mellom menneske og teknologi Thomas Hoff Institutt for Produktdesign (Teknisk Design) 1. Know the user 2. Know the task 3. Know the context 4. Know existing and competing products 5. Usability goal setting 6. Design 7. Prototyping 8. Evaluation 9. Follow - up studies Iteration COGNITIVE ENGINEERING Know the user Know the context Know the task Know the existing products teknologi MIT Interaction design ANALYSE DESIGN Usability goal setting Usability design HCI CSCW Follow up studies Evaluation Prototyping Design INTERACTION DESIGN menneske produkt Cognitive engineering system USABILITY DESIGN Psykologi: Vitenskapen om dyr og menneskers måte å oppleve, handle og reagere på. Kognitiv Psykologi: Gren av psykologien som omhandler hvordan vi tar imot inntrykk (persepsjon), læring, hukommelse, tenkning, problemløsning og besluttningstaking Lært hjelpesløshet: Oppgitthet ovenfor ukontrollerbare og uberegnelige ytre omstendigheter i kombinasjon med manglende evne til å kontrollere omgivelsene Attribusjon: Studiet av hvordan vi årsaksforklarer atferd. Atferd (A) skyldes person (P) og situasjon (S) der A = P + S. Sosialpsykologi: Læren om reaksjonsmønstre og atferd i grupper og folkemasser, om hvordan mennesker påvirkes individuellt av disse gruppefenomenene, og omvendt hvordan mennesker individuelt påvirker prosesser i gruppesammenheng. Mentale skjema (eller skript). Det sett av hypoteser og forventninger vi har om hvordan verden fungerer. Mentale modeller: Gjennom interaksjon med et produkt danner vi oss mentale modeller av systemets fungering (altså hvordan vi tror systemet fungerer).

2 Systemets image: Det inntrykket brukeren får, basert på det visuelle intrykket, interaksjonen med produktet og støttefunksjonene rundt produktet. Design image: Den modellen designeren har av produktet, altså den modellen designeren ønsker å formidle gjennom produktet. Confirmation bias: Tendensen til at man bare forsøker å bekrefte en hypotese, men ikke å avkrefte den. Superstisious behaviour: Tendensen til å karakterisere to samtidige hendelser til å være kausalt avhengige. Hvordan skal man gi brukeren en god mental modell av produktet? Anchoring heuristics: Når man estimerer sannsyneligheten for en hendelse, starter men ikke fra scratch, men justerer et tidligere estimat. - Psykologiske prinsipper for design av interaktive produkter 1. Gjør ting synlig. 2. Utnytt skillet mellom "knowledge in the head " og "knowledge in the world " Jo færre funksjoner per control, jo bedre synlighet. Dette skyldes skillet mellom gjenhentning og gjenkjenning i hukommelsesteori. Det å se en control, blir et cue for å huske funksjonen. Jo flere elementer under hvert cue, jo høyere grad av interferens "Knowledge in the head": Interne mentale representasjoner; for eksempel telefonnummer, sikkerhetskoder, prosedyrer etc. "Knowledge in the world": Eksterne mentale representasjoner, for eksempel huskelapper, filofax, vekkeklokke etc. Flytt kompleksiteten fra mennesket og over i produktet

3 3. Utnytt ulike typer av constraints Affordances kan også sies å være en slags constraint Constraints (beskrankninger) er faktorer som reduserer antallet handlingsmuligheter: En affordance er de handlingsmulighetene miljøet tilbyr 4. Utnytt prinsippet om mapping fysiske constraints kulturelle constraints Mappinger å gjøre seg bruk av fysiske analogier og kulturelle standarder for å representere relasjonen mellom: En spesiell type av fysiske constraints er forcing functions Interlock Tvinger en handlingssekvens til å ha en bestemt rekkefølge lockin Holder en hendelse aktiv, og forhindrer at man stopper den for tidlig Lockout Forhindrer at man går på farlige steder, eller forhindrer en hendelse fra å oppstå Intensjon og handling Handlinger og effekter Systemets status og statusen systemet utrykker Feedback er absolutt nødvendig Prinsipper for persepsjon kan bedre mapping Figure 6.5 Figure 6.4 The Gestalt principle of proximity. Different spacing of the dots produces five vertical or five horizontal lines. Illusory cont ours. Even when boundaries are not present, we can be fooled into seeing them. The triangle with its point down looks brighter than the surrounding area. Figure 6.7 The Gestalt principle of good continuation. It is easier to perceive a smooth continuation than an abrupt shift. Normans sju stadier for handling: 1. Forme et mål 2. Forme en intensjon 3. Spesifisere en handling 4. Utføre en handling 5. Persipere statusen i verden 6. Tolke statusen i verden 7. Evaluere resultatet The gap of execution The gap of evaluation Figure 6.8 The Gestalt principle of closure. We tend to supply missing information to close a figure and separate it from its background. Lay a pencil across the gaps and see how strong the perception of a complete triangle becomes. PEARSON EDUCATION LIMITED 2000 På bakgrunn av de sju stadiene for handling, lister Norman (1988) opp sju spørsmål man bør stille om et produkt 5. Design for eksplorerering og feilhandlinger 1. Hvor lett er det å finne ut av produktets funksjoner? 2. Hvor lett er det å finne ut handlinger som er mulig å utføre til enhver tid? 3. Hvor lett er det å bestemme mappingen mellom intensjon og de fysiske handlingene man må gjennomføre for å nå målet? 4. Hvor lett er det å gjennomføre handlingen? 5. Hvor lett er det å avgjøre om systemmet nå er i den tilstand man vil at det skal være? 6. Hvor lett er det å avgjøre mappingen mellom systemstatus og og fortolkning 7. Hvor lett er det å avgjøre systemets status? Referanse og anbefalt lesning: Norman, D.A. (1988). The design of everyday things. New York: Doubleday

4 Hoff et al: EIP kategorier Ecological Interaction Properties 1. Continous-Discontinous 2. Specific-Generic 3. Perceptual/Motor scaling 4. Perceptual richness 5. Motoric-Sensoric mapping 6. Input-Output 7. Physical-Inferensial a) Prospection of consequence b) Representation of consequence c) Response mode guidance 1. Continous-Discontinous Property Skruknotter vs enkeltknapper This property relates to the representations of information presented in the interface, and to the degree that these representations are continuous or discontinuous. This is related to whether the information is presented as continuous events that simulate the spatial and temporal aspects of real-life events or if they are presented in a bit-bybit fashion. 2. Specific-Generic This property is related to how many functions a given control have. The relation between the number of functions and the number of controls leads to two types of complexity. With many controls, -each of which have one function, the apparent complexity (or perceived usability) of the interface will increase (or decrease, in terms of usability). When there are few controls, -each with a greater number of possible functions, the complexity of use (or actual usability) will increase, since the increased complexity of the controls must be mirrored by a greater complexity of use by the operator

5 4. Perceptual richness Perceptual richness (Bra) Panelovner Hammer / Sag (verktøy) Kaffetrakter Commodore 64 Mekanisk gyro Vinyl / DJ Eldre biler (fart) 3. Perceptual/Motor scaling This property relates to how the design of the interface is fitted to the human sensorimotor capabilities. The first aspect is how the interface is scaled in regard to the limitations of the human sensory system, -do the interface contain (or present) light (lux and color contrast), sound (Hz, pitch, timbre etc.), tactile stimulation (surface texture etc.) and haptics (when manipulating controls etc.) that are within the perceptualrange of the human operator. The other aspect is how the interface and its controls are scaled to the human body and the movement pattern of the operator. This relates to the size, shape, weight and surface structure of the interface and its controls. Motoric scaling (bra): Recliner Sykkel Racketer og klubber (Tennis/golf etc.) Idrettsbaner (de er utviklet for å ha god skalering) Motoric scaling (for små): PDA knapper Casio anno 1980 Programmeringsenhet for panelovner Motoric (for store): Aftenposten, japanske kondomer, tannkost, 2L brus (5L vannkanner) This property relates to how many senses that are involved in the interaction with the interface. The human body is through co-evolution with the environment adapted to multimodal sensory input. The five perceptual systems (orienting, auditory, haptic, taste-smell and visual) are interrelated, and they work as a system where they all contribute to the perception of an event or an object Perceptual richness (Dårlig) Skjermbasert data Nøkkelkort Betalingsterminal I-pod CD for DJ (ikke som vinyl) Nye biler (Deprivasjonstank Guantanamo+50 talls eksp) 5. Motoric-Sensoric mapping 6. Input-Output Input - Output (Bra) Ratt (styre bil) Hammer, sag, verktøy Skyve, dra, flytte fysiske objekter Sodaplay.com (både bra og dårlig) This level is related to the degree that the representations in a system are spatially related to the actions of the operator In a computerized or virtual system, the movements of the observer may not lead to the same movements of the representations in the interface, or of the parts of the machine. This difference can be in regard to direction (as with a mouse) or in relation to the size of the movements (in virtual environments). This property is related to the degree that the operator perceives a gap between the input given and the output received. This gap could either be a temporal or a qualitative difference between the input and the output. Input - Output (Dårlig) Varme vann (tidsdelay) Touchpad, joysick, mus, penn: (input ett sted/output et annet) Umulige fysiske referanser (spill/bilsim) 7. Physical-Inferensial This property is composed of three different aspects relating to the representations in the interface and the operator s actions and the consequences of these actions (or the representations of these consequences). This property is related to the degree that the operator perceives a gap between the input given and the output received. This gap could either be a temporal or a qualitative difference between the input and the output. 7A Prospection of consequence (Hva kan jeg gjøre?) Spaker trekkes, flater skyves på, symbolbruk/ikoner, konvensjoner, kaffekanne + materialenes psykologi 7B Representation of consequence (hva skjer hvis jeg gjør dette her?) - Ikoner; mappe vs. programmikon 7C Response mode guidance (Hva er konsekvensene av handlingene?) - Timeglass ikon, lyd/lys konvensjoner (denne kat avhenger av input/output, cont/discont, og perc. richness)

6 Design relabeling Trender mot Direkte Design Mixed Realities Fysisk Mp3 Mixebord TV studios Head up displays Simulators Telerobotic operations Net: Working and Playing Design and Construction Medicine Training

7 Center for Pervasive Computing Ukjent opphav Force Feedback / Haptic interfaces MIT Medialab: intouch InTouch MIT Media Lab MIT Medialab: intouch Tilbake til håndgripelige grensesnitt uper_cilia_skin.htm

8 Jacob Buur: Physical programs Ombygd platespiller Jacob Buur User centered Design group Danfoss a.s. Ombygd platespiller Lisa Krohn: Phonebook Lisa Krohn - Phonebook Cranbrook Academy Durell Bishop: Marble answering machine MIT Medialab: metadesk Tangible Bits: Towards Seamless Interfaces between People, Bits and Atoms Hiroshi Ishii and Brygg Ullmer

9 Thomas Hoff: Statnett Powerdesk Anderson et.al: Physical Blocks Building Virtual Structures With Physical Blocks David Anderson2, James L. Frankel1 ; 2, Joe Marks2,Darren Leigh2, KathyRyall3, Eddie Sullivan2, Jonathan Yedidia2 1Frankel and Associates, Inc., Lexington, MA MERL A Mitsubishi Electric Research Laboratory, Cambridge, MA University of Virginia, Dept. of Computer Science, Charlottesville, VA22903 Lars Hurlen: Multifunksjon-multigrip joystick Kristian Sandvik: Eyes-free Multifunksjon joystick for Kværneland Underhaug Lars Hurlen Institutt for Produktdesign Kristian Sandvik: Eyes-free