Boken. Kap Kap 11.3

Storlek: px
Starta visningen från sidan:

Download "Boken. Kap 2.1-2.4 Kap 11.3"

Transkript

1 Konceptuell design

2 Boken Kap Kap 11.3

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 denna designnivå på olika sätt

4 Konceptuella modeller

5 Konceptuell modell A high-level description of how a system is organized and operates Enables designers to straighten out their thinking before they start laying our their widgets

6 Mentala modeller Internal representations of reality that allow us to interact with the world Incomplete representations of reality

7 Mentala och konceptuella modeller Designerns mentala modell Systemets konceptuella modell Användargränssnitt Användarens mentala modell System

8 Vi utformar en dörr som öppnas med en fotocell! SJ:s tågdörrar

9 ...men folk begriper sig inte på fotoceller så vi gör en låtsasknapp istället så att de för in handen under fotocellen! Låtsasknapp Dörr

10 Användaren ser knappen och sluter sig till att dörren öppnas genom att man trycker på den En knapp! Jag trycker på den så öppnas dörren! Låtsasknapp Dörr

11 Ibland reagerar dock inte fotocellen Huh? Jag trycker men inget händer? Gör jag fel? Är dörren trasig? Låtsasknapp Dörr

12 Varför inte erbjuda en mer korrekt konceptuell modell från början? Detta är en dörr med fotocell som öppnas med en gest.

13 Donald Normans kylskåp Donald Norman, The Design of Everyday Things, sid

14

15 Vilken konceptuell modell erbjuder detta användargränsnitt? Kylskåpet har två separata kylsystem som båda kan kontrolleras med var sitt reglage.

16 Användarens mentala modell

17 Designerns mentala modell (av hur detta kylskåp bör fungera)

18 Den mest kända konceptuella modellen Att använda en dator är som att arbeta på kontor.

19 Nintendo Wii En konceptuell modell som bygger på TV-konceptet

20 Diskussion På vilken konceptuell modell bygger de flesta webbutiker?

21 Huvudkomponenterna i en konceptuell modell Metaforer (t ex bokmärken) Koncepten som användaren kommer interagera med (t ex spara, organisera) Inbördes förhållanden mellan dessa koncept (t ex hur viktig en handling är jämfört med en annan) Kopplingen mellan koncepten och den användarupplevelse produkten är tänkt att stödja

22 Metaforer

23

24 Vad är en metafor? Inom litteraturen: Min ros, jag älskar dig! Inom interaktionsdesing: konceptuella metaforer

25 Definition Mappning mellan två kognitiva domäner, en källdomän och en måldomän Källdomän Metafor Måldomän

26 Time Machine (Mac OS X)

27 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.

28 Problem med metaforer i användargränssnitt

29 Gammal källdomän En metafor som bygger på en gammal källdomän aktiverar lite eller ingen förkunskap hos yngre användare

30 Aktiverar olämplig bakgrundskunskap i användarens mentala modell

31 Hjälper inte användaren att hitta tjänster som är datorspecifika Hur gör man en sökning i en bokhylla?

32 Riskerar att bryta konventioner och kulturella regler

33 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.

34 Begränsar fantasin hos designers att komma på nya konceptuella modeller Skrivbordsmetaforen är nästan 40 år gammal!

35 ... men ändå så kommer användargränssnitt förmodligen bygga på metaforer för en lång tid framöver.

36 Övning Ni ska utforma ett datorprogram för att lära 6-åringar matematik Vilken/vilka metaforer väljer ni till programmets användargränssnitt?

37 En strukturerad process för att välja bra metaforer 1. Förstå vad produkten/tjänster ska kunna göra 2. Förstå vilka delar av produkten/tjänsten som är komplicerade och/eller kritiska 3. Generera metaforer Leta efter metaforer i användarnas beskrivningar Metaforer som redan används inom tillämpningsområdet

38 Fem frågor vid utvärdering av metaforer 1. Hur mycket struktur tillhandahåller metaforen? En bra metafor ska tillhandahålla struktur och helst känd struktur. 2. Hur mycket av metaforen är relevant för problemet? 3. Är metaforen enkel att representera? 4. Kommer din publik att förstå metaforen? 5. Hur utbyggbar är metaforen? Besitter den extra aspekter som kan komma till användning senare?

39 Övning Utvärdering av metafor till en delad reseplaneringstjänst Metafor: en tryckt resebroschyr

