Kommandobaserad interaktion



Relevanta dokument
Boken. Kap Kap 11.3

Grundläggande teori för användargränssni3, del 1

Boken. OBS! Konkret interaktion är inte bokens starka sida. OBS! Jag har skrivit fel kapitel i kursprogrammet Uppdaterad version kommer.

Grundläggande teori för användargränssnitt,del 2

Föreläsning 7, Interak2on

Interaktionsdesign, grundkurs INTERAKTION 1

Föreläsning 7 Handlande, metaforer och interaktionsstilar. Kapitel i Stone et al.

Tre kursblock. av användargränssnitt. Inledningsvis. Hittills. Dags att fylla på med det som saknas! Människa dator interaktion Del 1. 1.

Kognition & Konceptuell design

Interaktion 1. Dagens föreläsning. Interaktionsmodeller

Dagens föreläsning. Interaktionsmodeller Typer av användargränssnitt Översikt, orientering, navigering Felhantering

Designmetodik. Systemering med användarfokus Malin Pongolini

Principer för interaktionsdesign

Grundläggande teori för användargränssnitt,del 2. Innehåll. Innehåll. Interaktionsmodeller (Interaction types, kap 2.5)

Föreläsning 6 Tillgänglighet, modell för handlande, metaforer och interak9onss9lar. Kapitel i kursboken

Författare: Juha Söderqvist IT-GUI. Version 1.0. Datum

Kognition & Konceptuell design. Kognition 9/17/2014

Innehåll. Styrdon (ej i boken) Fitts lag (sidan ) Natural user interfaces. Kap 6.2.9, , Kap

Efterlysning! Kognitiv design 1. Mitt mål för er med idag. Idag. Mål. Vad exakt är problemet?

förmågor är begränsade. Hur kan vi Ok, vi vet att människans kognitiva underlättar interaktionen?

LARS. Ett e-bokningssystem för skoldatorer.

Handlande, metaforer och interaktionsstilar

Menyer, formulär och dialogrutor

Nya Medier. Gränssnitt, Interaktivitet och Digital kod

Interaktion 2 STYRDON, PEKDON OCH ANNAN INTERAKTION ATT RÄKNA MED

Föreläsning 7 Mentala modeller, metaforer och emotionell interaktion. Kapitel 5 (3) i Rogers et al.

Nya Medier. Gränssnitt, Interaktivitet och Digital kod

Operativsystem och användargränssnitt

Föreläsning 10: Gränssnitt och webbdesign

Datavetenskap. Beteendevetenskap MDI. Design

1. (3p) Inom MDI-området framhåller man att människor lär sig via metaforer. Hur menar man att detta går till?

Vad utmärker ett bra gränssnitt?

INTERAKTIONSDESIGN: VAD & HUR?

Equips people for better business

Föreläsning 9: Gränssnitt och webbdesign

Vad utmärker ett bra användargränssnitt?

Föreläsning 1: Interaktionsteknik, Introduktion. Att läsa: Kapitel 1-2 i Rogers et al.: Interaction design

UNIX Introduktion UNIX. Datorerfarenhet. Vad menar man med operativsystem

Konsolfönster i Windows Momentet ingår i kursen PDA DTR1206 Lab 1 DOS Konsolfönstret

Kognition crash course

Föreläsning 6 Konceptuell design och designprinciper. Kapitel 8-9 i Stone et al.

Att läsa: Sharp, Helen, Rogers, Yvonne & Preece, Jenny E. (2007) Interaction design. Wiley. Kapitel 11.

Designkoncept och gränssnittsmetaforer

Teknik, principer, metaforer och modeller Lars Oestreicher

Lite info först. Kom ihåg! Deadline på lab1 på onsdag. Övning 2 på onsdag: gör en kalender för olika slags användare

Föreläsning 7: Kognition & perception

Quick Start Guide Snabbguide


Människa-teknik i samverkan. Ergoship Human Factors inom sjöfart. Human Factors = Ergonomi. Det ska vara lätt att göra rätt

Att fastställa krav. Annakarin Nyberg

Design och Prototyping

Filers innehåll. Grundläggande databehandling. Representation av text. pffb = påhittat filformat för bilder

