Kommandobaserad interaktion

Storlek: px

Starta visningen från sidan:

Download "Kommandobaserad interaktion"

Ann-Charlotte Lund
för 8 år sedan
Visningar:

1 Interaktion 1

2 Innehåll Kommandobaserad interaktion (Kap 7) Direktmanipulation (Kap 5) Natural-language interaction (Kap 7) Metaforer i användargränssnitt (ej med i boken)

3 Kommandobaserad interaktion

4 Kommandobaserad interaktion

5 Kommandobaserad interaktion

6 MatLab

7 Kommandobaserad interaktion + Snabbt för vana användare

8 Kommandobaserad interaktion + Snabbt för vana användare Billigt och enkelt

9 Kommandobaserad interaktion + Snabbt för vana användare Billigt och enkelt Flexibelt och rikt på valmöjligheter

10 UNIX

11 Kommandobaserad interaktion + Snabbt för vana användare Billigt och enkelt Flexibelt och rikt på valmöjligheter - Kräver träning och memorerande

12 Kommandobaserad interaktion + Snabbt för vana användare Billigt och enkelt Flexibelt och rikt på valmöjligheter - Kräver träning och memorerande Hög felfrekvens

13 Kommandobaserad interaktion + Snabbt för vana användare Billigt och enkelt Flexibelt och rikt på valmöjligheter - Kräver träning och memorerande Hög felfrekvens Svårt att komma igång med

14 Riktlinjer Skapa en tydlig modell av objekt och handlingar Välj meningsfulla namn Sträva efter hierarki Sträva efter konsistent struktur Var konsekvent med förkortningar Använd kommandomenyer Begränsa antalet kommandon och tillvägagångssätt

konsistent struktur Var konsekvent med förkortningar Använd

15 Var konsekvent med förkortningar ls list rm remove cp copy cat - concatenate

16 Underskatta inte nördfaktorn Tillfredställelse att behärska tekniken Gurustatus

17 Direktmanipulation

18 Vi börjar med lite gränssnittshistoria

19 Ivan Sutherland - SketchPad Filmklipp

20 The Star Interface

21 Windows, icons, menues & pointers (WIMP) Utvecklades 1973 av Xerox PARC Syfte: gränssnitt som alla kan klara av Det dominerande interaktionsparadigmet sedan dess! Kritik: så dominerande att det lett till brist på nya innovativa interaktionstekniker

22 MacOS 1.1

23 Windows 1.01

24 Windows 3.0

25 Tankarna bakom direktmanipulation Visualisering av objekt och handlingar Snabba, ändringsbara handlingar Pekhandlingar istället för kommandon Datorer är duktiga på att snabbt leverera visuell information och människor är duktiga på snabb visuell igenkänning!

26 What you see is what you get (WYSIWYG)

27 Moderna operativsystem

28 iphone coverflow

29 Rich Internet Applications (RIA)

30 Principle of transparency The user is able to apply intellect directly to the task; the tool itself seems to disappear. Rutkowski (1982)

31 The feeling of involvement directly with a world of objects rather than of communicating with a intermediary. Hutchings, Hollan & Norman (1986)

32 Direktmanipulation......hjälper till att överbrygga Gulf of execution och Gulf of evaluation

33 Direktmanipulation + Lätt att lära, lätt att minnas

34 Direktmanipulation + Lätt att lära, lätt att minnas Rikligt med feedback

37 Direktmanipulation + Lätt att lära, lätt att minnas Rikligt med feedback Visuellt tilldragande

40 Direktmanipulation + Lätt att lära, lätt att minnas Rikligt med feedback Visuellt tilldragande - Kan ibland ta onödigt mycket skärmyta

42 Direktmanipulation + Lätt att lära, lätt att minnas Rikligt med feedback Visuellt tilldragande - Kan ta mycket skärmyta Användaren måste lära sig symboler och ikoner

44 Direktmanipulation + Lätt att lära, lätt att minnas Rikligt med feedback Visuellt tilldragande - Kan ta mycket skärmyta Användaren måste lära sig symboler och ikoner Missledande visuell representation