40 1. Hur mycket struktur tillhandahåller metaforen? Den tillför struktur som är baserad på den kända pappersbaserade broschyren. Detta är en bok och har därför sidor, ett omslag, någon typ av bindning för att hålla ihop sidorna, ett index och en innehållsförteckning.

41 2. Hur mycket av metaforen är relevant för problemet? Uppgifter om boende, tillgängliga faciliteter, karta över området och stödjande illustrationer är relevanta för reseplaneraren så innehållet i broschyren är relevant. Broschyrens fysiska struktur, t.ex. bladvändning, är mindre relevant. Reseplaneraren kan vara mer flexibel än broschyren och bör inte försöka efterlikna dess bokkaraktär. Slutligen trycks broschyren kanske en gång om året och kan inte hållas uppdaterad med de senaste ändringarna medan reseplaneraren bör kunna erbjuda den mest aktuella informationen.

42 3. Är metaforen enkel att representera? Ja. Semesterinformation kan vara en uppsättning broschyrliknande sidor. Observera att detta inte är detsamma som att säga att navigering genom sidorna ska vara begränsad till sidvändning.

43 4. Kommer din publik att förstå metaforen? Ja.

44 5. Hur utbyggbar är metaforen? Funktionaliteten hos en pappersbaserad broschyr är tämligen begränsad. Men den är också en bok och vi skulle kunna låna funktioner från e-böcker (som också är kända föremål för de flesta i vår publik), så ja, den är utbyggbar.

45 OBS! Sid 403 i boken Lämpliga metaforer Lämplig typ av interaktion Lämplig typ av användargränssnitt Vi väntar med den konkreta interaktionen till nästa designnivå: Lo-fi prototyping

46 Konceptuell design i projektet Systemets övergripande struktur Systemets konceptuella modell Metaforer Gruppering av tjänster i naturliga grupper Språkbruk/terminologi På denna nivå ska ni börja utforska designrymden, dvs. ni ska arbeta med flera olika alternativa lösningar (parallell design), genom att varje gruppmedlem tar fram var sitt designkoncept.

47 Tips från coachen Börja med en djupdykning i datan från användarstudien. Försök leva dig in i deras situation. Använd skisser, scenarios och storyboards för att utforska designrymden. Använd card sorting method för att skapa naturliga grupper. Beskriv INTE din konceptuella design i termer av hårdvara/mjukvara.

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

Kognition & Konceptuell design. Kognition 9/17/2014

Kognition & Konceptuell design. Kognition 9/17/2014 Kognition & Konceptuell design Kognition 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

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

Kognition & Konceptuell design

Kognition & Konceptuell design Kognition & Konceptuell design Kognition 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

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

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

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

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

Boken. Kapitel 10. Kapitel 11. Kap 10.6.1 Ej Kap 10.7, det tar vi senare Resten, läs själva Designprocessen 2 Boken Kapitel 10 Kap 10.6.1 Ej Kap 10.7, det tar vi senare Resten, läs själva Kapitel 11 Brain storming Body storming Personas Scenarios Lo-fi prototyping Skisser Storyboarding Pappersprototyper

Läs mer

Vad är en prototyp? En prototyp är en manifestation av ett designförslag som man kan interagera med på något sätt.

Vad är en prototyp? En prototyp är en manifestation av ett designförslag som man kan interagera med på något sätt. Prototyping Vad är en prototyp? En prototyp är en manifestation av ett designförslag som man kan interagera med på något sätt. Jeff Hawking, PalmPilot Gick runt i flera månader med en prototyp och låtsades

Läs mer

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

Interaktionsdesign. Användbarhet ISO 9241. Usability goals. Interaktionsdesign, grundkurs (7,5 HP) Sammanfattande föreläsning Interaktionsdesign, grundkurs (7,5 HP) Sammanfattande föreläsning Interaktionsdesign Designing interactive products to support the way people communicate and interact in their everyday and working lives.

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

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

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

Människa-Datorinteraktion

