Interaktion 1
Innehåll Kommandobaserad interaktion (Kap 7) Direktmanipulation (Kap 5) Natural-language interaction (Kap 7) Metaforer i användargränssnitt (ej med i boken)
Kommandobaserad interaktion
Kommandobaserad interaktion
Kommandobaserad interaktion
MatLab
Kommandobaserad interaktion + Snabbt för vana användare
Kommandobaserad interaktion + Snabbt för vana användare Billigt och enkelt
Kommandobaserad interaktion + Snabbt för vana användare Billigt och enkelt Flexibelt och rikt på valmöjligheter
UNIX
Kommandobaserad interaktion + Snabbt för vana användare Billigt och enkelt Flexibelt och rikt på valmöjligheter - Kräver träning och memorerande
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
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
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
Var konsekvent med förkortningar ls list rm remove cp copy cat - concatenate
Underskatta inte nördfaktorn Tillfredställelse att behärska tekniken Gurustatus
Direktmanipulation
Vi börjar med lite gränssnittshistoria
Ivan Sutherland - SketchPad Filmklipp
The Star Interface
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
MacOS 1.1
Windows 1.01
Windows 3.0
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!
What you see is what you get (WYSIWYG)
Moderna operativsystem
iphone coverflow
Rich Internet Applications (RIA)
Principle of transparency The user is able to apply intellect directly to the task; the tool itself seems to disappear. Rutkowski (1982)
The feeling of involvement directly with a world of objects rather than of communicating with a intermediary. Hutchings, Hollan & Norman (1986)
Direktmanipulation......hjälper till att överbrygga Gulf of execution och Gulf of evaluation
Direktmanipulation + Lätt att lära, lätt att minnas
Direktmanipulation + Lätt att lära, lätt att minnas Rikligt med feedback
Direktmanipulation + Lätt att lära, lätt att minnas Rikligt med feedback Visuellt tilldragande
Direktmanipulation + Lätt att lära, lätt att minnas Rikligt med feedback Visuellt tilldragande - Kan ibland ta onödigt mycket skärmyta
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
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
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
Designuppgift Skissa på ett gränssnitt till en tågbiljett-automat som bygger mer på principerna bakom direktmanipulation och WYSIWYG än nuvarande automat!
Designidé 1 WYSIWUG: Visualisering av en biljett som byggs upp i takt med att användaren gör sina val?
Designidé 2 Direktmanipulation: Visuella representationer av objekt och handlingar som man kan interagera med? Drag-n-drop
Natural language interaction (NLI)
Visionen 2001: A Space Odyssey (1968)
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.
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.
Experiment
Uppgift 1 Du vill veta hur vädret kommer bli nu på fredag.
Uppgift 2 Du vill skicka ett mail till Drew Baker med texten Hi Drew! How are you?
Uppgift 3 Försök få Siri att hänga med på en fika/date!
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?
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
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
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.
Metaforer
Vad är en metafor? Inom litteraturen: Min ros, jag älskar dig! Inom interaktionsdesing: konceptuella metaforer
Definition Mappning mellan två kognitiva domäner, en källdomän och en måldomän Källdomän Metafor Måldomän
Outlook Calendar
Time Machine (Mac OS X)
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.
Problem med metaforer i användargränssnitt
Gammal källdomän En metafor som bygger på en gammal källdomän aktiverar lite eller ingen förkunskap hos yngre användare
Aktiverar olämplig bakgrundskunskap i användarens mentala modell
Hjälper inte användaren att hitta tjänster som är datorspecifika Hur gör man en sökning i en bokhylla?
Riskerar att bryta konventioner och kulturella regler
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.
Begränsar fantasin hos designers att komma på nya konceptuella modeller Skrivbordsmetaforen är nästan 40 år gammal!
... men ändå så kommer användargränssnitt förmodligen bygga på metaforer för en lång tid framöver.
I projektet: Kan ni hitta metaforer som hjälper till att bygga upp en god konceptuell modell?