KONCEPTUELT DESIGN KAP. 2

Transkript

1 INTERAKTIONSDESIGN KURSUS Q KONCEPTUELT DESIGN KAP. 2 MARIANNE GRAVES PETERSEN ASSOCIATE PROFESSOR AARHUS UNIVERSITY mgraves@cs.au.dk

2 Konceptuelt design Metaforer Interaktionstyper

3 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

4 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

5 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

6 Afdæk antagelser om hvad folk vil? 6

7 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. ( )

8 Afdæk påstande 8

9 Artikuler problemområdet Fælles forståelse og fælles retning Åbenhed Udfordre antagelser, påstande og stereotyper 9

10 Konceptuelt design Konceptuelle modeller Metaforer Interaktionstyper

11 Star User Interface 1987

12 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)

13 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

14 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

15 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

16 Norman 1988

17 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

18 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

19 Metaforer benyttes på forskellige niveauer Desktop metafor Cut, paste Dokumenter Søge maskine Vidensbrønd

20 Metaforer benyttes på forskellige niveauer

21 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

22 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

23 Kritik af metaforer for direkte oversættelse for begrænsende begrænser designers kreativitet konflikter med design principper

24 Bibliotekssystem Bibliotek som varehus håndtering af bøger, bestilling, udlevering etc. Bibliotek som mødested kommunikation omkring bøger, reviews, diskussionsfora etc.

25 Metafor kan basere sig på Objekter vidensbrønd Aktiviteter copy/paste Begge dele skrive besked på væggen

26 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?

27 Interaktionstyper Instruktion udstede kommandoer vha tastatur og funktionsknapper Konversation interaktion som samtale Manipulation manipulation med objekter Exploration bevægelse gennem fysisk eller virtuelt rum

28 Instruktion brugeren udsteder kommandoer til systemet ctrl-s, valg i menuer, talebaseret, tryk på knapper Unix, Linux

29 Instruktion fordele og ulemper Fordele hurtig og effektivt, når instruktionerne er lært Ulemper tager tid at lære

30 Konversation Agent, dialog partner On-line hjælp

31 Konversation fordele og ulemper Fordele umiddelbar genkendelighed Ulemper misforståelser simpel dialog

32 Manipulation Manipulation af objekter, hvor der bygges på menneskers erfaring med manipulation af fysiske objekter.

33

34 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???

35 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)

36 Exploration brugerne bevæger sig i virtuel eller fysisk verden presence detection med kamera

37 Exploration Context-aware systems Digital Family Portrait (Georgia Tech) Geobased search (Bouvin, Hansen)

38 Har I styr på det?