Människa-Datorinteraktion Människa-Datorinteraktion Grundutbildnings-, forskarutbildnings- och forskningsämne som behandlar Gränssnitt och kommunikation människa-dator Kommunikation och samarbete människa-människa via (medierat

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

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

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

Designprocessen 2. -konkreta metoder och tekniker

Designprocessen 2. -konkreta metoder och tekniker Designprocessen 2 -konkreta metoder och tekniker Metoder och tekniker Intervjuer Enkäter Observationer Brain storming Body storming Personas Scenarios Story boards Card sorting method Metoder och tekniker

Läs mer

Innehåll. Vad är prototyping? Low-, mid-, high-fidelity prototyping Konceptuella modeller Verktyg för mid/high-fi prototyping

Innehåll. Vad är prototyping? Low-, mid-, high-fidelity prototyping Konceptuella modeller Verktyg för mid/high-fi prototyping Prototyping Innehåll Vad är prototyping? Low-, mid-, high-fidelity prototyping Konceptuella modeller Verktyg för mid/high-fi prototyping Individuell inlämningsuppgift Vad är en prototyp? En prototyp är

Läs mer

Fö 2: Designprocessen. Projektet. Design är... Forts. projektet

Fö 2: Designprocessen. Projektet. Design är... Forts. projektet Fö 2: Designprocessen Metoder Mål: att förstå användaren, uppgiften, situationen och tekniken (PACT) Hur hänger det ihop? Men först: projektet Projektet Användarstudier och analys av befintligt system

Läs mer

HUMAN-CENTERED SYSTEMS Stefan Holmlid

HUMAN-CENTERED SYSTEMS Stefan Holmlid Interaction design, industrial design, design management, service design, information design, experience design, graphic design, furniture design, destination design, product design, ergonomics design,

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

Kognitiv semantik. Hanna Seppälä Uppsala universitet 1

Kognitiv semantik. Hanna Seppälä Uppsala universitet 1 Kognitiv semantik Föreläsning 3 Uppsala universitet 1 Kognitiv semantik det finns ingen skillnad mellan språklig kunskap och allmän n tänkandet alla språkliga nivåer är r sammankopplade Uppsala universitet

Läs mer

Spel som interaktiva berättelser

Spel som interaktiva berättelser Spel som interaktiva berättelser Finns många typer av interaktivt berättande; ska titta närmare på spel eftersom de exemplifierar en rad aspekter av interaktivt berättande väldigt tydligt. Kan förstå spel

Läs mer

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

Kommande kurser om samspelet mellan människa och teknik. Mattias Wallergård Institutionen för designvetenskaper Kommande kurser om samspelet mellan människa och teknik Mattias Wallergård Institutionen för designvetenskaper C-programmet Specialiseringen Användbarhet & Design Interaktion 1: neuromodellering, kognitiv

Läs mer

Design: Två betydelser

Design: Två betydelser Designprocessen 1 Design: Två betydelser The final solution/plan (e.g. proposal, drawing, model, description) or the result of implementing that plan in the form of the final product. The process of originating

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

Olika syften. TDDD60 användbarhetstest. När passar vilken typ? Med eller utan användare

Olika syften. TDDD60 användbarhetstest. När passar vilken typ? Med eller utan användare TDDD60 användbarhetstest Olika syften Olika typer av metoder Mått på användbarhet/kravuppfyllelse Olika syften Hitta användbarhetsproblem för att förbättra (mål: åtgärda problem, förbättra produkten) Formativ

Läs mer

Övningar hösten HUMAN-CENTERED SYSTEMS Stefan Holmlid

Övningar hösten HUMAN-CENTERED SYSTEMS Stefan Holmlid Övningar hösten 2011 I detta dokument finns ett antal designövningar. Dessa kan ni närsomhelst ta tag i och genomföra. För att utvecklas. För att det är kul. För att det är utmanande. E1 Bruksfokus Tanken

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

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

Prototyping. Planera och genomföra webbproduktionsprojekt. Innehåll. Fördelarna med Pappersprototyper. Lofi-prototyp. Prototyping

Prototyping. Planera och genomföra webbproduktionsprojekt. Innehåll. Fördelarna med Pappersprototyper. Lofi-prototyp. Prototyping Innehåll Planera och genomföra webbproduktionsprojekt Stefan Berglund Prototyping Prototyping LoFi-prototyp HiFi-prototyp Användarcentrerad utveckling Användbarhet Specificering av krav Prototyping Kartläggning

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

Grupp 3. Projektplan

Grupp 3. Projektplan Grupp 3 Anna, Fredrik, Thomas, William, Camilla W, Camilla L Projektplan Nuvarande projektplan. Senaste versionen, uppdaterad 25 februari 2010 Innehållsförteckning Den slutgiltiga hifi prototypen... 3

Läs mer

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

Föreläsning i webbdesign. Interak*onsdesign. Rune Körnefors. Medieteknik. 2012 Rune Körnefors rune.kornefors@lnu.se Föreläsning i webbdesign Interak*onsdesign Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Från föreläsning F1 Användarcentrerad design "Take the user into account every step of

Läs mer

Manual - Inläsningstjänsts App (ios för iphone och ipad)

Manual - Inläsningstjänsts App (ios för iphone och ipad) Sidan 1 av 7 App-release: 1.0 Manual - Inläsningstjänsts App (ios för iphone och ipad) Innehållsförteckning 1 Kort om appen... 2 Funktionaliteten i grova drag... 2 Kända begränsningar i denna version...

Läs mer

Vad utmärker ett bra gränssnitt?

Vad utmärker ett bra gränssnitt? Vad utmärker ett bra gränssnitt? Kommunikation med användarna Feedback och Pliancy Excise kontra Flow GUI = Graphical User Interface GUIn, eller grafiska gränssnitt hittar vi på alla sorters skärmar I

Läs mer

TDP022 Interaktiva system

TDP022 Interaktiva system TDP022 Interaktiva system Ämnesintroduktion Interaktiva System Aseel Berglund, aseel.berglund@liu.se Eva Ragnemalm, eva.ragnemalm@liu.se IDA 1 2 Department of Computer and Information Science (IDA) Linköpings

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

Datainsamling. Daniel Bosk. data.tex 1914 2014-08-26 13:33:45Z danbos

Datainsamling. Daniel Bosk. data.tex 1914 2014-08-26 13:33:45Z danbos 1 Datainsamling Daniel Bosk Avdelningen för informations- och kommunikationssytem (IKS), Mittuniversitetet, Sundsvall. data.tex 1914 2014-08-26 13:33:45Z danbos 2 Litteratur Du ska inför övningen ha läst

Läs mer

Skapa ett MatteEldorado i ÅK 1 3

Skapa ett MatteEldorado i ÅK 1 3 MatTE Skapa ett MatteEldorado i ÅK 1 3 Hej, Ingrid Margareta Vi vill nu berätta för dig om Eldorado läromedlet för FK-6 som vi hoppas ska bli ett tryggt och inspirerande verktyg för dig som pedagog, och

Läs mer

Lexikal semantik & Kognitiv semantik. Semantik: Föreläsning 2 Lingvistik: 729G08 HT 2012 IKK, Linköpings universitet

Lexikal semantik & Kognitiv semantik. Semantik: Föreläsning 2 Lingvistik: 729G08 HT 2012 IKK, Linköpings universitet Lexikal semantik & Kognitiv semantik Semantik: Föreläsning 2 Lingvistik: 729G08 HT 2012 IKK, Linköpings universitet 1 Dagens föreläsning Saeed 2009, kap.3, 11 Lexikal semantik Lexikala relationer Kognitiv

Läs mer

Vad är. Domändriven design?

Vad är. Domändriven design? Vad är Domändriven design? 1 Domändriven design är utvecklare och domänexperter som arbetar tillsammans för att skapa mjukvara som är både begriplig och möjlig att underhålla. ett sätt att fånga och sprida

Läs mer

Tangible interaction &TUI KIRSTEN RASSMUS-GRÖHN

Tangible interaction &TUI KIRSTEN RASSMUS-GRÖHN Tangible interaction &TUI KIRSTEN RASSMUS-GRÖHN Innehåll Vad är TUI? Historia Massor med exempel Hur gör man? Problem och utmaningar Vad är TUI = Tangible User Interface? I bred mening Att ge fysisk form

Läs mer

INTERAKTIONSDESIGN: VAD & HUR?

INTERAKTIONSDESIGN: VAD & HUR? INTERAKTIONSDESIGN: VAD & HUR? Interaktionsteknik & Design, HT-13 Evelina Fagertun evelinafagertun@gmail.com VAD? Vad är interaktionsdesign? HUR? Hur skapar vi bra design? INTERAKTION Wiki: Interaktion

Läs mer

Interaktionsdesign, grundkurs (7,5 HP)

Interaktionsdesign, grundkurs (7,5 HP) Interaktionsdesign, grundkurs (7,5 HP) Vem är jag? Mattias Wallergård Elektroteknik, PhD (LTH) Forskar och undervisar inom interaktionsdesign, Virtual Reality & Augmented Reality Det började med att farmor

Läs mer

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

Grundläggande teori för användargränssnitt,del 2 Grundläggande teori för användargränssnitt,del 2 Innehåll Översikt, navigering och orientering (ej i boken) Typer av användargränssnitt (Kap 6) Styrdon (ej i boken) Fitts lag (kort på sidan 527-528) Felhantering

Läs mer

Språket, individen och samhället VT08

Språket, individen och samhället VT08 Språket, individen och samhället VT08 Barns och vuxnas andraspråksinlärning Tvåspråkighet, kognition, m.m. Ellen Breitholtz 1. Barns och vuxnas andraspråksinlärning Vem är bäst? Vem är bäst på att lära

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

Manual - Inläsningstjänsts App (Android)

Manual - Inläsningstjänsts App (Android) Sidan 1 av 7 Manual - Inläsningstjänsts App (Android) App-release: Beta Innehållsförteckning 1 Kort om appen... 2 Funktionalitet i grova drag... 2 Kända begränsningar i denna version... 2 2 Var hittar

Läs mer

Inspirationsfasen. Fortsättning på nästa sida. Hållbar utveckling B, vårterminen 2013. Cemus/CSD Uppsala, Uppsala universitet & SLU

Inspirationsfasen. Fortsättning på nästa sida. Hållbar utveckling B, vårterminen 2013. Cemus/CSD Uppsala, Uppsala universitet & SLU Inspirationsfasen Förvänta er framgång! Fokusera på problemet, men leta efter möjligheter. Titta på världen, observera och låt dig inspireras. Utforska det som kittlar din nyfikenhet! Ha med så många olika

Läs mer

Fiery Print Controller MX-PEX1. Variabel datautskrift

Fiery Print Controller MX-PEX1. Variabel datautskrift Fiery Print Controller MX-PEX1 Variabel datautskrift 2006 Electronics for Imaging, Inc. Informationen i denna publikation omfattas av Juridiska meddelanden för denna produkt. 45055675 14 juli 2006 INNEHÅLL

Läs mer

Människa-datorinteraktion 7,5 p

Människa-datorinteraktion 7,5 p Människa-datorinteraktion 7,5 p Vem är jag? Mattias Wallergård Elektroteknik, PhD (LTH) Forskar och undervisar inom interaktionsdesign och Virtual Reality Det började med att farmor Gretas TV tappade alla

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

Systemering med användarfokus

Systemering med användarfokus Systemering med användarfokus Introduktion AnvändarCentrerad Design översikt Vad är systemutveckling? En problemlösningsprocess där en specifik situation undersöks Syftet med undersökningen är att man

Läs mer

ibooks Author Komma igång

ibooks Author Komma igång ibooks Author Komma igång Välkommen till ibooks Author, ett lätt sätt att skapa snygga och interaktiva Multi-Touch-böcker för ipad och Mac. Börja med proffsiga Apple-designade mallar med mängder av eleganta

Läs mer

TDDC74 - Projektspecifikation

TDDC74 - Projektspecifikation TDDC74 - Projektspecifikation Projektmedlemmar: Namn Efternamn abcde123@student.liu.se Namn Efternamn abcde123@student.liu.se Handledare: Handledare handledare@ida.liu.se eller handledare@student.liu.se

Läs mer

Så gör Vägledningen 24-timmarswebben dig till en bättre beställare. Funda Denizhan, Statskontoret Kommits 17 november, 2005

Så gör Vägledningen 24-timmarswebben dig till en bättre beställare. Funda Denizhan, Statskontoret Kommits 17 november, 2005 Så gör Vägledningen 24-timmarswebben dig till en bättre beställare Funda Denizhan, Statskontoret Kommits 17 november, 2005 Om IT och webb inte är en teknikfråga vad är det då? Är IT och webb en verksamhetsfråga?

Läs mer

Agila Metoder. Nils Ehrenberg nils.ehrenberg@mah.se

Agila Metoder. Nils Ehrenberg nils.ehrenberg@mah.se Agila Metoder Nils Ehrenberg nils.ehrenberg@mah.se Agenda Agila Metoder: Scrum och sprints Lean och Design Workshops Kravställning Agil Utveckling Individer och interaktioner istället för processer Fungerande

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

Redigeringsteknik och postproduktion

Redigeringsteknik och postproduktion Interaktionsdesign- Process Olika förhållningssätt till designprocessen: Utgångspunkter- perspektiv på design Övergripande processen Detaljerat förfarande- iterativ och konceptuell design Introducera en

Läs mer

Alla får ligga. strategier i förförelsekonst för den moderna gentlemannen och kvinnan

Alla får ligga. strategier i förförelsekonst för den moderna gentlemannen och kvinnan Alla får ligga strategier i förförelsekonst för den moderna gentlemannen och kvinnan 001 FÖRSPEL IN 168 KAPITEL ETT N o 001 013 Rätt inställning KAPITEL TVÅ N o 014 022 Utsidan KAPITEL TRE N o 023 051

Läs mer

Interaktionsdesign, grundkurs (7,5 HP) Johanna Persson

Interaktionsdesign, grundkurs (7,5 HP) Johanna Persson Interaktionsdesign, grundkurs (7,5 HP) Johanna Persson johanna.persson@design.lth.se 046 222 43 58 Min bakgrund Civilingenjör i Medieteknik (LiTH) med inriktning mot visualisering och virtual reality Doktorand

Läs mer

Vad säger WCAG om kognition?

Vad säger WCAG om kognition? Vad säger WCAG om kognition? Stefan Johansson och Anita Hildén stefan.johansson@funkanu.se leknyttan@gmail.com Så här säger W3C-konsortiet: Web Content Accessibility Guidelines (WCAG) 2.0 innehåller ett

Läs mer

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

Användarvänlighet? Användbarhet. Användbarhet! De vise männen. Användbarhet enl. ISO Bakom varje framgångsrik man Användbarhet TNMK31 Användbarhet Användarvänlighet? Åtkomlighet Förenligt med och stöd för människans mentala funktionssätt Individualisering Hjälpresurser Är tätt kopplat till användargränssnitt, speciellt

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

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

DH2622 MDI-fk Introduktion till kursen & ämnet. MDI på KTH. Kursen i sitt sammanhang

DH2622 MDI-fk Introduktion till kursen & ämnet. MDI på KTH. Kursen i sitt sammanhang DH2622 MDI-fk Introduktion till kursen & ämnet Tisdagen den 27 oktober 13-15 i svg alz@kth.se http://www.csc.kth.se/utbildni ng/kth/kurser/dh2622/ MDI på KTH Kursen i sitt sammanhang Forskningsmiljö Utbildning

Läs mer

Imperativ programmering. Föreläsning 4

Imperativ programmering. Föreläsning 4 Imperativ programmering 1DL126 3p Föreläsning 4 Imperativa paradigmer Ostrukturerad programmering Strukturerad programmering Procedurell programmering Objektorienterad programmering Klassbaserad programmering

Läs mer

Hi-Fi Prototyping + laborationsgenomgång & verktyg

Hi-Fi Prototyping + laborationsgenomgång & verktyg Hi-Fi Prototyping + laborationsgenomgång & verktyg Karin Fahlquist 2015 Frågor att besvara Vad innebär prototyping? Vad är speciellt med hi-fi prototyping? Hur kan man använda dem? Hur väljer man nivå

Läs mer

We cannot solve our problems with the same kind of thinking we used when we created them

We cannot solve our problems with the same kind of thinking we used when we created them Spaning mot framtiden Designtänkande som stöd för framtidsvisioner Åsa Wikberg Nilsson Innovation och Design Luleå tekniska universitet We cannot solve our problems with the same kind of thinking we used

Läs mer

Prototypningsverktyg. A Human-Centered Design Process (ISO 9241-210, 2010) Mattias Arvola. @mattiasarvola Institutionen för datavetenskap

Prototypningsverktyg. A Human-Centered Design Process (ISO 9241-210, 2010) Mattias Arvola. @mattiasarvola Institutionen för datavetenskap A Human-Centered Design Process (ISO 9241-210, 2010) Prototypningsverktyg 1. Plan the humancentred process 2. Understand the context of use Mattias Arvola Meets the requirements 5. Evaluate against requirements

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

Användarcentrerad systemdesign introduktion till begrepp, processer och arbetssätt

Användarcentrerad systemdesign introduktion till begrepp, processer och arbetssätt Användarcentrerad systemdesign introduktion till begrepp, processer och arbetssätt Bengt Göransson bengt.goransson@it.uu.se Människa-datorinteraktion 1MD016, hösten 2012 Avdelningen för Visuell information

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

Fö 4: Utvärdering. Gästföreläsning. Muddy-cards resultat. Varför och vad? Varför? Vad? Mot vad? (Krav) Hur? IMPACT

Fö 4: Utvärdering. Gästföreläsning. Muddy-cards resultat. Varför och vad? Varför? Vad? Mot vad? (Krav) Hur? IMPACT Varför? Vad? Mot vad? (Krav) Hur? IMPACT Fö 4: Utvärdering Gästföreläsning Computer Supported Collaborative Work flera användare. Live Help Systems Johan Åberg Vecka 10 Måndag 3/3 kl 10 i sal C3 Muddy-cards

Läs mer

Utvärdering. Övergripande (1) Med/utan användare. Övergripande (2) Fredag 1 oktober F1. Ann Lantz - Anna Swartling -

Utvärdering. Övergripande (1) Med/utan användare. Övergripande (2) Fredag 1 oktober F1. Ann Lantz - Anna Swartling - Utvärdering Fredag 1 oktober 13-15 F1 Ann Lantz - alz@nada.kth.se Anna Swartling - ast@kth.se Övergripande (1) Av den verkliga världen: Hur agerar man, vad händer? Hur används teknik? Beteendevetenskapliga

Läs mer

Interaktiva Bibliotek. Eva Eriksson. IDC Interaction Design Collegium

Interaktiva Bibliotek. Eva Eriksson. IDC Interaction Design Collegium Interaktiva Bibliotek Eva Eriksson Innehåll Children s Interactive Library, Århus Danmark Ubiquitous Computing, Chalmers Göteborg The Interactive Children s Library Interactivespaces.net Aarhus School

Läs mer

Objektorienterad analys och design

Objektorienterad analys och design Objektorienterad analys och design Objektorienterad analys och design 1 Dagens föreläsning Första delen, innan rasten: Motivation och bakgrund Analys Funktioner Andra delen, efter rasten: Objektorienterade

Läs mer

Läsnyckel. Ibra Kadabra. Leif Jacobsen. Innan du läser. Medan du läser

Läsnyckel. Ibra Kadabra. Leif Jacobsen. Innan du läser. Medan du läser Läsnyckel Ibra Kadabra Leif Jacobsen Innan du läser Den här boken ingår i en serie som heter BMX Gripen men den kan också läsas fristående. Har du inte läst de andra delarna så kan du slå upp början på

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

Prototyper och användartest

Prototyper och användartest Föreläsning i webbdesign Prototyper och användartest Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Prototyp för en webbplats! Utkast eller enkel variant av webbplatsen" Syfte"

Läs mer

Participatory Design III

Participatory Design III Participatory Design III Participatory Design & Språkmönster Vecka 3 Summering av förra veckan Participatory Design Utgår från artikelseminariet Framtidsverkstad Språkmönster Binda ihop SUMMERING AV VECKA

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

Webbtillgänglighet. Webbtillgänglighet. World Wide Web Consortium. Web Accessibility Initiative, WAI WCAG 2.0 WCAG 1.0

Webbtillgänglighet. Webbtillgänglighet. World Wide Web Consortium. Web Accessibility Initiative, WAI WCAG 2.0 WCAG 1.0 Webbtillgänglighet Webbtillgänglighet Att göra webbinnehåll så att de är tillgängliga för alla oavsett vilka funktionsnedsättningar man har Att göra webbinnehåll tillgängligt oavsett vilken in- och utmatningsutrustning

Läs mer

Designprocessen. Kapitel 7 & Kapitel 9

Designprocessen. Kapitel 7 & Kapitel 9 Designprocessen Kapitel 7 & Kapitel 9 Tre kursblock 1.Human factors & Ergonomi 2. Design 3. Human-computer interaction Design: Två betydelser The final solution/plan (e.g. proposal, drawing, model, description)

Läs mer

Prototyping. Susanna Olsson, TietoEnator Funda Denizhan, TietoEnator Ann Lantz, CID

Prototyping. Susanna Olsson, TietoEnator Funda Denizhan, TietoEnator Ann Lantz, CID Prototyping Susanna Olsson, TietoEnator Funda Denizhan, TietoEnator Ann Lantz, CID TRITA-NA-D0105 CID-139, KTH, Stockholm, Sweden 2001 Susanna Olsson, TietoEnator, Funda Denizhan, TietoEnator, Ann Lantz,

Läs mer

Projektarbete. Anvisningar, tips och mallar. Sammanställt lå 05/06 av lärgruppen - Projektarbete

Projektarbete. Anvisningar, tips och mallar. Sammanställt lå 05/06 av lärgruppen - Projektarbete Projektarbete Anvisningar, tips och mallar Sammanställt lå 05/06 av lärgruppen - Projektarbete Henrik Andersson, Martina Johansson, Göran Johannesson, Björn Bergfeldt, Per-Erik Eriksson, Franz Kreutzkopf,

Läs mer

Representationer. Henrik Artman KTH

Representationer. Henrik Artman KTH Representationer Henrik Artman KTH 1 Vad jag vill ha sagt Formella modeller riskerar att överrationalisera arbete Risken att fastna i fixeringar av systemen Metaforer kan vara stödjande Projekt behöver

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

Användarmanual Legimus för. Android

Användarmanual Legimus för. Android Användarmanual Legimus för Android Innehåll Användarmanual Legimus för Android... 1 Vad är Legimus?... 3 Legimus webb... 3 Kom igång... 4 Inloggning... 4 Bokhyllan... 4 Sök en talbok... 4 Ladda ner taltidningar...

Läs mer

IBSE Ett självreflekterande(självkritiskt) verktyg för lärare. Riktlinjer för lärare

IBSE Ett självreflekterande(självkritiskt) verktyg för lärare. Riktlinjer för lärare Fibonacci / översättning från engelska IBSE Ett självreflekterande(självkritiskt) verktyg för lärare Riktlinjer för lärare Vad är det? Detta verktyg för självutvärdering sätter upp kriterier som gör det

Läs mer

- en expertanalys. av Anna Olvenmyr

- en expertanalys. av Anna Olvenmyr IT-universitetet i Göteborg MDI. Interaktionsdesign - en expertanalys av Anna Olvenmyr Grafiska Gränssnitt, 5 poäng 2003-10-27 Inledning och kategorisering...3 Utvärdering indelad i kategorier...4 Impression/

Läs mer

Programmering. Seminarier i datavetenskap, datorteknik och informationsteknik. Niklas Broberg niklas.broberg@chalmers.

Programmering. Seminarier i datavetenskap, datorteknik och informationsteknik. Niklas Broberg niklas.broberg@chalmers. Programmering Seminarier i datavetenskap, datorteknik och informationsteknik Niklas Broberg niklas.broberg@chalmers.se 2015-09-24 Hur många från Datavetenskap? Datateknik? Informationsteknik? Översikt

Läs mer

Business Design. Creosa är ett företag specialiserat på kreativ intelligens ihopkopplat med entreprenörskap och affärsutveckling.

Business Design. Creosa är ett företag specialiserat på kreativ intelligens ihopkopplat med entreprenörskap och affärsutveckling. Creosa är ett företag specialiserat på kreativ intelligens ihopkopplat med entreprenörskap och affärsutveckling. Våra lösningar lär dig hur du kan använda din kreativa intelligens som motor i ditt företag,

Läs mer

Molnet ett laglöst land?

Molnet ett laglöst land? Molnet ett laglöst land? 31 januari 2012 Pernilla Borg, CISA Magnus Ahlberg Om Ernst & Young IT Risk and Assurance Inom IT Risk and Assurance hjälper vi organisationer att hantera IT-risker på ett sätt

Läs mer

CDC en jämförelse mellan superskalära processorer. EDT621 Campus Helsingborg av: Marcus Karlsson IDA

CDC en jämförelse mellan superskalära processorer. EDT621 Campus Helsingborg av: Marcus Karlsson IDA CDC6600 - en jämförelse mellan superskalära processorer av: Marcus Karlsson Sammanfattning I denna rapport visas konkret information om hur den första superskalära processorn såg ut och hur den använde

Läs mer

AGIL KRAVHANTERING. Hitta behoven bakom kraven!! Thomas Nilsson! Agile Coach & Mentor! CTO, Responsive

AGIL KRAVHANTERING. Hitta behoven bakom kraven!! Thomas Nilsson! Agile Coach & Mentor! CTO, Responsive AGIL KRAVHANTERING Hitta behoven bakom kraven!!! Thomas Nilsson! Agile Coach & Mentor! CTO, Responsive KRAVSTÄLL EN PRODUKT! Skriv ner tre krav som ni ställer på produkten INNOVATIONSDRIVNA PRODUKTER...

Läs mer