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

Storlek: px
Starta visningen från sidan:

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

Transkript

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

2 The Human Action Cycle 1. Målformulering Utförandefas 2. Översätta mål till uppgifter 4. Utföra handlingssekvens Utvärderingsfas 7. Jämföra det inträffade med det önskade 3. Planera handlingssekvens 6. Tolka enligt användarens önskemål 5. Ta in det som hänt Systemets användargränssnitt Interaktionsteknik 2

3 Norman om konceptuella modeller designerns modell användarens modell designer användare dokumentation system systembild Interaktionsteknik 3

4 Designerns modell Förståelse av systemets funktionalitet och syfte teknologi & implementation kontext Förståelse för användarens behov vad ska synliggöras? Interaktionsteknik 4

5 Systembild Systemet som det presenteras för användaren mediering av funktioner mediering av systemets tillstånd Inkluderar även dokumentation, träning mm Interaktionsteknik 5

6 Användarens modell Omfattar alla aspekter av systemet som användaren utnyttjar konsekvent med verkligheten modellen begränsar vad användaren kan göra Modellen behöver inte omfatta det användaren inte är intresserad av Interaktionsteknik 6

7 Förmedla användarens modell Förenkla den modell som presenteras för användarna även för ett komplicerat system kan en enkel modell räcka Förklara den modell som presenteras för användarna dvs. dokumentera/illustrera Använd metaforer och analogier metafor bildligt uttryck analogi motsvarighet, likhet, parallell Interaktionsteknik 7

8 Normans modell igen Användartester designerns modell användarens modell designer användare dokumentation system systembild Interaktionsteknik 8

9 Metaforer i gränssnitt Likheter med fysiskt objekt, även egenskaper t. ex. skrivbordsmetaforen Handlingar eller objekt Fler exempel Nätet E-post Mappar Webbshopping Interaktionsteknik 9

10 Fördelar med metaforer Underlättar inlärning Ger snabb förståelse för nya företeelser Lättare att bygga vidare på känt koncept än att skapa ett helt nytt Hjälper användare att förstå den underliggande konceptuella modellen Bidrar till terminologi Kan fungera som inspiration i designsituationer Interaktionsteknik 10

11 Problem med metaforer Kan bryta mot konventioner och kulturella regler papperskorgen på skrivbordet Användarens förståelse för systemet kan begränsas till metaforen, vilseledande Metaforen måste vara analog med problemets struktur för att fungera bra Kan utgöra en begränsning för designers i föreställningar om problemrummet Kan gå emot designprinciper Dålig design förs över i onödan Interaktionsteknik 11

12 Interaktionsstilar, historiskt Omkopplare Assembler Högnivåspråk Kommandospråk Grafiska användargränssnitt På väg mot VR i 3D Interaktionsteknik 12

13 Interaktionsstilar Kan delas in i: direktmanipulation naturligt språk kommandospråk menyer frågor och svar formulärifyllning gester Interaktionsteknik 13

14 Att välja interaktionsstil handlar om hur man realiserar/implementerar systemets funktionalitet att välja ett sätt att konkretisera designen beror av uppgift, sammanhang, utrustning Interaktionsteknik 14

15 Direktmanipulation: kännetecknas av kontinuerlig representation av aktuellt objekt snabba reversibla operationer vars inverkan på objektet omedelbart blir synlig komplex kommandospråkssyntax byts ut mot direktmanipulation av aktuellt objekt genom knapptryckningar eller andra fysiska handlingar användare som upplever att de har kontroll snabb inlärning (Ben Shneiderman, 1982) Interaktionsteknik 15

16 Exempel på DM-system Excel Geografiska tillämpningar Photoshop har funktionalitet med DM TV-spel CAD/CAM Wii Interaktionsteknik 16

17 Förklaringar till DM Rutkowski: The user is able to apply intellect directly to the task; the tool itself seems to disappear Psykologiska teorier Normans exekverings- och evalueringsgap Direkthet och avstånd Interaktionsteknik 17

18 Exekverings- och evalueringsgapen Exekveringsgapet syftar på att man inte alltid kan hitta lämpliga redskap i användargränssnittet vilka passar in på de mål man vill uppnå. Man frågar sig hur ska jag kunna utföra (exekvera) det jag vill. Evalueringsgapet syftar på hur enkelt man kan avgöra om det som utförts (exekverats) uppfyller de mål man vill uppnå Interaktionsteknik 18

19 Exekverings- och evalueringsgapen Exekveringsgap Fysiskt system Mål Exekveringsbro Evalueringsgap Fysiskt system Mål Evalueringsbro Interaktionsteknik 19

20 Ikoner Avbildar Symboliserar Kompletteras med text Gester Bygger på metafor Interaktionsteknik 20

21 Virtuella miljöer DM i 3D För att simulera svåra situationer Farligt Dyrt Upplevelser, känsla Kräver utrustning Gester i 3D Interaktionsteknik 21

22 Naturligt språk alla kan det, ingen inlärning tekniskt fortfarande inte perfekt tal får inte förutsätta att man måste hålla saker i minnet vill vi diskutera med en maskin? Interaktionsteknik 22

23 Uttrycksfulla gränssnitt Färg, ikoner, ljud, grafik, animationer används för att göra gränssnitt tilltalande Detta kan påverka användbarheten i ett gränssnitt man kan stå ut med en hel del om resultatet är estetiskt Interaktionsteknik 23

24 Interaktionsteknik 24

25 Estetik kontra användbarhet Designideal Det enkla, stilrena Inte bara funktionalitet och användbarhet som påverkar Interaktionsteknik 25

