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

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

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

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

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

Kommande kurser om samspelet mellan människa och teknik. Mattias Wallergård Institutionen för designvetenskaper

Interaktionsdesign, grundkurs INTERAKTION 1

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

Vad utmärker ett bra gränssnitt?

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 12 Inspektionsmetoder. Rogers et al. Kapitel 15

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

Kom igång med Windows 8.1

Att fastställa krav. Annakarin Nyberg

Att använda talsyntes i en lässituation

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

Innehåll. Kurs i Windows

Spelutforskaren lagrar spelstatistik. Markera ett spel för att visa dess CSRDrankning. Spela spel i fönster eller i helskärmsläge.

Patrik Calén

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

PORTSECURITY IN SÖLVESBORG

Installationsanvisning för Su Officemallar 2003 För PC

Datavetenskap. Beteendevetenskap MDI. Design

Ready for Academic Vocabulary?

Människa-datorinteraktion 7,5 p

MÅLSTYRNING OCH LÄRANDE: En problematisering av målstyrda graderade betyg

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

Skapa en pdf-fil med hög kvalitet, lämpad för tryckning Skapa pdf-filen i en PC med Windows Skapa pdf-filen i en Mac

Resurscentrum för kommunikation Dako SymWriter. Minimanual

Designkoncept och gränssnittsmetaforer

Resurscentrum för kommunikation Dako SymWriter 2. Minimanual

Lära känna skrivbordet

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

Mönster. Ulf Cederling Växjö University Slide 1

VAD KAN JAG GÖRA I IPTV BOXEN

Vetenskaplighet och forskningse2k HT Föreläsning 7: Ramar och rela+vism (och social konstruk+on)

Windows 8.1, hur gör jag?

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

SDC Web-Access. Installationsanvisning v 2.0.2

ZoomText 10.1 Snabbguide Tillägg

Menyer, formulär och dialogrutor

Make a speech. How to make the perfect speech. söndag 6 oktober 13

InstalationGuide. English. MODEL:150NHighGain/30NMiniUSBAdapter

INLOGGNINGSINSTRUKTION VPN

Interaktionsdesign, grundkurs (7,5 HP)

Vätebränsle. Namn: Rasmus Rynell. Klass: TE14A. Datum:

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

Objektorienterad programmering Föreläsning 15. Grafiska användargränssnitt (GUI Graphical User Interface)

Pulse SVENSKA LADDNING SÖMN 12 PARKOPPLING MÅL 13 INSTÄLLNINGAR PÅMINNELSER 13 DISPLAY MEDDELANDEN 14 AKTIVITET SMS 15 PULSMÄTARE TIMER

Anpassning av Windows XP

Användbara system INTRODUKTION TILL KURSEN. TDDD35 Aseel Berglund Användbara system TDDD70

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

Kontakt: Mikael Forsman Användarmanual för VIDAR 4.0

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

Interaktion 1. Dagens föreläsning. Interaktionsmodeller

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

Preschool Kindergarten

Användarhandbok. MHL to HDMI Adapter IM750

Tips och idéer för Chrome OS och Google Dokument

Lathund Kalix Tele24s för PC

PROTOKOLL i HANDDATOR för POCKET PC

Ett hållbart boende A sustainable living. Mikael Hassel. Handledare/ Supervisor. Examiner. Katarina Lundeberg/Fredric Benesch

Att intervjua och observera

Elisabeth Bejefalk IT-Assistent Avesta kommun

Tips & tricks för redigering

Interaktionsdesign (7,5 HP)

Tangible interaction &TUI KIRSTEN RASSMUS-GRÖHN

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

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

Utdrag ur manual DUCT. Drift & Skötselinstruktion

En tillbakablick.. Världen är inte ett skrivbord. Dåtidens visionärer. Xerox Star föregångaren MDI, Wearable Computing. Föreläsning

Klicka här för att ändra format

#minlandsbygd. Landsbygden lever på Instagram. Kul bild! I keep chickens too. They re brilliant.

Writing with context. Att skriva med sammanhang

HANDLEDNING. Rekryteringsapp

Allmän information ITS Fjärrskrivbord