Användarvänlighet? Användbarhet. Användbarhet! De vise männen. Användbarhet enl. ISO Bakom varje framgångsrik man


Bevaka vetenskapliga tidskrifter med hjälp av RSS

Operativsystem Lektion 1. Lärare. Schema. Kurssajten Finns på adressen. Jan Erik Moström. Set Norman

Fö 8. Sammanfattande föreläsning MAMN25

Att intervjua och observera

IC1007 Människa-dator interaktion: Principer och Design 7,5 hp

Kursvärdering 1DV433 Strukturerad programmering med C++ LP Lärare: Tommy Löfqvist 17 svar

Nya möjligheter med M3 Technology. Björn Svensson, Björn Torold

Interaktionsdesign. Användbarhet ISO Usability goals. Interaktionsdesign, grundkurs (7,5 HP) Sammanfattande föreläsning

SharePoint 2010 licensiering Wictor Wilén

Discovering!!!!! Swedish ÅÄÖ. EPISODE 6 Norrlänningar and numbers Misi.se

Människa-datorinteraktion. Innehåll. Forts. Teknik, principer, metaforer och modeller Bengt Sandblad

Kognition, interaktion och användare. Översikt. Kognition. Henrik Artman. Introduktion till kognitionsvetenskap

Introduktion till MySQL

Föreläsning 9: Gränssnittsdesign och webbdesign. Rogers et al. Kapitel 6

Styrteknik 7.5 hp distans: E-1000 och E-Designer

Solowheel. Namn: Jesper Edqvist. Klass: TE14A. Datum:

Föreläsning i webbdesign. Interak*onsdesign. Rune Körnefors. Medieteknik Rune Körnefors rune.kornefors@lnu.se

Reflektion: Förmågor. Intelligens. Talang ??? Vad tänker DU. Vad tänker DU? Naturligt eller utvecklat?

Språket, individen och samhället VT08

Politikerdag 2013 Från GIS till Geografisk förståelse. Lars Backhans

BILAGA 5 Fi2Utrymmen Bilaga till CAD-kravspecifikation med förvaltningsinformation Version 1.0

Förra gången. Kognitiv design 2. Mina mål för er idag. Idag. En illustra+on Kognition i huvudet och i världen

Kognition. Kognition, interaktion och användare. Överblick - kognition. Data-information-kunskap. Nivåer av kognition. Dä ä bar å åk.

RAPPORT. Vad har du fått för reaktioner på din konsert? Leader Bergslagen Box Skinnskatteberg Besöksadress: Kyrkvägen 7

Engelska åk 5 höstterminen 2013

Read Texterna består av enkla dialoger mellan två personer A och B. Pedagogen bör presentera texten så att uttalet finns med under bearbetningen.

Föreläsning 5 Konceptuell design och designprinciper. Kapitel 8-9 i Stone et al.

Boken. Kapitel 10. Kapitel 11. Kap Ej Kap 10.7, det tar vi senare Resten, läs själva

TDP022 Användargränssnitt

Kommentarer till MDI tentamen

Kognitivt stöd och hjälpmedel i vardagen - vad finns och hur funkar det?

Teknikprogrammet Klass TE14A, Norrköping. Jacob Almrot. Självstyrda bilar. Datum:

Design av användargränssnitt. Processen snarare än produkten

Max Walter SKYPE FÖR MAC OS X

Microsoft Office historik. - making IT easier

Utvärdering av gruppledarutbildning, ACT Att hantera stress och främja hälsa VT 2013

Föreläsning 3 1ME403 Design av grafiska gränssni7, 7,5hp. Gränssni)sdesign II. Rune Körnefors. Medieteknik Rune Körnefors rune.kornefors@lnu.

Föreläsning 8, Design

Webbregistrering pa kurs och termin

Med kundupplevelsen i centrum

NATURVETENSKAP FÖR LIVET?

Min individuella uppgift om hamnens Webbsida

Bakgrund och motivation. Definition av algoritmer Beskrivningssätt Algoritmanalys. Algoritmer. Lars Larsson VT Lars Larsson Algoritmer 1

MÅL ATT UPPNÅ (FRÅN SKOLVERKET)

Så här använder du Intelligent VOICE

Tangible interaction &TUI KIRSTEN RASSMUS-GRÖHN

Transkript:

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?