26 NyA och estetik Interaktionsteknik 26

27 Interaktionsteknik 27

28 Ska datorer säga ursäkta? Reeves & Naas (1996) anser det Datorer ska ta efter etikettsregler Är användare lika förlåtande mot datorer som mot människor? Kan man förvänta sig att datorn försöker bättra sig? Diskussion: Hur bör meddelanden se ut? Interaktionsteknik 28

29 Antropomorfism att föreställa sig mänskliga egenskaper hos ickemänskliga företeelser vanligt i t ex reklam förekomst i användargränssnitt ger reaktion på oss människor Interaktionsteknik 29

30 Vad föredrar vi? Feedback när man gör något fel: Lena 1. Hm, Lena, det där blev inte korrekt. Du kan ju bättre än så. Försök igen! 2. Ej korrekt. Försök igen Interaktionsteknik 30

31 Stöd för antropomorfism Reeves & Naas har visat att smicker i datorbaserat undervisningsstöd har en positiv påverkan Elever var mer benägna att fortsätta med sådana meddelanden Interaktionsteknik 31

32 Kritik av antropomorfism Människor känner sig frustrerade och dumma Man gillar inte när figurer på skärmen pekar finger åt en Många föredrar en mer opersonlig stil Anses mindre trovärdigt och fråntar användare ansvar (Quintanar, 1982) Interaktionsteknik 32

33 Agenter Syfte: fånga uppmärksamhet signalera trovärdighet inspirera annat Interaktionsteknik 33

34 Resultat människor tenderar att sätta större tilltro till agenter som inte liknar människor i så hög grad men också uppgiftsberoende office-gemet ananova.com it s not my fault but... du ser inte ut att sitta på ett nät som jag har hand om Interaktionsteknik 34

Föreläsning 7, Interak2on

Föreläsning 7, Interak2on Föreläsning 7 Handlande, metaforer och interaktionsstilar Kapitel 10-11 i Stone et al. The Human Action Cycle 1. Målformulering Utförandefas 2. Översätta mål till uppgifter 4. Utföra handlingssekvens Utvärderingsfas

Läs mer

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

Föreläsning 6 Tillgänglighet, modell för handlande, metaforer och interak9onss9lar. Kapitel 10 11 i kursboken Föreläsning 6 Tillgänglighet, modell för handlande, metaforer och interak9onss9lar Kapitel 10 11 i kursboken För speciella behov Impairment försvagning syn/skelek Disability funk9onsnedsäkning seende/

Läs mer

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

Föreläsning 7 Mentala modeller, metaforer och emotionell interaktion. Kapitel 5 (3) i Rogers et al. Föreläsning 7 Mentala modeller, metaforer och emotionell interaktion Kapitel 5 (3) i Rogers et al. Översikt Human Action Cycle Konceptuella modeller Metaforer ikoner Emotionell design Antropomorfism Agenter

Läs mer

Handlande, metaforer och interaktionsstilar

Handlande, metaforer och interaktionsstilar Föreläsning 6 080909 Handlande, metaforer och interaktionsstilar Kapitel 10-11 i Stone et al. Människa-Dator Interaktion Institutionen för Datavetenskap Erik Billing MDI 1 Föreläsning 6 080909 Human Action

Läs mer

Föreläsning 7: Kognition & perception

Föreläsning 7: Kognition & perception Föreläsning 7: Kognition & perception FSR: 3, 4 Att läsa: Kapitel 2-3 i Rogers et al.: Interaction design Översikt Vad är kognition, perception? Vad har kognition och perception med interaktionsdesign

Läs mer

Föreläsning 7: Kognition & perception

Föreläsning 7: Kognition & perception Föreläsning 7: Kognition & perception FSR: 3, 4 Att läsa: Kapitel 2-3 i Rogers et al.: Interaction design Översikt Att kunna om perception och kognition Konceptuella modeller Metaforer Paradigm, teorier,

Läs mer

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

Föreläsning 10: Gränssnitt och webbdesign Föreläsning 10: Gränssnitt och webbdesign FSR: 6 Att läsa: Kapitel 6 i Rogers et al.: Interaction Design 1501006 Gränssnitt och webb 2 Översikt Gränssnitt historiskt Kännetecken olika gränssnitt Designutmaningar

Läs mer

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

Föreläsning 1: Interaktionsteknik, Introduktion. Att läsa: Kapitel 1-2 i Rogers et al.: Interaction design Föreläsning 1: Interaktionsteknik, Introduktion Att läsa: Kapitel 1-2 i Rogers et al.: Interaction design Interaktion SAOL: växelspel, samspel i umgänge Samspel med vad? med andra människor med saker?

Läs mer

Kommandobaserad interaktion

Kommandobaserad interaktion 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

Läs mer

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

Föreläsning 9: Gränssnitt och webbdesign Föreläsning 9: Gränssnitt och webbdesign FSR: (1), 4, 6 Att läsa: Kapitel 6 i Rogers et al.: Interaction Design 160429 Gränssnitt och webbdesign 2 Översikt Gränssnitt historiskt Kännetecken olika gränssnitt

Läs mer

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?

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? 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? Att lära sig via metaforer innebär att man drar nytta av kunskap som användaren redan har,

Läs mer

Föreläsning 3 Användare, uppgift och omgivning. Kapitel 3-4 i Stone et al.

Föreläsning 3 Användare, uppgift och omgivning. Kapitel 3-4 i Stone et al. Föreläsning 3 Användare, uppgift och omgivning Kapitel 3-4 i Stone et al. Från föregående föreläsning Kravinsamling med användare i fokus genom Observationer i verkliga situationer Konstruera uppgifter

