INTERAKTIONSDESIGN KURSUS Q3 2013 KONCEPTUELT DESIGN KAP. 2 MARIANNE GRAVES PETERSEN ASSOCIATE PROFESSOR AARHUS UNIVERSITY mgraves@cs.au.dk
Konceptuelt design Metaforer Interaktionstyper
Interaktionsdesign processen Identificer brugernes behov og etabler krav til brugsoplevelsen Udvikl en række designs, der opfylder dissse krav Byg interaktive versioner af design, så de kan kommunikeres og vurderes Evaluer
Interaktionsdesign processen Identificer brugernes behov og etabler krav til brugsoplevelsen Udvikl en række designs, der opfylder dissse krav Byg interaktive versioner af design, så de kan kommunikeres og vurderes Evaluer
Hvad er problemområdet? Er der problemer med eksisterende produkt eller service? - hvilke? Hvorfor mener I at det er et problem? Hvordan løser jeres design evt. problemer? Hvis der ikke er problemer, men I designer til en ny oplevelse hvordan forandrer jeres design så eksisterende praksis? 5
Afdæk antagelser om hvad folk vil? 6
Afdæk underliggende antagelser An ambient intelligence home scenario from Philips Ellen returns home after a long day's work. At the front door she is recognized by an intelligent surveillance camera, the door alarm is switched off, and the door unlocks and opens. When she enters the hall the house map indicates that her husband Peter is at an art fair in Paris, and that her daughter Charlotte is in the children's playroom, where she is playing with an interactive screen. The remote children surveillance service is notified that she is at home, and subsequently the on-line connection is switched off. When she enters the kitchen the family memo frame lights up to indicate that there are new messages. The shopping list that has been composed needs confirmation before it is sent to the supermarket for delivery. There is also a message notifying that the home information system has found new information on the semantic Web about economic holiday cottages with sea sight in Spain. She briefly connects to the playroom to say hello to Charlotte, and her video picture automatically appears on the flat screen that is currently used by Charlotte. ( )
Afdæk påstande 8
Artikuler problemområdet Fælles forståelse og fælles retning Åbenhed Udfordre antagelser, påstande og stereotyper 9
Konceptuelt design Konceptuelle modeller Metaforer Interaktionstyper
Star User Interface 1987
The most important thing to design is the user s conceptual model. Everything else should be subordinated to making that model clear, obvious, and substantial. That is almost exactly the opposite of how most software is designed (David Liddle)
Konceptuelt design Oversigt over hvad folk kan gøre med produkt Begreber der er nødvendige, for at forstå hvordan man kan interagere med produktet, plus sammenhængen mellem begreberne Interface metafor(er) Interaktionstyper
Hvorfor og hvorfra Konceptuel design hjælper brugerne til at forstå funktionalitet og opbygning af produkt Studier af brugere og brugskontekst vigtig kilde til opbygning af konceptuel design
Udvikling af konceptuel design Hvilke begreber er centrale ift. forstå hvordan man interagerer med systemet Hvilke metaforer vil hjælpe brugerne forstå produktet Hvilke interaktionstyper vil understøtte brugerens aktiviteter
Norman 1988
Metaforer Integreret del af vores sprog Ordet metafor kommer fra græsk og betyder at overføre Bygger bro mellem noget kendt og noget ukendt Hjælper med at forstå system og skabe passende forventninger
Metaforer i sproget Foråret er lige om hjørnet Der er et hul i den teori Hun er en gammel flamme Han har en skrue løs Hun eksploderede af raseri Jeg kunne ikke tage øjnene fra ham Jeg er hundesulten
Metaforer benyttes på forskellige niveauer Desktop metafor Cut, paste Dokumenter Søge maskine Vidensbrønd
Metaforer benyttes på forskellige niveauer
Valg af passende metafor Afgør hvad systemet skal kunne Bedøm hvilke aspekter af systemet, der særligt kan volde problemer Generer metaforer evt. med inspiration fra brugernes terminologi
Evaluering af metaforer Hvor meget struktur bidrager metaforen med Hvor meget af metaforen er relevant for systemet (fejlagtige forventninger) Hvor let er den at repræsentere Er den forståelig for brugerne Kan den udvides
Kritik af metaforer for direkte oversættelse for begrænsende begrænser designers kreativitet konflikter med design principper
Bibliotekssystem Bibliotek som varehus håndtering af bøger, bestilling, udlevering etc. Bibliotek som mødested kommunikation omkring bøger, reviews, diskussionsfora etc.
Metafor kan basere sig på Objekter vidensbrønd Aktiviteter copy/paste Begge dele skrive besked på væggen
FB Intermezzo Kig på Facebook - Hvilke metaforer er benyttet i design af (aspekter af) Facebook? Find eksempler på aktiviteter og objekter og begge dele Find eksempler på gode og dårlige metaforer?
Interaktionstyper Instruktion udstede kommandoer vha tastatur og funktionsknapper Konversation interaktion som samtale Manipulation manipulation med objekter Exploration bevægelse gennem fysisk eller virtuelt rum
Instruktion brugeren udsteder kommandoer til systemet ctrl-s, valg i menuer, talebaseret, tryk på knapper Unix, Linux
Instruktion fordele og ulemper Fordele hurtig og effektivt, når instruktionerne er lært Ulemper tager tid at lære
Konversation Agent, dialog partner On-line hjælp
Konversation fordele og ulemper Fordele umiddelbar genkendelighed Ulemper misforståelser simpel dialog
Manipulation Manipulation af objekter, hvor der bygges på menneskers erfaring med manipulation af fysiske objekter.
Manipulation fordele og ulemper Fordele hurtigt at lære hurtigt at anvende også for erfarne brugere let at huske forebygger fejl feedback på konsekvens af handlinger brugeren har fornemmelse af kontrol Ulemper???
Manipulation fordele og ulemper Fordele hurtigt at lære hurtigt at anvende også for erfarne brugere let at huske forebygger fejl feedback på konsekvens af handlinger brugeren har fornemmelse af kontrol Ulemper langsomt til nogen handlinger (gentagne handlinger)
Exploration brugerne bevæger sig i virtuel eller fysisk verden presence detection med kamera
Exploration Context-aware systems Digital Family Portrait (Georgia Tech) Geobased search (Bouvin, Hansen)
Har I styr på det?