InPrint. Grunderna för hur du kommer igång och arbetar med Communicate: InPrint. Habilitering & Hjälpmedel

WhatsApp finns för dessa plattformar:

EW-7438RPn Air Quick Installation Guide

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

Sammanfattning. Icke-visuella audio-haptiska datorgränssnitt MICOLE. Gränssnitt

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

Självkörande bilar. Alvin Karlsson TE14A 9/3-2015

Campuskurs Distanskurs Annan. Examinator Remigijus Gustas

VANLIGA FRÅGOR. Vanliga frågor INDEX

E-BOT PRO del

Arbeta effektivare med OS X

Pulse Sonic K5505-K5506

Migrera till Word 2010

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

Kognitiva hjälpmedel/ begåvningshjälpmedel. Definitioner och bakgrund

ACCESS GEWA PROG SVENSK BRUKSANVISNING

Grafiska användargränssnitt

Page: 1 of 14 Title: TouchCenter 2 & 4 Revision: 1 Type: User Manual Author: MK. Användarmanual. TouchCenter 2 & 4

Boken. Kap Kap 11.3

Designmetodik. Systemering med användarfokus Malin Pongolini

Easy Planning blir med dessa funktioner ett mycket kraftfullt verktyg för planering. Vi hoppas att våra kunder ska få stor nytta av programmet.

Migrating Intelligent interfaces

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

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

Transkript:

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