Läs mer

Föreläsning 4, Användbarhet, prototyper

Föreläsning 4, Användbarhet, prototyper Föreläsning 4 Användbarhet och prototyper Kapitel 5-7 i Stone et al. Mer om användbarhet Psykologiska principer avseende: Förväntningar En uppgift i taget Struktur för förståelse Känna igen eller komma

Läs mer

Teknik, principer, metaforer och modeller Lars Oestreicher

Teknik, principer, metaforer och modeller Lars Oestreicher Teknik, principer, metaforer och modeller Innehåll All interaktion mellan människor och teknik måste gå genom våra sinnen. Vi skiljer mellan input-kanaler och output-kanaler (ur människans perspektiv).

Läs mer

Principer för interaktionsdesign

Principer för interaktionsdesign Designtrappan och GDK Principer för interaktionsdesign Mattias Arvola Institutionen för datavetenskap Designtrappan är framtagen av Dansk Design Center och vidareutvecklad av SVID. 2 Dagens föreläsning

Läs mer

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

Grundläggande teori för användargränssni3, del 1 Grundläggande teori för användargränssni3, del 1 Innehåll Mentala och konceptuella modeller (Kap 2.3) Metaforer (Kap 2.4) Donald Normans designprinciper (Kap 1.6.3) Mentala och konceptuella modeller Mentala

Läs mer

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

Tre kursblock. av användargränssnitt. Inledningsvis. Hittills. Dags att fylla på med det som saknas! Människa dator interaktion Del 1. 1. Tre kursblock Grundläggande teori för design av användargränssnitt Människa dator interaktion Del 1 1. Design 2.Human factors & Ergonomics 3. Human computer interaction Inledningsvis Interaktiv produkt/system

Läs mer

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

Föreläsning 9: Gränssnittsdesign och webbdesign. Rogers et al. Kapitel 6 Föreläsning 9: Gränssnittsdesign och webbdesign Rogers et al. Kapitel 6 Paradigm Handlar om en viss ansats inom en grupp På 80-talet designades användarcentrerade applikationer för enskilda användare framför

Läs mer

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

Efterlysning! Kognitiv design 1. Mitt mål för er med idag. Idag. Mål. Vad exakt är problemet? Efterlysning! Kognitiv design 1 Hur man gör en användare glad Kursrepresentanter? Maila! Webbaserat system för gruppindelning. Idag Inledande exempel Vad är användbarhet? Hur gör användaren? Normans sjustegsmodell

Läs mer

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

Människa-datorinteraktion. Innehåll. Forts. Teknik, principer, metaforer och modeller Bengt Sandblad Människa-datorinteraktion Teknik, principer, metaforer och modeller Bengt Sandblad Syfte Att beskriva grunderna för hur människor interagerar med datorsystem och andra tekniska system, för att utföra en

Läs mer

Interaktionsdesign, grundkurs INTERAKTION 1

Interaktionsdesign, grundkurs INTERAKTION 1 Interaktionsdesign, grundkurs INTERAKTION 1 Dagens föreläsning Vad är interaktion? Interaktionsmodeller Typer av användargränssnitt Översikt, orientering, navigering Felhantering Vad är interaktion? 1.

Läs mer

Boken. Kap 2.1-2.4 Kap 11.3

Boken. Kap 2.1-2.4 Kap 11.3 Konceptuell design Boken Kap 2.1-2.4 Kap 11.3 Konceptuell design är helt grundläggande inom interaktionsdesign kan upplevas som abstrakt och svårt att förstå förstås bäst genom att man utforskar och upplever

Läs mer

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

Vad utmärker ett bra användargränssnitt? Vad utmärker ett bra användargränssnitt? Att kommunicera med användarna Feedback och Pliancy Excise kontra Flow GUI = Graphic User Interface GUI = Graphic User Interface GUIn, eller grafiska gränssnitt

Läs mer

Interaktionsteknik. Föreläsning 6, Kognition perception. Översikt. Vad händer i medvetandet?

Interaktionsteknik. Föreläsning 6, Kognition perception. Översikt. Vad händer i medvetandet? Föreläsning 6: Kognition och perception Rogers et al. Kapitel 3 Översikt Vad är kognition? Vad är användare bra och dåliga på? Exempel på hur kognition kopplas till interaktionsdesign Kognition och perception

Läs mer

Föreläsning 6: Kognition och perception. Rogers et al. Kapitel 3

Föreläsning 6: Kognition och perception. Rogers et al. Kapitel 3 Föreläsning 6: Kognition och perception Rogers et al. Kapitel 3 Översikt Vad är kognition? Vad är användare bra och dåliga på? Exempel på hur kognition kopplas till interaktionsdesign 120420 Kognition

Läs mer

Föreläsning 8, Design

Föreläsning 8, Design Föreläsning 8: Design och prototyper FSR: 1, 4, 5, 6 Att läsa: Kapitel 11 i Rogers et al.: Interaction Design Översikt Konceptuell design (Fysisk design) Uppgiftsallokering Prototyper Typer av prototyper

Läs mer

Nya Medier. Gränssnitt, Interaktivitet och Digital kod

Nya Medier. Gränssnitt, Interaktivitet och Digital kod Nya Medier Gränssnitt, Interaktivitet och Digital kod Människa-Dator: Gränssnittet Tre lager tas upp i boken: Fysiska apparaten som möjliggör för användaren att styra/använda datorn Mjukvara som organiserar

Läs mer

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