46 Direktmanipulation + Lätt att lära, lätt att minnas Rikligt med feedback Visuellt tilldragande - Kan ta mycket skärmyta Användaren måste lära sig symboler och ikoner Missledande visuell representation Kan vara tidsödande byta styrdon

47 Designuppgift Skissa på ett gränssnitt till en tågbiljett-automat som bygger mer på principerna bakom direktmanipulation och WYSIWYG än nuvarande automat!

48 Designidé 1 WYSIWUG: Visualisering av en biljett som byggs upp i takt med att användaren gör sina val?

49 Designidé 2 Direktmanipulation: Visuella representationer av objekt och handlingar som man kan interagera med? Drag-n-drop

50 Natural language interaction (NLI)

51 Visionen 2001: A Space Odyssey (1968)

52 Natural-language interaction (NLI) The operation of computers by people using a familiar natural language (such as English) Med NLI behöver användaren inte lära sig kommandon eller välja i menyer.

53 Habitability Hur lätt det är för användaren att lära sig vilka objekt och handlingar som är tillämpbara. Grafiska användargränssnitt ger användaren ledtrådar om vilka handlingar som är möjliga och hur interaktionen fungerar. NLI saknar nästan helt dessa ledtrådar.

54 Experiment

55 Uppgift 1 Du vill veta hur vädret kommer bli nu på fredag.

56 Uppgift 2 Du vill skicka ett mail till Drew Baker med texten Hi Drew! How are you?

57 Uppgift 3 Försök få Siri att hänga med på en fika/date!

58 Funkar Siri? Fokus på kontakter, möten, meddelanden och kartor. Oklart vilken konceptuell modell Siri erbjuder användaren Hur smart är Siri egentligen? Exakt vad kan Siri hjälpa mig med? Är Siri som en brittisk butler eller mer som en sekreterare?

59 In my experience, it was unclear if Siri knew when she did not do what I wanted, and left me feeling somewhat helpless, as if she was the boss. Usertesting.com

60 Shneiderman tycker till om NLI NLI utnyttjar inte det faktum att datorer är duktiga på att snabbt leverera visuell information människor är duktiga på snabb visuell igenkänning

61 Shneiderman tycker till om NLI NLI kan vara effektivt för då-och-då-användare som har kunskap om specifika uppgifter och användargränssnitts-koncept men som har svårt att dra sig till minnes de syntaktiska detaljerna.

62 Metaforer

63 Vad är en metafor? Inom litteraturen: Min ros, jag älskar dig! Inom interaktionsdesing: konceptuella metaforer

64 Definition Mappning mellan två kognitiva domäner, en källdomän och en måldomän Källdomän Metafor Måldomän

65 Outlook Calendar

66 Time Machine (Mac OS X)

67 Varför metaforer? Används i användargränssnitt för att underlätta för användaren att förstå måldomänen. Kunskap, erfarenheter och begrepp från källdomänen används för att organisera innehållet i måldomänen. En väl utformad metafor erbjuder användaren en god konceptuell modell.

68 Problem med metaforer i användargränssnitt

69 Gammal källdomän En metafor som bygger på en gammal källdomän aktiverar lite eller ingen förkunskap hos yngre användare

70 Aktiverar olämplig bakgrundskunskap i användarens mentala modell

71 Hjälper inte användaren att hitta tjänster som är datorspecifika Hur gör man en sökning i en bokhylla?

72 Riskerar att bryta konventioner och kulturella regler

73 De lider av den fysiska världens begränsningar Vad händer när bokhyllan blir full? Det går snabbare att hitta rätt bok med en lista.

74 Begränsar fantasin hos designers att komma på nya konceptuella modeller Skrivbordsmetaforen är nästan 40 år gammal!

75 ... men ändå så kommer användargränssnitt förmodligen bygga på metaforer för en lång tid framöver.

76 I projektet: Kan ni hitta metaforer som hjälper till att bygga upp en god konceptuell modell?

Relevanta dokument

Boken. Kap 2.1-2.4 Kap 11.3

Boken. Kap 2.1-2.4 Kap 11.3 Konceptuell design Boken Kap 2.1-2.4 Kap 11.3 Konceptuell design är helt grundläggande inom interaktionsdesign kan upplevas som abstrakt och svårt att förstå förstås bäst genom att man utforskar och upplever