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

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

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

Interak(on 3. - Fi/s lag, interak(onsanalys och nya typer av interak(on

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

Menyer, formulär och dialogrutor

Granskningsmetoder. Mattias Institutionen för datavetenskap Linköpings universitet

Föreläsning 12 Inspektionsmetoder. Rogers et al. Kapitel 15

Optisk bänk En Virtuell Applet Laboration

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

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

Interaktionsdesign, grundkurs INTERAKTION 1

Föreläsning 3: Mer om utvärdering, Inspektionsmetoder kan man utvärdera utan användare?

Teknik, principer, metaforer och modeller Lars Oestreicher

Manual GISportalen (MapGuide) På Internet

Grafiska användargränssnitt

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

Vad utmärker ett bra gränssnitt?

INFORMATION OM TRACKBALLS & ANDRA STYRDON

Tactix Touchpad. Artikelnummer: 99201, v

Tips & tricks för redigering

Skärmtangentbordet som är enkelt att använda både med mus, touchskärmar och interaktiva whiteboards

Granskning av gränssnitt. Mattias Arvola

Kommandobaserad interaktion

Manual Kontrollenhet SMUC EM-100 EM-10

MMI-principer för Air & Land Systems

Total omstart för Handifon Touch Cruise II

Nya Medier. Gränssnitt, Interaktivitet och Digital kod

Design för användbarhet Designexempel, hur tänkte man vid designen?

F12: Användarna i fokus

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

Allmän information ITS Fjärrskrivbord

Nya Medier. Gränssnitt, Interaktivitet och Digital kod

Kom igång guide till Notebook 10.0

Windows 8.1, hur gör jag?

Innehåll. Emotional interactions (Kapitel 5) Predictive models (Kapitel 15.4)

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

Inklusiv Design Design för Alla

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?

Visa stora ikoner utan text i Command Manager = Större arbetsyta

Nätkurs Design & konstruktion av användargränssnitt 1MD113 Sid 1 (5) Lektion 11 Användare, uppgifter och krav del

Programmera Kontaktlåda USB i Android

Att använda talsyntes i en lässituation.

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

VAD KAN JAG GÖRA I IPTV BOXEN

Grafiska användargränssnitt i Java

Läsa med stöd av talsyntes

Vad är kognition? Kognition relation till förväntningar. Kognition, interaktion och användare. Översikt. Kognition

Wizkeys skärmtangentbord

Föreläsning 7, Interak2on

Betatestning - Solsystem

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

En tredje genomgång av WCAG juni 2018 Pär Lannerö & Pia Flodquist

Videokonferenssystem Deltagarmanual. GoToMeeting

Utveckling av Läsaren

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

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

Words and Sentences Träna engelska!

Innehållsförteckning utan ansträngning Word gör jobbet MS Word 2007, 2010 och 2011

Att göra spel med Game Maker. Rum. Grundläggande delar. Gamemaker, dagens föreläsning. Programmeringsmodell

Videokonferenssystem Deltagarmanual. GoToMeeting

Välkommen till imac. Nu börjar vi. Tryck på strömbrytaren för att starta imac.

Grafiska användargränssnitt i Java

Riktlinjer för utveckling av tillgängliga mobilgränssnitt Senast uppdaterad

Designmetodik. Systemering med användarfokus Malin Pongolini

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

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

INSPIRA. Microsoft. PowerPoint Grunder

Lära känna skrivbordet

Lathund till Publisher TEXT. Skriva text. Importera text. Infoga text. Dra och släpp

PDFX-Change Viewer. Laddas ner på:

Tobii C12. Grunderna för hur du kommer igång och arbetar med Tobiis C12 och ögonstyrningen CEye. Habilitering & Hjälpmedel

Människan och Tekniken. Fö 3 Människan och tekniken. Perception. Visuell perception

Inkapsling (encapsulation)

Anpassning av Windows XP

ios 7 Reglagestyrning Kompletterande handbok

Arbeta effektivare med OS X

Tips och idéer för Windows 8

LEOGICS digitalt ritbord. Snabbinstallationsguide

Demo Handbok Sibelius 4

ONSCREENKEYS 5. Windows XP / Windows Vista / Windows 7 / Windows 8

Kognitionsvetenskap C, HT-04 Mental Rotation

Bilaga 2 MINIMETERN. Ing-Marie Petersson Arbetsterapin Spenshult AB

Interaktion 1. Dagens föreläsning. Interaktionsmodeller

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

3. Välj den sprajt (bild) ni vill ha som fallande objekt, t ex en tårta, Cake. Klicka därefter på OK.

Fönster och dörr. Kapitel 3 - Fönster och dörr... 3

Att använda talsyntesen ClaroRead Pro

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

KURSMÅL WINDOWS STARTA KURSEN

Att styra dator med huvudmus - ett projekt 2002

MyTobii P10. Lathund kring de vanligaste funktionerna i själva styrsystemet i ögonstyrningsutrustningen P10 från MyTobii. Habilitering & Hjälpmedel

Bortom skärmen mobil interaktion, haptik och ljud. Kirsten Rassmus-Gröhn, Avd. för Rehabiliteringsteknik, Inst. för Designvetenskaper

Omvandla din dator till en flerspråkig maskin

Grafik i DrRacket AV TOMMY KARLSSON

Användarmanual för mycaddie version 2.0

Börja med en PowerPoint-presentation...2. Bild 1: Rubrikbild...2. Bild 2: Punktlista...3. Bild 3: Clipart...4. Rita figurer...6. Bakgrund...

HDS Gen3 Snabbguide. Överblick. Nr Knapp Beskrivning 1 Pekskärm 2 Sidknapp Öppnar startsidan

Att använda talsyntes i en lässituation

Föreläsning 3: Händelsestyrda program och användargränssnitt

Inställningar för mus och tangentbord i Windows 7

Transkript:

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

Sammanfattning Styrdon Tangentbord och textinmatning Pekdon Fitts lag GOMS-KLM

Styrdon Tangentbord Pekdon

Tangentbord

QWERTY-layout

QWERTY-layout

Dvorak-layout

QWERTY vs. Dvorak QWERTY: 150 ord/minut Dvorak: 200 ord/minut Mindre fel med Dvorak Ändå är QWERTY standard. Varför?

Andra layouter?

Virtuella tangentbord Fördelar? Nackdelar? Diskutera i smågrupper

Fysiska tangentbord - knappar Konkav, sträv yta 12 mm

Tangentbordsknappar 40 125 gram 3-5 mm

Pekdon Mus eller liknande Pekskärm (med eller utan penna) Joystick Touchpad

Mus

Mus Billig Bra belastningsergonomi Hög precision Kräver en smula träning i början Omständigt flytta handen

Stylus

Stylus Intuitiv Hög precision Omständig Mobila enheter kräver två händer

Joystick De stora används mer sällan Korta handtag ger bättre precision (!)

Trackpad / Touchpad Hur många föredrar trackpad? Hur många föredrar mus?

Vad är skillnaden? VS

Pekskärm

Pekskärm Intuitiv Man interagerar direkt med informationen (stärker känslan av direktmanipulation => användargränssnittet blir osynligt )

Pekskärm Robust

Pekskärm Problem med belastningsergonomi

Pekskärm Handen kan skymma

Pekskärm Dålig precision

Lift-off strategy Teknik för bättre precision i pekskärmar 1. Peka på skärmen, markör dyker upp 2. Flytta markören 3. Lyft fingret

Pekskärm Intuitiv Robust Problem med belastningsergonomi Handen kan skymma Dålig precision Dålig taktil feedback

Resistiv pekskärm

Resistiv pekskärm Billig Går att peka med stylus, med handskar etc. Kan ge taktil feedback Låg känslighet Svårt implementera bra multi touch

Kapacitiv pekskärm

Kapacitiv pekskärm Högre känslighet Bra stöd för multi touch Går ej att peka med naglar, penna, handskar etc.

PAUS

Fitts lag OK

Fitts lag Distance (D) OK Width (W)

Fitts lag Distance (D) OK T = tid att nå målet D = avstånd till målet W = målets bredd a, b = konstanter som beror på styrdonet Width (W)

Demonstrationer och experiment http://www.youtube.com/watch?v=epba3vzd5xy http://www.youtube.com/watch?v=kly2qa1bfc8 http://ux.stackexchange.com/questions/22738/has-fitts-law-beenadapted-to-touch-screens

Vad säger Fitts lag? Användaren upplever det som jobbigt/svårt att klicka på små knappar som är långt bort Små ändringar i storlek hos små objekt spelar större roll än små ändringar i storlek hos stora objekt Det samma gäller för avståndet till objektet Använd detta som guidelines ingen större mening att räkna!

Ge större storlek till objekt som används ofta

Placera objekt som används ofta nära markörens position Pop-up-menyer The Mini Toolbar

Objekt vid skärmkanten har oändlig målbredd!

Notera skillnaden!

Man pratar ibland om The Magic Corners

The Magic Corners: Win 95 vs. Win XP

Hur drar pajmenyer nytta av Fitts lag?

The steering law A predictive model of how quickly one may navigate, or steer, through a 2-dimensional tunnel

The steering law

GOMS Goals, Operators, Methods & Selection rules En metod för att modellera den kunskap och de kognitiva processer användaren använder när han/hon interagerar med systemet Bygger på att varje interaktion tar tid (och kraft) av användaren Minimera antalet interaktioner?

GOMS Goals de mål användaren vill uppnå Operators kognitiva processer & fysiska handlingar som krävs för att uppnå målen Methods inlärda procedurer Selection rules används för att besluta vilken metod man ska välja

Exempel GOMS Goal: editera dokument (Delmål: lägg till ett ord) Operators: använd pilarna, musen, mm, dvs. den enklaste typen av handlingar man har till sitt förfogande Methods: Flytta markören till önskad position, välj bland möjliga operatorer Selection rules: Om du vill ta bort för att sedan sätta in det du tog bort någon annanstans, använd cut (sedan paste) annars kan du använda clear

Keystroke-level model (KLM) Väldigt konkret metod Bygger på uppskattad tidsåtgång

Code Operation Time Best Typist (135 wpm) 0.08 seconds Good Typist (90 wpm) 0.12 seconds Poor Typist (40 wpm) 0.28 seconds K Key press and release (keyboard) Average Skilled Typist (55 wpm) Average Non-secretary Typist (40 wpm) 0.20 seconds 0.28 seconds Typing Random Letters 0.50 seconds Typing Complex Codes 0.75 seconds Worst Typist (unfamiliar with keyboard) 1.20 seconds P Point the mouse to an object on screen 1.10 seconds B Button press or release (mouse) 0.10 seconds H Hand from keyboard to mouse or vice versa 0.40 seconds M Mental preparation 1.20 seconds

Uppgift Hur lång tid skulle det ta att göra följande ändring med MS Word? För en ERFAREN användare, för en OERFAREN användare. Interaktionsdesign är ett inte svårt ämne Interaktionsdesign är inte ett svårt ämne

Keystroke-level model: svårigheter Bygger på WIMP-interaktion. Nya interaktionstekniker? För vilka handlingar behöver man förbereda sig mentalt?

I morgon! Lite om Natural User Interfaces (NUI) och gester Kort om ljud och känsel-gränssnitt Kort om testning av gränssnitt och system Kort om rapportskrivning