Människa-datorinteraktion. Innehåll. Teknik, principer, metaforer och modeller Bengt Sandblad Människa-datorinteraktion Teknik, principer, metaforer och modeller Bengt Sandblad Syfte med lektionen Att beskriva grunderna för hur människor interagerar med datorsystem och andra tekniska system, för

Läs mer

Kommentarer till MDI tentamen 081003

Kommentarer till MDI tentamen 081003 Kommentarer till MDI tentamen 081003 1) I utvärderingssammanhang vill man ofta att de tilltänkta användarna ska finnas med. Nämn tre sätt att ta med användarna och jämför de olika sätten, likheter och

Läs mer

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

IC1007 Människa-dator interaktion: Principer och Design 7,5 hp IC1007 Människa-dator interaktion: Principer och Design 7,5 hp Human-computer Interaction: Principles and Design Kursplan för IC1007 gäller från och med HT11 Betygsskala: A, B, C, D, E, FX, F Utbildningsnivå:

Läs mer

Föreläsning 2. Operativsystem och programmering

Föreläsning 2. Operativsystem och programmering Föreläsning 2 Operativsystem och programmering Behov av operativsystem En dator så som beskriven i förra föreläsningen är nästan oanvändbar. Processorn kan bara ges enkla instruktioner såsom hämta data

Läs mer

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

Innehåll. Styrdon (ej i boken) Fitts lag (sidan ) Natural user interfaces. Kap 6.2.9, , Kap 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

Läs mer

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

förmågor är begränsade. Hur kan vi Ok, vi vet att människans kognitiva underlättar interaktionen? Fö 5 Människans förmåga - kognition Ok, vi vet att människans kognitiva förmågor är begränsade. Hur kan vi då utforma ett människateknikgränssnitt som fungerar och underlättar interaktionen? Donald Norman

Läs mer

Föreläsning 7: Kognition & perception

Föreläsning 7: Kognition & perception Föreläsning 7: Kognition & perception FSR: 3, 4 Att läsa: Kapitel 2-3 i Rogers et al.: Interaction design Översikt Problemrum Konceptuella modeller Metaforer Interaktionstyper Kognition Uppmärksamhet Perception

Läs mer

GRÄNSSNITTSDESIGN. Ämnets syfte. Kurser i ämnet

GRÄNSSNITTSDESIGN. Ämnets syfte. Kurser i ämnet GRÄNSSNITTSDESIGN Ämnet gränssnittsdesign behandlar interaktionen mellan dator och människa med fokus på designaspekterna i utveckling av användbara, tillgängliga och tilltalande gränssnitt. Det innehåller

Läs mer

Designkoncept och gränssnittsmetaforer

Designkoncept och gränssnittsmetaforer 1 Designkoncept och gränssnittsmetaforer Daniel Bosk Avdelningen för informations- och kommunikationssytem (IKS), Mittuniversitetet, Sundsvall. concept.tex 1914 2014-08-26 13:33:45Z danbos 2 Översikt 1

Läs mer

Kognition crash course

Kognition crash course Kognition crash course Termen kognition kommer från det latinska ordet cognitare (att tänka) Kognitionsvetenskap och kognitiv psykologi syftar till att beskriva och förstå hur tänkande går till. Människans

Läs mer

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

Människan och Tekniken. Fö 3 Människan och tekniken. Perception. Visuell perception Fö 3 Människan och tekniken Fö1 om Användbarhet och svårigheter med det. PACT som ett ramverk för att beskriva problemet. Fö 2 om metoder för att genomföra PACT-analys, dvs användarstudie och ev. analys

Läs mer

Sammanfattning av modulen modeller och representationer Hur går jag vidare?

Sammanfattning av modulen modeller och representationer Hur går jag vidare? Naturvetenskap - gymnasieskolan Modul: Modeller och representationer Del 8: Representationskompetens Sammanfattning av modulen modeller och representationer Hur Konrad Schönborn, Linköpings universitet

Läs mer

Designmetodik. Systemering med användarfokus Malin Pongolini

Designmetodik. Systemering med användarfokus Malin Pongolini Designmetodik Systemering med användarfokus Malin Pongolini ACD metoden: faserna Analys Användaranalys Uppgiftsanalys Kravställande Användbarhetskrav Funktionalitetskrav Design Prototyping Utvärdering

Läs mer

Summering: Workshop 14/3-19

Summering: Workshop 14/3-19 2 Summering: Workshop ehealth@lu 14/3-19 Vi började workshopen med en summering av vad som har hänt sen sist, nya utlysningar som kommer under våren presenterades (länkar finns på hemsidan) och även kort

Läs mer

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

Att läsa: Sharp, Helen, Rogers, Yvonne & Preece, Jenny E. (2007) Interaction design. Wiley. Kapitel 11. Prototyper, Riktlinjer och standarder Att läsa: Sharp, Helen, Rogers, Yvonne & Preece, Jenny E. (2007) Interaction design. Wiley. Kapitel 11. Prototyper behövs för att visa på designval för att designdokument

Läs mer

PROGRAMMERING. Ämnets syfte. Kurser i ämnet

PROGRAMMERING. Ämnets syfte. Kurser i ämnet PROGRAMMERING Ämnet programmering behandlar programmeringens roll i informationstekniska sammanhang som datorsimulering, animerad grafik, praktisk datoriserad problemlösning och användaranpassad konfiguration

Läs mer

Kognition & Konceptuell design

Kognition & Konceptuell design Kognition & Konceptuell design Kognition Kognition Ni kommer läsa en hel kurs om kognition i tvåan Därför kommer vi bara skrapa lite på ytan i denna föreläsning Kapitel 3 har en mindre viktig roll i kursboken

