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

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

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

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

Menyer, formulär och dialogrutor

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

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

Optisk bänk En Virtuell Applet Laboration

Kommandobaserad interaktion

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

Interaktionsdesign, grundkurs INTERAKTION 1

Datavetenskap. Beteendevetenskap MDI. Design

Grafiska användargränssnitt

Tips & tricks för redigering

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

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

29/09/14. Interaktion 3. ToC (NUI)

Teknik, principer, metaforer och modeller Lars Oestreicher

Manual GISportalen (MapGuide) På Internet

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

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

Föreläsning 7, Interak2on

Windows 8.1, hur gör jag?

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

Hur påverkas din puls av dykning?

INFORMATION OM TRACKBALLS & ANDRA STYRDON

F12: Användarna i fokus

MMI-principer för Air & Land Systems

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

Interaktion 1. Dagens föreläsning. Interaktionsmodeller

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

Tangible interaction &TUI KIRSTEN RASSMUS-GRÖHN

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

Nya Medier. Gränssnitt, Interaktivitet och Digital kod

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

Nya Medier. Gränssnitt, Interaktivitet och Digital kod

Vad vi pratade om förra gången. Fast med andra ord

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

Interaktion 3 KIRSTEN RASSMUS-GRÖHN

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?

InstalationGuide. English. MODEL:150NHighGain/30NMiniUSBAdapter

Vad utmärker ett bra gränssnitt?

Generella gränssnitt

Nyheter QPR version 8.1. Författare Andreas Möllås, Ensolution AB E-post Mobil Version 8.

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

A metadata registry for Japanese construction field

Allmän information ITS Fjärrskrivbord

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

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

Medicinsk Informatik VT 2003

ZoomText 10.1 Snabbguide Tillägg

Studieteknik för universitetet 2. Books in English and annat på svenska

UML use cases. Mikael Söderström Institutionen för informatik Umeå universitet

Alternativet är iwindows registret som ni hittar under regedit och Windows XP 32 bit.

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

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

Flervariabel Analys för Civilingenjörsutbildning i datateknik

Uttagning för D21E och H21E

Manual Kontrollenhet SMUC EM-100 EM-10

Authentication Context QC Statement. Stefan Santesson, 3xA Security AB

Vad kännetecknar en god klass. Vad kännetecknar en god klass. F12 Nested & Inner Classes

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

Att använda talsyntes i en lässituation.

Bemästra verktyget TriBall

Ready for Academic Vocabulary?

Preschool Kindergarten

Grafiska användargränssnitt i Java

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

Urban Runoff in Denser Environments. Tom Richman, ASLA, AICP

Boken. Kap Kap 11.3

Tips och idéer för Windows 8

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

1. Compute the following matrix: (2 p) 2. Compute the determinant of the following matrix: (2 p)

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

Skapa mapp. * Gör så här: Det finns många sätt att skapa mappar, men det enklaste sättet brukar vara följande.

Mekanik FK2002m. Kraft och rörelse II

Scratch Junior. makeandshape.com. by MIT. Gränssnitt Scratch Junior

Människa-Datorinteraktion

LEOGICS digitalt ritbord. Snabbinstallationsguide

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

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

Webbtillgänglighet. Tillgänglighet på webben. Hörselskadades behov. Synskadades behov. Kognitivt funktionshindrades behov. Rörelsehindrades behov

BANVERKTYGET. Verktygen

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

Klicka här för att ändra format

Designkoncept och gränssnittsmetaforer

Lathund för redigering av Falkenbergs gymnasieskolas hemsidor

Inklusiv Design Design för Alla

Kom igång med. Windows 8. DATAUTB MORIN AB

Användarcentrerad design Interak3on och informa3on

Manual - ClaroRead Chrome (Premium) artnr 12703

Designmetodik. Systemering med användarfokus Malin Pongolini

Utskrift av karta. Skriv ut en karta. Skriv ut skärmområde

Kortkommandon i COSMIC

Utveckling av Läsaren

Manual - ClaroRead Chrome (Premium)

Tactix Touchpad. Artikelnummer: 99201, v

Alde Värmesystem. Författare: Lynn Wallander E-post: Datum:

MANUAL SENSAVIS PREMIUM

Tjänster, design och innovation. Tjänstedesign, vad är det

Inställningstips Windows 8

Transkript:

Interaktion 2

Innehåll Styrdon (ej i boken) Fitts lag (sidan 527-528) Natural user interfaces Kap 6.2.9, 6.2.11, 6.2.12 Kap 6.3-6.4

Styrdon

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?

Tangentbordsknappar Konkav, sträv yta 12 mm

Tangentbordsknappar 40 125 gram 3-5 mm

Följer man dessa riktlinjer så får man... Snabb input Låg felfrekvens Bra feedback

Pekdon Mus Pekskärm Stylus

Mus

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

Pekskärm

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

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

Robust Pekskärm

Pekskärm Problem med belastningsergonomi

Pekskärm Handen kan skymma

Dålig precision Pekskärm

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 Dålig taktil feedback en del användare föredrar ett fysiskt tangentbord

Pekskärm Olika typer av teknik Resistiva Kapacitiva

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 stylus, handskar etc.

Stylus

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

Fitts lag En matematisk modell av finmotorisk kontroll

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= empiriskt bestämda konstanter som beror på styrdonet Width (W)

Experiment http://www.tele-actor.net/fitts/index.html

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

Några konsekvenser av Fitts lag

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!

The Quick Access Toolbar

Man pratar ibland om The Magic Corners

The Magic Corners: Win 95 vs. Win XP

Hur drar pajmenyer nytta av Fitts lag?

Microsoft är duktiga på att tillämpa Fitts lag

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

The steering law

Natural User Interfaces (NUI)

Vad är NUI? Ett NUI är ett användargränssnitt som gör det möjligt för oss att interagera med en dator på samma sätt som vi interagerar med den fysiska världen, genom att använda vår röst, våra händer och kroppar.

NUI Natural syftar på hur NUI exploaterar de vardagliga färdigheter vi har lärt oss, som att tala, skriva, gestikulera, gå och plocka upp föremål. Speech (Kap 6.2.9) Touch (Kap 6.2.11) Air-based gestures (Kap 6.2.12)

Natural user interfaces are not natural... They need to follow the basic rules of interaction design, which means well-defined modes of expression, a clear conceptual model of the way they interact with the system, their consequences, and means of navigating unintended consequences. DA Norman (2010)

Diskussion: Vilken är den konceptuella modellen? http://www.youtube.com/watch?v=ls5kj7ovwto

Diskussion: Hur justera vattnets flöde och temperatur med gester?

Gester i olika kulturer Selection Rotation

but they will be useful. DA Norman (2010)