Fi/s lag En matema(sk modell av finmotorisk kontroll

Fi/s lag OK

Fi/s lag Distance (D) OK Width (W)

Fi/s lag Distance (D) OK T = tid att nå målet D = avstånd till målet W = målets bredd a, b = konstanter Width (W)

Experiment h/p://www.tele- actor.net/fi/s/index.html

Vad säger Fi/s lag? Användaren upplever det som svårt a/ 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 (ll objektet

Några konsekvenser av Fi/s lag

Större storlek på objekt som används ooa

Placera objekt som används ooa nära markörens posi(on Pop- up- menyer The Mini Toolbar

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

Notera skillnaden!

The Quick Access Toolbar

The Magic Corners

The Magic Corners: Win 95 vs. Win XP

Hur drar pie menus ny/a av Fi/s lag?

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

Interak(onsanalys

Varför interak(onsanalys? Vid komplex interak(on kan det vara svårt a/ förstå vad som egentligen orsakar problem Bra sä/ a/ få djupare förståelse för interak(onen Mycket användbart i samband med forskning & utveckling

Normans sjustegsmodell

Normans sjustegsmodell 1. Formulera mål 2. Formulera syoe 3. Specificera handling 4. Ueöra handling 5. Observera systemets status 6. Tolka systemets status 7. Utvärdera resultatet

Mål: fixa mer ljus i Lilla hörsalen 1. Formulera mål: mer ljus i Lilla hörsalen 2. Formulera syoe: justera ljuset 3. Specificera handling: trycka på knapp på panelen 4. Ueöra handling: iden(fiera och trycka på knappen 5. Observera systemets status: a) Jag ser ikonen lysa upp b) Jag ser mer ljus 6. Tolka systemets status: vi har nu mer ljus 7. Utvärdera resultatet: målet är uppnå/!

GOMS

GOMS Goals, Operators, Methods & Selec(on rules En metod för a/ modellera den kunskap och de kogni(va processer användaren använder när han/hon interagerar med systemet

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

Exempel GOMS Goal: editera dokument (Delmål: lägg (ll e/ ord) Operators: använd pilarna, musen, mm, dvs. den enklaste typen av handlingar man har (ll si/ förfogande Methods: Fly/a markören (ll önskad posi(on, välj bland möjliga operatorer Selec(on rules: Om du vill ta bort för a/ sedan sä/a in det du tog bort någon annanstans, använd cut (sedan paste) annars kan du använda clear

Keystroke level model

Keystroke- level model Väldigt konkret metod Bygger på uppska/ad (dsåtgång Opera0on Tid (sek) Trycka ner tangentbordsknapp 0.35 Förfly/a muspekare (ll rä/ ställe Klicka med musen Föra hand (ll styrdon Förbereda sig mentalt för a/ göra något 1.10 0.20 0.40 1.35

UppgiO Hur lång (d skulle det ta a/ göra följande ändring med MS Word? Running through the streets naked is normal Running through the streets naked is not normal

UppgiO Välja metod = 1.35 Fly/a hand (ll mus = 0.40 Placera markör = 1.10 Klicka med musen = 0.20 Fly/a hand (ll tangentbord = 0.40 Tänka på vad som ska skrivas = 1.35 Skriva n, o och t = 3 * 0.35 Trycka på mellanslag = 0.35 TOTALT = 6,1 sekunder

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

Nya typer av interak(on

Natural User Interfaces (NUI)

Natural user interfaces are not natural. But they will be useful. They need to follow the basic rules of interac7on 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 naviga7ng unintended consequences. DA Norman (2010)

Touch/Mul( touch

Pinch

Rotate

Delete Swipe gestures

Return Swipe gestures

Apple mul(- touch trackpad Inga knappar Stöd för upp (ll fyra fingrar

10/GUI

Gester och andra rörelser

MEMS Microelectromechanical systems

MEMS: Accelerometrar och gyroskop

Sifferinmatning med mo(on sensor Användning av motion sensor-teknik i mobila enheter, Daniel Grahn & Henrik Persson (2007), PDF

Bildspår med mo(on sensor Användning av motion sensor-teknik i mobila enheter, Daniel Grahn & Henrik Persson (2007), PDF

Apple- patent Skrolla menyer

Patent av Nokia

Xbox Kinect

Xbox Kinect Enorma möjligheter för forskning kring och utveckling av gestbaserade användargränssni/ MicrosoO har släppt e/ officiellt SDK

Xbox Kinect Gestbaserat bildhanteringssystem vid opera(oner

DesignuppgiO Ueorma gester (ll användargränssni/et i Philips nya LCD- TV Gesturize!

3D

Hollywood visar vägen

Vad (llför egentligen 3D? They look cool but what s the point? It s no accident that Vista s 3D Aero interface will push hardware sales MicrosoO knows how to keep PC vendors happy

Överblick, orientering & naviga(on? Windows Vista Flip 3D

Effek(vare utny/jande av skärmyta? Bumptop

Effek(vare utny/jande av skärmyta? Olika skärmtyper för mobila 3D- användargränssni/ Jämförelse av effek(vitet (sök(d) vanlig 3D Stereoskopisk 3D low Stereoskopisk 3D high

Effek(vare utny/jande av skärmyta? Ingen signifikant skillnad i sök(d Stereoskopisk skärm signifikant bä/re vad gäller subjek(va må/ Rich visual experience Easy to read Image quality Presence Etc.

Helt ny funk(onalitet? Project Looking Glass

User experience? Beryl

User experience? TAT: 3D Eyetracking UI Youtube-länk

3D- gränssni/ är här för a/ stanna av den enkla anledningen a/ de är bra för affärerna!

Smygreklam för kommande kurser

Människans samspel med tekniska system Kognition Människa-datorinteraktion Användbarhetsutvärdering Virtual Reality i teori & praktik Avancerad interaktionsdesign Interaktion I: virtualitet & kognitiv modellering Interaktion II: neuromodellering, robotik & agenter

Avancerad interak(onsdesign Projektorienterad Designa och implementera interak(onstekniker på olika plazormar Android, ios

Människans samspel med tekniska system Kognition Människa-datorinteraktion Användbarhetsutvärdering Virtual Reality i teori & praktik Avancerad interaktionsdesign Interaktion I: virtualitet & kognitiv modellering Interaktion II: neuromodellering, robotik & agenter

Virtual Reality i teori och prak(k Virtual, Mixed & Augmented Reality Föreläsningar, workshops och projekt

Människans samspel med tekniska system Kognition Människa-datorinteraktion Användbarhetsutvärdering Virtual Reality i teori & praktik Avancerad interaktionsdesign Interaktion I: virtualitet & kognitiv modellering Interaktion II: neuromodellering, robotik & agenter

Interak(on I & Interak(on II Ueorska nya interak(onsformer (llsammans med kogni(onsmasterstudenter Forskningsnära projekt

För mer info kom (ll mässan om specialiseringar på C och D! Idag, kl 12-14 E- husets foajé