Läs mer

http://www.one-life.com/ http://www.bjork.com/ http://www.ro.me/ http://www.protest.eu/en#!/home

http://www.one-life.com/ http://www.bjork.com/ http://www.ro.me/ http://www.protest.eu/en#!/home http://www.one-life.com/ http://www.bjork.com/ http://www.ro.me/ http://www.protest.eu/en#!/home http://www.oakley.com/legionofoakley?cm_mmc=ads-_-apparel_goggles-_-prs_sigseries-_-appa Inspiration Koncept

Läs mer

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

Författare: Juha Söderqvist IT-GUI. Version 1.0. Datum Författare: Juha Söderqvist IT-GUI Version 1.0 Datum 2017-08-18 Innehåll 1. Introduktion... 3 Human-computer interaction... 3 Grafiska användargränssnitt... 4 Operativsystem... 4 Xerox Alto Executive file

Läs mer

Interaktion 1. Dagens föreläsning. Interaktionsmodeller

Interaktion 1. Dagens föreläsning. Interaktionsmodeller Interaktion 1 Dagens föreläsning Interaktionsmodeller Typer av användargränssnitt Översikt, orientering, navigering Felhantering Interaktionsmodeller De sätt en användare interagerar med ett användargränssnitt

Läs mer

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

Dagens föreläsning. Interaktionsmodeller Typer av användargränssnitt Översikt, orientering, navigering Felhantering Interaktion 1 Dagens föreläsning Interaktionsmodeller Typer av användargränssnitt Översikt, orientering, navigering Felhantering Interaktionsmodeller De sätt en användare interagerar med ett användargränssnitt

Läs mer

TENTAMEN: Design och konstruktion av grafiska gränssnitt DAT215/TIG091

TENTAMEN: Design och konstruktion av grafiska gränssnitt DAT215/TIG091 TENTAMEN: Design och konstruktion av grafiska gränssnitt DAT215/TIG091 DAG: 5 mars, 2012 TID: 8.30 12.30 SAL: Hörsalsvägen Ansvarig: Olof Torgersson, tel. 772 54 06. Institutionen för tillämpad informationsteknologi.

Läs mer

Utveckling av Läsaren

Utveckling av Läsaren Utveckling av Läsaren Projektet steg för steg Läsaren har utvecklats sucessivt till att bli den anpassningsbara och situationsoberoende tjänst den är idag. Tabellen nedan visar hur utvecklingen har skett

Läs mer

Några exempel. Principer för design. Vilka problem medför den här designen? Vilken av följande placeringar av piltangenterna är bäst?

Några exempel. Principer för design. Vilka problem medför den här designen? Vilken av följande placeringar av piltangenterna är bäst? Några exempel Principer för design Hur många kan ställa in klockan på sin video utan manual? Hur ofta vrider man på fel platta på spisen eller glömmer vrida av den när man är klar? Hur ofta knuffar man

Läs mer

Föreläsning 4: Designprocessen

Föreläsning 4: Designprocessen Föreläsning 4: Designprocessen FSR: 2, 3, (6), 7 Att läsa: Kapitel 9 och 12 i Rogers et al.: Interaction design 4/e 150911 Designprocessen 2 Designprocessenöversikt Introduktion Att involvera användare

Läs mer

Vad påverkar designen?

Vad påverkar designen? Vad påverkar designen av ett gränssnitt? Vi ser arbetet med design av ett användargränssnitt som något som liknar en arkitekts arbete. En arkitekt ska i sin utformning av en ny byggnad se till att: Byggnaden

Läs mer

PROGRAMMERING. Ämnets syfte. Kurser i ämnet

PROGRAMMERING. Ämnets syfte. Kurser i ämnet PROGRAMMERING Ämnet programmering behandlar programmeringens roll i informationstekniska sammanhang som datorsimulering, animerad grafik, praktisk datoriserad problemlösning och användaranpassad konfiguration

Läs mer

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

Interaktion 2 STYRDON, PEKDON OCH ANNAN INTERAKTION ATT RÄKNA MED 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

Läs mer

Prototyping medium/high fidelity Användarupplevelse Interaktionsflöde och flow Användbarhetsutvärdering - Usability testing Tillgänglighet

Prototyping medium/high fidelity Användarupplevelse Interaktionsflöde och flow Användbarhetsutvärdering - Usability testing Tillgänglighet martin östlund 2008 Prototyping medium/high fidelity Användarupplevelse Interaktionsflöde och flow Användbarhetsutvärdering - Usability testing Tillgänglighet Medium fidelity prototyping/testning» Använda

Läs mer

Introduktion till kursen Människadatorinteraktion Maria Redström Patricija Jaksetic CR&T

Introduktion till kursen Människadatorinteraktion Maria Redström Patricija Jaksetic CR&T Introduktion till kursen Människadatorinteraktion 10p 02-08-28 Maria Redström Patricija Jaksetic CR&T Dagens föreläsning: Kursadministration Introduktion till MDI Kursmoment Examination Designprinciper

Läs mer

Frågor och svar till tentamen i Kravhantering

Frågor och svar till tentamen i Kravhantering Frågor och svar till tentamen i Kravhantering Del 1 Frågor & svar Frågor&svar till tentamen 1 Datamodeller (0.5p) När man tar fram data krav skriver Lausen i sin bok, gällande data modeller, att det finns

Läs mer

Filosofin bakom modellen bygger på uppfattningen att varje människa har resurser och kraft att:

Filosofin bakom modellen bygger på uppfattningen att varje människa har resurser och kraft att: LIP Lösningsinriktad pedagogik Lösningsinriktad pedagogik erbjuder ett annorlunda sätt att förhålla sig till barn och till själva inlärningsprocessen. Det är ett förhållningssätt som genomsyras av en tilltro

Läs mer

svenska Syfte Kurskod: GRNSVE2 Verksamhetspoäng: KuRSplanER FöR KoMMunal VuxEnutBildninG på GRundläGGandE nivå 75

svenska Syfte Kurskod: GRNSVE2 Verksamhetspoäng: KuRSplanER FöR KoMMunal VuxEnutBildninG på GRundläGGandE nivå 75 Svenska Kurskod: GRNSVE2 Verksamhetspoäng: 1000 Språk är människans främsta redskap för reflektion, kommunikation och kunskapsutveckling. Genom språket kan människan uttrycka sin personlighet, uttrycka

Läs mer

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

Föreläsning 6 Konceptuell design och designprinciper. Kapitel 8-9 i Stone et al. Föreläsning 6 Konceptuell design och designprinciper Kapitel 8-9 i Stone et al. Från krav till design hur gör man Work reengineering, dvs. att omstrukturera, konstruera om befintligt sätt Task allocation,

Läs mer

Kursplan - Grundläggande svenska

Kursplan - Grundläggande svenska 2012-11-08 Kursplan - Grundläggande svenska Grundläggande svenska innehåller tre delkurser: Del 1, Grundläggande läs och skrivfärdigheter (400 poäng) GRNSVEu Del 2, delkurs 1 (300 poäng) GRNSVEv Del 2,

Läs mer

Evaluation Summary - CT3380 Grundläggande webbdesign HT05 Dan Levin

Evaluation Summary - CT3380 Grundläggande webbdesign HT05 Dan Levin Evaluation Summary - CT8 Grundläggande webbdesign HT Dan Levin Antal kursutvärderingar: Q. Anser du dig ha tillräckligt med förkunskaper för att klara kursen? (=JA =NEJ) Q. a Kurslitteratur? 7 Medel:.

Läs mer

Föreläsning 5: Fastställa krav varför, vad och hur

Föreläsning 5: Fastställa krav varför, vad och hur Föreläsning 5: Fastställa krav varför, vad och hur FSR: 1, 2, 5 Att läsa: Kapitel 10 i Rogers et al.: Interaction design 160412 Krav 2 Översikt Att kunna om kravspecifikation Vikten av krav Verktyg: Volere-formulär

Läs mer

Nya Medier. Gränssnitt, Interaktivitet och Digital kod

Nya Medier. Gränssnitt, Interaktivitet och Digital kod Nya Medier Gränssnitt, Interaktivitet och Digital kod Människa-Dator: Gränssnittet Tre lager tas upp i boken: Fysiska apparaten som möjliggör för användaren att styra/använda datorn Mjukvara som organiserar

Läs mer

Handbok Minuet. Sandro S. Andrade Översättare: Stefan Asserhäll

Handbok Minuet. Sandro S. Andrade Översättare: Stefan Asserhäll Sandro S. Andrade Översättare: Stefan Asserhäll 2 Innehåll 1 Inledning 5 2 Använda Minuet 6 2.1 Starta Minuet........................................ 6 2.2 Övningar och arbetsflöde i Minuet............................

Läs mer

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

Föreläsning 5 Konceptuell design och designprinciper. Kapitel 8-9 i Stone et al. Föreläsning 5 Konceptuell design och designprinciper Kapitel 8-9 i Stone et al. Från föregående föreläsning Användbarhetskrav att ta hänsyn till Användarnas förväntningar En uppgift i taget Struktur för

Läs mer

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

Föreläsning 3: Mer om utvärdering, Inspektionsmetoder kan man utvärdera utan användare? Föreläsning 3: Mer om utvärdering, Inspektionsmetoder kan man utvärdera utan användare? FSR: (1), 2, 5, (6), 7 Att läsa: Kapitel 14-15 i Rogers et al.: Interaction design 160405 Mer om utvärdering 2 Översikt

Läs mer

Små förändringar. Stora resultat.

Små förändringar. Stora resultat. FileMaker Developer Conference 2017 Presenter Series Små förändringar. Stora resultat. En guide till ett perfekt gränssnitt. Martha Zink, Soliant Consulting, Inc. FileMaker Developer Conference DevCon

Läs mer

Storytelling. Katarina Björk, +46(0)

Storytelling. Katarina Björk, +46(0) Storytelling Katarina Björk, katarina.bjork@thestorylab.se +46(0)702165900 BERÄTTELSER SKAPAR FÖRÄNDRING FÖRÄNDRING SKAPAR BERÄTTELSER 2 Berättelser skapar förändring Förändring skapar berättelser 09.30

Läs mer

Design och krav. Design Definition. enkelt Det ska vara möjligt att. Henrik Artman

Design och krav. Design Definition. enkelt Det ska vara möjligt att. Henrik Artman Design och krav Henrik Artman >>Ett av skälen till att projektet inte höll tidplan och budget var [beställarens] höga ambitionsnivå. Dessutom skulle man gjort en stordel av arbetet självt, men en del av

Läs mer

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

Grundläggande teori för användargränssnitt,del 2. Innehåll. Innehåll. Interaktionsmodeller (Interaction types, kap 2.5) Vi håller på att fylla på den gröna delen! Grundläggande teori för användargränssnitt,del 2 Ergonomi kroppen Hörselsinnet Synsinnet Kognition perception Sociala och affektiva aspekter Human factors Användargränssnitt

Läs mer

Reflekterande Design. Materialet utan egenskaper. God Design. Grundbegrepp. Introduktion till Design. Introduktion till Design

Reflekterande Design. Materialet utan egenskaper. God Design. Grundbegrepp. Introduktion till Design. Introduktion till Design Föreläsning diskuterar och tar upp grundläggande begrepp för design och designarbete generellt, så som: design vad är det, designförmåga, hur ser designprocessen, etc. Design Artificell värld värld som

Läs mer

Klimatrådet Grafiskt manér

Klimatrådet Grafiskt manér Klimatrådet Grafiskt manér Igenkänning och trovärdighet Klimatrådet är ett nätverk bestående av vitt skilda organisationer från offentlighet, näringsliv och idéburen sektor. En del i att knyta ihop rådets

Läs mer

behövs för enhetlighet, tala samma språk, så att användaren kan lära sig och använda det vidare.

behövs för enhetlighet, tala samma språk, så att användaren kan lära sig och använda det vidare. 1 2 3 Grafisk profil reglerar grunddragen i utseendet (logga, färger, typsnitt) en helhet skapas Vi ska känna igen oss, vi ska förstå vad som avsändaren vill kommunicera. Kan vara svårt att direkt applicera

Läs mer

Grafiska användargränssnitt i Java

Grafiska användargränssnitt i Java TDDD78, TDDE30, 729A85 jonas.kvarnstrom@liu.se 2018 Grafiska användargränssnitt i Java En genomgång av de viktigaste begreppen Alternativ 2 Från början fanns AWT, Abstract Window Toolkit Stora delar har

Läs mer

Design och Prototyping

Design och Prototyping Design och Prototyping 23/10 2002 Christina von Dorrien Läsanvisningar: Kap 2.3-2.6, Kap 8.1-8.3 Från analys till design Hur går man från analys- och krav dokument till en design av en produkt eller ett

Läs mer

Sätt att tänka om IT-system har betydelse

Sätt att tänka om IT-system har betydelse Handlingsbara IT-system - perspektiv & modeller Göran Goldkuhl Forskningsgruppen VITS IEI Linköpings universitet Sätt att tänka om IT-system har betydelse Hur vi uppfattar IT-system Hur vi tycker IT-system

Läs mer

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

Boken. OBS! Konkret interaktion är inte bokens starka sida. OBS! Jag har skrivit fel kapitel i kursprogrammet Uppdaterad version kommer. Interaktion 1 Boken Typer av interaktion (Kap 2.5) Typer av användargränssnitt (Kap 6.1-6.2) Översikt, navigering och orientering (ej i boken) Felhantering (kort på sid 138) OBS! Konkret interaktion är

Läs mer

Sju riktlinjer vid utveckling av hemsidor för mobil och desktop

Sju riktlinjer vid utveckling av hemsidor för mobil och desktop Sju riktlinjer vid utveckling av hemsidor för mobil och desktop Denna artikel går igenom hur du gör en hemsida användarvänlig till både vanliga desktopdatorer och mobilanvändare utan att behöva ha två

Läs mer

Föreläsning 4 Identifiera krav och behov. Att läsa: Kapitel 10 i Rogers et al.: Interaction design

Föreläsning 4 Identifiera krav och behov. Att läsa: Kapitel 10 i Rogers et al.: Interaction design Föreläsning 4 Identifiera krav och behov Att läsa: Kapitel 10 i Rogers et al.: Interaction design Översikt Vikten av krav Olika typer av krav Datainsamling för olika krav Scenarier Use Cases Essential

Läs mer

SMD084 lp människa/datorinteraktion. Del II Programmeringens matematiska grunder. Del I - Lektionsplanering. Del II Lektionsplanering

SMD084 lp människa/datorinteraktion. Del II Programmeringens matematiska grunder. Del I - Lektionsplanering. Del II Lektionsplanering SMD084 lp 3 2003 Del I Introduktion till människa/datorinteraktion Del II Programmeringens matematiska grunder Del I Introduktion till människa/datorinteraktion Inlämningsuppgifter: Användarperspektiv:

Läs mer

New Media. De nya praktikerna och kontexter för den nya praktiken

New Media. De nya praktikerna och kontexter för den nya praktiken New Media De nya praktikerna och kontexter för den nya praktiken Vilka är de nya praktikerna? NM utmanar föreställningen om konsumenter och producenter som två olika grupper I nya medier blir konsumenterna

Läs mer

Statens skolverks författningssamling

Statens skolverks författningssamling Statens skolverks författningssamling ISSN 1102-1950 Skolverkets föreskrifter om betygskriterier i svenskundervisning för invandrare; SKOLFS 2009:22 Utkom från trycket den 28 maj 2009 beslutade den 15

Läs mer

Interaktionsdesign och användbarhet Personas. Paper prototyping. » Metod för representation av användaren. » Metod för konceptutveckling

Interaktionsdesign och användbarhet Personas. Paper prototyping. » Metod för representation av användaren. » Metod för konceptutveckling martin östlund 2008 Interaktionsdesign och användbarhet Personas» Metod för representation av användaren Paper prototyping» Metod för konceptutveckling Att designa för användbarhet» Forsknings- och tillämpningsområden»

Läs mer

Övergripande planering

Övergripande planering Övergripande planering Ämne: Engelska Årskurs: 6 Ansvarig lärare: Åsa Andersson Maria Lindström Resurs: Reviderad: Bilaga 1. Kursplan för ämnet Bilaga 2. Kunskapskrav Bilaga 3. Planering för året Bilaga

Läs mer

Klassrumshantering Av: Jonas Hall. Högstadiet. Material: TI-82/83/84

Klassrumshantering Av: Jonas Hall. Högstadiet. Material: TI-82/83/84 Inledning Det som är viktigt att förstå när det gäller grafräknare, och TI s grafräknare i synnerhet, är att de inte bara är räknare, dvs beräkningsmaskiner som underlättar beräkningar, utan att de framför

Läs mer

Interaktionsdesign, designheuristik

Interaktionsdesign, designheuristik Interaktionsdesign, designheuristik Människa-datorinteraktion (MDI) Inst för informationsteknologi Uppsala universitet Bengt Sandblad Styrsystem i kärnkraftverk IT-stöd på kontor och i administrativt arbete

Läs mer

Grafiska användargränssnitt

Grafiska användargränssnitt Grafiska användargränssnitt VT-10 GUI - VT10 Martin Blom 1 Kursens upplägg Teori Principer och koncept Föreläsningar Fönstersystem Konstruktion av GUI Design av GUI Praktik Göra på riktigt Laborationer

Läs mer

Bilaga 4, Skapa grafiskt användargränssnitt med guide

Bilaga 4, Skapa grafiskt användargränssnitt med guide Bilaga 4 Bil 4:1 Bilaga 4, Skapa grafiskt användargränssnitt med guide Enklast till en början är att vid MATLABS kommandoprompt skriva guide vilket ger dels ett figurfönster och det som kallas Guide Control

Läs mer

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

Kognition. Kognition, interaktion och användare. Överblick - kognition. Data-information-kunskap. Nivåer av kognition. Dä ä bar å åk. Kognition Kognition, interaktion och användare Henrik Artman Tänkande Mentala funktioner för att tolka information genom sinnena Kognitiva funktioner Perception Minne och uppmärksamhet Problemlösning och

Läs mer

SkanRead hjälp. SkanRead 2.0. Elevdata AB

SkanRead hjälp. SkanRead 2.0. Elevdata AB SkanRead hjälp SkanRead 2.0 Elevdata AB SkanRead hjälp: SkanRead 2.0 Elevdata AB Copyright 2011 Elevdata AB Innehållsförteckning Inledning... v 1. Så här gör du!... 1 2. SkanRead i CD-ORD och programmenyn...

Läs mer

Model View Controller. Objekt-orienterad programmering och design (DIT952) Niklas Broberg, 2016

Model View Controller. Objekt-orienterad programmering och design (DIT952) Niklas Broberg, 2016 Model View Controller Objekt-orienterad programmering och design (DIT952) Niklas Broberg, 2016 Model View Controller Model View Controller (MVC) är ett design pattern (architectural pattern) som är väldigt

Läs mer

För prövning i Grundläggande Svenska gäller följande vid första tillfället:

För prövning i Grundläggande Svenska gäller följande vid första tillfället: prövning grundläggande svenska Malmö stad Komvux Malmö Södervärn PRÖVNING Prövningsanvisning Kurs: Svenska Kurskod: GRNSVE2 Verksamhetspoäng: 1000 För prövning i Grundläggande Svenska gäller följande vid

Läs mer

Introduktion till programmering och Python Grundkurs i programmering med Python

Introduktion till programmering och Python Grundkurs i programmering med Python Introduktion till programmering och Python Hösten 2009 Dagens lektion Vad är programmering? Vad är en dator? Filer Att tala med datorer En första titt på Python 2 Vad är programmering? 3 VAD ÄR PROGRAMMERING?

Läs mer

Berättelsen i lärandet och lärandet i berättandet

Berättelsen i lärandet och lärandet i berättandet Berättelsen i lärandet och lärandet i berättandet Estetiska lärprocesser och digitala verktyg i SO-undervisningen Estetiska lärprocesser och digitala verktyg i SO-undervisningen Bakgrunden Vision från

Läs mer

Kursplan för Matematik

Kursplan för Matematik Sida 1 av 5 Kursplan för Matematik Inrättad 2000-07 SKOLFS: 2000:135 Ämnets syfte och roll i utbildningen Grundskolan har till uppgift att hos eleven utveckla sådana kunskaper i matematik som behövs för

Läs mer

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

Bakgrund och motivation. Definition av algoritmer Beskrivningssätt Algoritmanalys. Algoritmer. Lars Larsson VT 2007. Lars Larsson Algoritmer 1 Algoritmer Lars Larsson VT 2007 Lars Larsson Algoritmer 1 1 2 3 4 5 Lars Larsson Algoritmer 2 Ni som går denna kurs är framtidens projektledare inom mjukvaruutveckling. Som ledare måste ni göra svåra beslut

Läs mer

Praktisk och rolig bok om utveckling av verksamheter och grupper Om systemiskt tänkande och KIM-modellen

Praktisk och rolig bok om utveckling av verksamheter och grupper Om systemiskt tänkande och KIM-modellen Praktisk och rolig bok om utveckling av verksamheter och grupper Om systemiskt tänkande och KIM-modellen Boken om KIM visar hur man som ledare kan utveckla grupper och verksamheter på ett lättsamt och

Läs mer

Kursplan Gränssnittsdesign, 100p Läsår

Kursplan Gränssnittsdesign, 100p Läsår Kursplan Gränssnittsdesign, 100p Läsår 2013-2014 Kurswebb: www.creativerooms.se/edu, välj Gränssnittsdesign Lärare: Aino-Maria Kumpulainen, aino-maria.kumpulainen@it-gymnasiet.se Hösttermin 2013 Vecka

Läs mer