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

Storlek: px
Starta visningen från sidan:

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

Transkript

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 Hittills Dags att fylla på med det som saknas! Ergonomi kroppen Hörselsinnet Synsinnet Kognition perception Sociala och affektiva aspekter Human factors Ergonomi kroppen Hörselsinnet Synsinnet Kognition perception Sociala och affektiva aspekter Human factors Användargränssnitt (MDI) Grundläggande teori för design av användargränssnitt Designprocess Iterativ process Användarcentrerad design Konceptuell design Prototyping Utvärdering Designprocess Iterativ process Användarcentrerad design Konceptuell design Prototyping Utvärdering Interaktiv produkt/system Interaktiv produkt/system 1

2 Grundläggande teori för design av användargränssnitt Innehåll Innehåll Mentala och konceptuella modeller Metaforer inom användargränssnitt Designprinciper Normans designprinciper Översikt, navigering och orientering Felhantering Interaktion Interaktionsmodeller Styrdon Menyer, formulär, dialoger Dagens föreläsning Nästa föreläsning Mentala och konceptuella modeller (kap 2.3) Metaforer (kap 2.4) Donald Normans designprinciper (kap 1.6.3) Översikt, navigering och orientering (ej i boken) Felhantering (kort sid 138) Innehåll Mentala och konceptuella modeller (kap 2.3) Metaforer (kap 2.4) Donald Normans designprinciper (kap 1.6.3) Översikt, navigering och orientering (ej i boken) Felhantering (kort sid 138) Mentala och konceptuella modeller Mentala och konceptuella modeller SJ:s tågdörrar Designerns modell Systemets konceptuella modell Användarens modell Vi utformar en dörr som öppnas med en fotocell! Användargränssnitt System Den konceptuella modell som designern har av systemet och som denne försöker förmedla genom systemets konceptuella modell Användarens mentala modell som formas av systemets konceptuella modell och användarens kunskaper, erfarenheter, förväntningar, etc. 2

3 Ibland reagerar inte fotocellen...men folk begriper sig inte på fotoceller så vi gör en låtsasknapp istället! Huh? Jag trycker men inget händer? Gör jag fel? Är dörren trasig? Låtsasknapp Dörr Låtsasknapp Dörr Varför inte erbjuda en mer korrekt konceptuell modell från början? Donald Normans kylskåp Detta är en dörr som öppnas med en gest. Donald Norman, The Design of Everyday Things, sid Två fack Kylvaror Frysvaror Två reglage Donald Normans kylskåp Donald Normans kylskåp Uppgift: Gör frysen varmare behåll temperaturen i kylen. 3

4 Vilken konceptuell modell erbjuder detta användargränsnitt? Tvåfack tvåreglage Kylens temperatur kontrolleras med ett reglage och frysens temperatur med ett annat reglage. Den mest kända konceptuella modellen Att använda en datorärsomattarbetapåkontor. Konceptuell modell (s. 40) En övergripande beskrivning av hur ett system är organiserat och fungerar En abstraktion som ger en bild av vad användaren kan göra med en produkt och vilka koncept som behövs för att förstå hur man interagerar med den Komponenter i en konceptuell modell Metaforer Interaktionsmodell Interaktionsteknik Webbutiker Diskussion: På vilken konceptuell modell bygger de flesta webbutiker? 4

5 Innehåll I projektet: Vilken eller vilka konceptuella modeller bör ni erbjuda era användare? Mentala och konceptuella modeller (kap 2.3) Metaforer (kap 2.4) Donald Normans designprinciper (kap 1.6.3) Översikt, navigering och orientering (ej i boken) Felhantering (kort sid 138) Vad är en metafor? Metaforer Inom litteraturen: Min ros, jag älskar dig! Inom interaktionsdesing: konceptuella metaforer Konceptuell metafor definition Outlook Calendar Mappning mellan två kognitiva domäner, en källdomän och en måldomän Källdomän Metafor Måldomän 5

6 World Wide Web 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. Gammal källdomän Problem med metaforer i användargränssnitt En metafor som bygger på en gammal källdomän aktiverar lite eller ingen förkunskap hos yngre användare Aktiverar olämplig bakgrundskunskap i användarens mentala modell Hjälper inte användaren att hitta tjänster som är datorspecifika Hur gör man en sökning i en bokhylla? 6

7 Riskerar att bryta konventioner och kulturella regler 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. Begränsar fantasin hos designers att komma på nya konceptuella modeller Skrivbordsmetaforen är nästan 40 år gammal!... men ändå så kommer användargränssnitt förmodligen byggapåmetaforerfören lång tid framöver. Innehåll I projektet: Finns det metaforer som erbjuder användaren en god konceptuell modell som ni kan använda er av? Mentala och konceptuella modeller (kap 2.3) Metaforer (kap 2.4) Donald Normans designprinciper (kap 1.6.3) Översikt, navigering och orientering (ej i boken) Felhantering (kort sid 138) 7

8 Donald Norman Lägg kunskapen i världen! Att lägga kunskapen i världen Lägg informationen i de produkter och system som skall användas på ett sådant sätt att användaren förstår hur man ska interagera med produkten/systemet Donald Normans designprinciper Synlighet (visibility) Feedback Begränsningar (constraints) Konsekvens (consistency) Affordance Mappning (mapping) (ej med i kursboken) Synlighet Vad man ser och inte ser i ett användargränssnitt. Vägledning till vad man ska/kan göra. Understödjer den automatiska handlingsnivån. Kap i kursboken Synlighet Synlighet Designriktlinjer Göm eller ta bort mindre nödvändiga funktioner. Knappar bakom luckan. 8

9 Synlighet Designriktlinjer En funktion en kontroll. Synlighet Designriktlinjer Utnyttja riktlinjer för layout, färg, ikoner, text, gruppering, etc. Feedback Feedback Att återkoppla information till användaren om vilka handlingar som gjorts och vad resultatet blivit. Feedback Designriktlinjer Varje handling ska ge effekt(er) Vanlig handling liten feedback Ovanlig handling mer feedback Utnyttja människans sinnen Relevanta och begripliga felmeddelanden Delmålsfeedback Feedback Designriktlinjer Utnyttja människans sinnen Critical stop Notify 9

10 Feedback Designriktlinjer Relevanta och begripliga felmeddelanden Feedback Designriktlinjer Delmålsfeedback Begränsningar Att begränsa den möjliga interaktion för användaren vid ett visst tillfälle. Begränsningar Designriktlinjer Avvaktivera val som inte är genomförbara för tillfället Begränsningar Designriktlinjer Fysisk utformning Konsekvens Liknande uppgifter bör utföras med liknande handlingar och objekt. Lättare att lära och komma ihåg 10

11 Konsekvens Designriktlinjer Undvik godtycklighet användaren ska känna igen sig Öppna dialogruta Spara som dialogruta Konsekvens Designriktlinjer Internt konsekvens inom användargränssnittet Externt konsekvens mellan användargränssnitt (se exempel) Knappsats telefon Knappsats miniräknare Affordance Affordance De upplevda egenskaperna hos ett objekt. De handlingar ett objekt tycks inbjuda till. Affordance förmedlar ledtrådar till användaren. Affordance Vad bjuder dessa in till? Affordance Vad kan jag egentligen klicka på? 11

12 Donald Norman: Upplevd och verklig affordance Verklig vs. virtuell almanacka Verkliga objekt har verklig affordance som inte behöver läras in. Virtuella objekt saknar verklig affordance. Kan vara olämpligt att designa för verklig affordance i ett datoranvändargränssnitt! Affordance Designriktlinjer Synlighet viktig faktor för att förmedla rätt affordance. Begränsningar (constraints) kan utnyttjas för att begränsa ett föremåls affordance. Forcing functions tvingar användaren att uppfatta en viss sorts affordance. Avbryter ( stör ) ett automatiskt beteende Begränsa möjligheten att agera fel Begränsningar och forcing functions Vilka mer forcing functions skulle man kunna tänka sig i en bil eller i andra sammanhang? Begränsningar och forcing functions I interaktionsdesign och datorbaserade användargränssnitt Mappning Relationen mellan någon egenskap hos ett objekt och dess funktion. 12

13 Mappning Designriktlinjer God synlighet är ett grundkrav för att mappningen ska kunna bli bra. Sträva efter naturlig mappning! Naturlig mappning Att dra fördel av 1) fysiska liknelser, 2) kulturella standarder, och 3) generella biologiska förhållanden för att stödja en enkel, omedelbar och entydig förståelse. Naturlig mappning Fysiska liknelser Naturlig mappning Kulturella standarder Naturlig mappning Biologiska förhållanden Donald Normans designprinciper Synlighet (visibility) Feedback Begränsningar (constraints) Konsekvens (consistency) Affordance Mappning (mapping) Lägg kunskapen i världen! 13

14 Innehåll Mentala och konceptuella modeller (kap 2.3) Metaforer (kap 2.4) Donald Normans designprinciper (kap 1.6.3) Översikt, navigering och orientering (ej i boken) Felhantering (kort sid 138) Översikt, orientering och navigering Översikt, orientering och navigering Översikt: Vad finns? Orientering: Var är jag? Navigering: Hur kommer jag dit jag vill? Översikt: vad finns? Ge användaren en översikt över vad produkten erbjuder Tätt kopplat till synlighet (Norman) Översikt Automod 14

15 The F shaped pattern The F shaped pattern Hur vi läser webbinnehåll Nästan 70% av läsarens fokus ligger till vänster i vyn Det vanligaste läsmönstret: 1. Horisontell ögonrörelse #1 2. Horisontell ögonrörelse #2 3. Vertikal ögonrörelse Jakob Nielsen ern.html Orientering: var är jag? Användaren skall lätta förstå var man befinner sig i systemet, eller i en sidhierarki Orientering: var är jag? Några designriktklinjer Länkar ska vara beskrivande Unika och beskrivande rubriker S.k. breadcrumbs kan vara användbart Visar nuvarande position Tar lite plats Erbjuder lätt navigering upp i hierarkin Lätta att förstå och använda Navigering: hur kommer jag dit jag vill? Se designriktklinjer för orientering Gruppering är en viktig aspekt Exempel: Två olika designer av en ipadtidning 15

16 Innehåll Mentala och konceptuella modeller (kap 2.3) Metaforer (kap 2.4) Donald Normans designprinciper (kap 1.6.3) Översikt, navigering och orientering (ej i boken) Felhantering (kort sid 138) Felhantering Det kommer att bli fel hur bra design systemet än har och hur välinformerad användaren än är! Felhantering Handhavandefel Missförstår (man tänker fel) Slip (man tänker rätt, men gör fel) Systemfel Felhantering Två sätt att hjälpa användaren Förebygga fel Utforma produkten/systemet så att användaren inte kan göra fel, ex med begränsningar och forcing functions Åtgärda fel Se till det finns möjligheter för användaren att upptäcka, förstå och åtgärda ett fel när det händer (och det kommer det att göra!) Upptäckt diagnos åtgärd Hur lätt eller svårt är det att upptäcka felet/problemet och hur lång tid tar det? Hur lätt eller svårt är det att diagnostisera och förstå felet/problemet? Hur tydligt framgår det vilken åtgärd som är rätt (t ex klicka på undo knappen eller ringa tekniker för service)? Principer för god felhantering Synlighet gör rätt saker synliga Feedback bra & begriplig Mappning vettig layout rätt saker på rätt plats Reversibilitet markera om något ej är reversibelt man ska bara behöva ändra/reversera det som är fel Forcing functions överväg om dessa kan vara till nytta 16

17 Riktlinjer för design av felmeddelanden Upplys med artig ton användaren om vad han/hon behöver göra för att åtgärda felet. Undvik ord som FATAL, ERROR, INVALID, ILLEGAL etc. Undvik långa felkoder och stora bokstäver. Ljudfeedback ska användaren själv kunna ställa in, eftersom de kan orsaka förlägenhet hos honom/henne. Ge exakt information. Erbjud en hjälpikon med vilken användaren kan få kontextberoende hjälp. Erbjud information på olika nivåer såattkortare meddelanden kompletteras med längre förklaringar. Ett bra felmeddelande Varför är detta ett bra felmeddelande? Talar om vad som är fel Talar om orsaken till felet Ger alternativ på sätt att lösa problemet eller komma runt det Sid i kursboken Och här är en riktig värsting Sammanfattning Användarens mentala modell av hur ett system/produkt fungerar går via användargränssnittet men påverkas av användarens bakgrund, förväntningar etc. Användargränssnittet ska spegla den konceptuella modell som systemet har och som speglar designsidans modell Använd Normans designprinciper för att placera kunskap i världen Tänk på översikt orientering navigering Förbygg fel i möjligaste mån och se till att det finns möjligheter för användaren att upptäcka diagnostisera åtgärda fel som uppstår. Inbjudan Avancerad interaktionsdesign Mässa med presentation av projekt 13 december 8 10 Stora hörsalen Drop in n/avancerad_interaktionsdesign_mamn01/ 17

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

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

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

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

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

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

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

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

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

Menyer, formulär och dialogrutor

Menyer, formulär och dialogrutor Interaktion 2 Menyer, formulär och dialogrutor Konkreta typer av interaktion för direktmanipulation/wimp Kursboken Kap 6 Menyer Tanken med att använda menyer i användargränssnitt Datorer är duktiga på

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

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

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

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

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

Fö 8. Sammanfattande föreläsning MAMN25

Fö 8. Sammanfattande föreläsning MAMN25 Fö 8 Sammanfattande föreläsning MAMN25 MAMN25 kursplan Syfte Kursen syftar till att ge förståelse för grundläggande tekniker inom interaktionsdesign, samt förmåga att utforma interaktiva produkter och

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 7 Handlande, metaforer och interaktionsstilar. Kapitel i Stone et al.

Föreläsning 7 Handlande, metaforer och interaktionsstilar. Kapitel i Stone et al. 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 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

Reflektioner kring designprocessen av Intellitic

Reflektioner kring designprocessen av Intellitic INDIVIDUELL UPPSATS IT-universitetet, Chalmers tekniska högskola Institutionen för Människa datorinteraktion 1 p Kursansvarig: Erik Eliasson 2003-11-02 Camilla Orrenäs camilla.orrenas@mmedu.net Reflektioner

Läs mer

Introduktion till människa datorinteraktion och interaktionsdesign

Introduktion till människa datorinteraktion och interaktionsdesign Introduktion till människa datorinteraktion och interaktionsdesign Daniel Bosk Avdelningen för informations- och kommunikationssytem (IKS), Mittuniversitetet, Sundsvall. intro.tex 1257 2013-09-05 07:55:25Z

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

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

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

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

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

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

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

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

Design av användargränssnitt

Design av användargränssnitt Design av användargränssnitt Vad är ett bra användargränssnitt? Vad påverkar designen? Utvärdering viktig Praktiska rekommendationer - Heuristik Exempel på bra och mindre bra design Vad är ett användargränssnitt?

Läs mer

Föreläsning 5 Konceptuell design och designprinciper

Föreläsning 5 Konceptuell design och designprinciper Föreläsning 5 Konceptuell design och designprinciper Kapitel 8 9 i kursboken 080415 Interak@onsteknik 1 Från krav @ll design hur gör man Work reengineering, dvs. af omstrukturera, konstruera om befintligt

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

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

Introduktion till användbarhet för mobila enheter

Introduktion till användbarhet för mobila enheter Introduktion till användbarhet för mobila enheter Daniel Bosk Avdelningen för informations- och kommunikationssytem (IKS), Mittuniversitetet, Sundsvall. intro.tex 1914 2014-08-26 13:33:45Z danbos Översikt

Läs mer

Design av användargränssnitt. Vad behöver man veta? Generella designprinciper. Vad är ett användargränssnitt? Några egenskaper hos människan

Design av användargränssnitt. Vad behöver man veta? Generella designprinciper. Vad är ett användargränssnitt? Några egenskaper hos människan Design av användargränssnitt Vad är ett bra användargränssnitt? Vad påverkar designen? Utvärdering viktig Praktiska råd och tips - Heuristik Exempel på bra och mindre bra design Några egenskaper hos människan

Läs mer

Konverteringsskola Del 3: Vad är användbarhet?

Konverteringsskola Del 3: Vad är användbarhet? Konverteringsskolans andra del behandlade vikten av att lära känna sina besökare. Vi kommer nu att arbeta vidare med besökarna i åtanke och fokusera på hur pass väl de kan använda webbplatsen. Om webbplatsen

Läs mer

Föreläsning 3 1ME403 Design av grafiska gränssni7, 7,5hp. Gränssni)sdesign II. Rune Körnefors. Medieteknik. 2015 Rune Körnefors rune.kornefors@lnu.

Föreläsning 3 1ME403 Design av grafiska gränssni7, 7,5hp. Gränssni)sdesign II. Rune Körnefors. Medieteknik. 2015 Rune Körnefors rune.kornefors@lnu. Föreläsning 3 1ME403 Design av grafiska gränssni7, 7,5hp Gränssni)sdesign II Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Områden Kapitel i boken ÖvningsuppgiC B Affordance Formulärobjekt

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

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

Virtuella doftspår på webbplatser

Virtuella doftspår på webbplatser C-Uppsats i Informatik Virtuella doftspår på webbplatser Författare: Robin Wendel Handledare: Morgan Rydbrink Termin: VT12 Kurskod: 21K40E Abstrakt Människan är nyfiken och vill finna ny information på

Läs mer

PROJEKTUPPGIFT MAM061. Hem

PROJEKTUPPGIFT MAM061. Hem PROJEKTUPPGIFT MAM061 Sm@rta Hem Smarta hem Stor hype kring milleniumskiftet Levde inte upp till förväntningarna Det börjar dock hända saker En av många visioner Internet of Things Uppgift Att utforma

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

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

Alde Värmesystem. Författare: Lynn Wallander E-post: lynn.vallander0001@stud.hkr.se Datum: 2014-11-06

Alde Värmesystem. Författare: Lynn Wallander E-post: lynn.vallander0001@stud.hkr.se Datum: 2014-11-06 Alde Värmesystem Författare: Lynn Wallander E-post: lynn.vallander0001@stud.hkr.se Datum: 2014-11-06 Inledning Åre kommun, Huså by. Det är kväll och vi har precis kommit upp till vår husvagn som vi har

Läs mer

PROJEKTUPPGIFT MAMN25. Hem

PROJEKTUPPGIFT MAMN25. Hem PROJEKTUPPGIFT MAMN25 Sm@rta Hem Smarta hem Stor hype kring milleniumskiftet Levde inte upp till förväntningarna Det börjar dock hända saker Internet of Things More than 30 billion devices will be wirelessly

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

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

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

Tillgänglighetskrav på interaktion och design Dessa krav baseras på WCAG 2.0,

Tillgänglighetskrav på interaktion och design Dessa krav baseras på WCAG 2.0, Tillgänglighetskrav på interaktion och design Dessa krav baseras på WCAG 2.0, http://www.w3.org/tr/wcag20/ UPPDRAGSGIVARE: Malmö stad VÅR REFERENS: Andreas Cederbom 08-555 770 64 andreas.cederbom@funkanu.se

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

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

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

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

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

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

TVÅ MDI-kurser. Välkommen till Människa- Datorinteraktion, översikt. Vem är jag? Vem jag tror Ni är? Era förväntningar på kursen. Denna kurs...

TVÅ MDI-kurser. Välkommen till Människa- Datorinteraktion, översikt. Vem är jag? Vem jag tror Ni är? Era förväntningar på kursen. Denna kurs... Välkommen till Människa- Datorinteraktion, översikt TVÅ MDI-kurser Översiktskurs du är här!!! Ger INTE möjlighet till inriktning Grundkurs intro i K2 just nu! Krav på kognitionsspykologi Ger rätt till

Läs mer

Barns lek och lärande i perspektivet av förskolans verksamhetsutveckling

Barns lek och lärande i perspektivet av förskolans verksamhetsutveckling Barns lek och lärande i perspektivet av förskolans verksamhetsutveckling Fil.dr Annika Elm Fristorp annika.elm_fristorp@hh.se Föreläsningens innehåll Den lärande människan Professionellt lärande Multimodalt

Läs mer

2003-09-04. Psykologi del 1 Christina von Dorrien Vice President Interaction Design & Usability. Perception. Psykologi - delar

2003-09-04. Psykologi del 1 Christina von Dorrien Vice President Interaction Design & Usability. Perception. Psykologi - delar Psykologi del 1 Christina von Dorrien Vice President Interaction Design & Usability Föreläsning 4/9 2003 Preece: Kap.3 Carmen Systems AB Psykologi delar Perception Perceptionspsykologi hur vi varseblir

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

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

Interaktionsdesign, grundkurs (7,5 HP) Del 2

Interaktionsdesign, grundkurs (7,5 HP) Del 2 Interaktionsdesign, grundkurs (7,5 HP) Del 2 Tre kursblock 1. Design 2. Human-computer interaction 3. Human Factors / Ergonomi Tre kursblock 1. Design Föreläsningar & workshop 2. Human-computer interaction

Läs mer

Elektronisk publicering TNMK30

Elektronisk publicering TNMK30 Elektronisk publicering TNMK30 Muddycards ERD MySQL Säkerhet. Förra gången Idag Muddy cards resultat MySQL-kopplingar mellan tabeller Usability - användbarhet Interaktionsdesign Projektuppgift. Muddy Cards

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

MDI - Människa - datorinteraktion "The Design of Everyday Things" av Donald Norman. Utformning av vardagsprylar

MDI - Människa - datorinteraktion The Design of Everyday Things av Donald Norman. Utformning av vardagsprylar MDI - Människa - datorinteraktion "The Design of Everyday Things" av Donald Norman. Sammanfattning och översättning av Patric Dahlqvist Vissa delar är direkta översättningar medan andra delar är mina egna

Läs mer

Ehandelslösningars komma igång tips!

Ehandelslösningars komma igång tips! Ehandelslösningars komma igång tips! Här kan du få reda på allt du behöver för att komma igång och sälja dina produkter! Om du behöver redigera bilder kan du göra det gratis på www.pixlr.com (exempelvis

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

Den kompletta studiehandledningen för kursen DT126G Användbarhet för mobila enheter

Den kompletta studiehandledningen för kursen DT126G Användbarhet för mobila enheter Den kompletta studiehandledningen för kursen DT126G Användbarhet för mobila enheter Daniel Bosk studyguide.tex 1577 2014-01-21 16:59:17Z danbos Innehåll 1 Mål 1 2 Kursupplägg 2 2.1 Schema................................

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

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

Grundläggande funktioner i CMS ifrån Argonova Systems, 2011.

Grundläggande funktioner i CMS ifrån Argonova Systems, 2011. Grundläggande funktioner i CMS ifrån Argonova Systems, 2011. Syfte Detta dokument tar upp grundläggande funktioner i Argonova Systems CMS i syfte att förbereda och stödja användaren, vid sidan av och inför

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

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

Interaktionsdesign, grundkurs (7,5 HP)

Interaktionsdesign, grundkurs (7,5 HP) Interaktionsdesign, grundkurs (7,5 HP) Vem är jag? Christofer Rydenfält Forskar inom Human Factors, ofta med fokus på avancerad sjukvård Doktor i arbetsmiljöteknik Lärare på kursen Christofer Rydenfält:

Läs mer

2003-09-09. Patricija Jaksetic Erik Wistrand. Psykologi del 2 - kognition. Förra gången pratade vi om perception...

2003-09-09. Patricija Jaksetic Erik Wistrand. Psykologi del 2 - kognition. Förra gången pratade vi om perception... Psykologi del 2 - kognition Patricija Jaksetic Erik Wistrand Interaction Design Group Föreläsning 9/9 2003 Preece, kap.3 Newmad Technologies Förra gången pratade vi om... Generella designprinciper

Läs mer

Publicera material i Learn

Publicera material i Learn Publicera material i Learn Inne i kursrummet har du en ny meny till vänster. Har du arbetat i Fronter tidigare känner du igen dig rätt bra. Du kan publicera material i Kursinformation och i Kursmaterial.

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

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

Axalon Process Navigator SP Användarhandledning

Axalon Process Navigator SP Användarhandledning Axalon Process Navigator SP Användarhandledning Axalon Process Navigator SP 2013, senast reviderad: den 11 juni 2014 Innehåll Innehåll... 2 Om denna användarhandledning... 3 Syfte... 3 Vem är denna handledning

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

Människans förmåga kognition. Fö5. Kursinnehåll. Kognition och e-hälsa. ETIF20 E-hälsa. MEN kanske extra viktigt om man riktar sig till en

Människans förmåga kognition. Fö5. Kursinnehåll. Kognition och e-hälsa. ETIF20 E-hälsa. MEN kanske extra viktigt om man riktar sig till en Termen kognition kommer från det latinska ordet cognitare (att tänka) Kognitionsvetenskapochkognitivpsykologi syftar till att beskriva och förstå hur tänkande går till. Kognition och e-hälsa Att ta hänsyn

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

Nyhet: Stöd för inloggning i SharePoint via ADFS och MultiFA/OTP.

Nyhet: Stöd för inloggning i SharePoint via ADFS och MultiFA/OTP. Version: 5.4.1.0 (releasedatum: 2018-10-02) 2018-10-02 Nyhet: Valda delar av Connectorns innehållsträd kan nu fyllas via en lista i SharePoint. Exempelvis för att lista webbplatskollektioner i trädet.

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

Rapport Projekt 1 Från material till webb

Rapport Projekt 1 Från material till webb IT-Universitetet Grafiska gränssnitt, 6 p Göteborg 2003-09-19 Rapport Projekt 1 Från material till webb Grupp 1: Vilhelm Bergman Hanna Friberg Björn Nord Ulrika Olsson Marlene Sjöberg Innehållsförteckning

Läs mer

SUDOA vt-03 Föreläsningsdatum: MDI - fördjupning

SUDOA vt-03 Föreläsningsdatum: MDI - fördjupning MDI - fördjupning Anna Stockhaus ast@kth.se Användare Varierar extremt mycket Negativa sidor: Olika koncentrationsnivåer Humörsvängningar Olika motivationer och känslor Fördomar och rädslor Gör fel och

Läs mer

Användarcentrerad design Interak3on och informa3on

Användarcentrerad design Interak3on och informa3on Föreläsning i webbdesign Användarcentrerad design Interak3on och informa3on Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Structure Plane our concerns shi9 from more abstract issues

Läs mer

Granskning av gränssnitt. Mattias Arvola

Granskning av gränssnitt. Mattias Arvola Granskning av gränssnitt Mattias Arvola 2 Att skapa interaktiva system Identifiera krav Utforma alternativ Ta fram prototyper (eller annan illustration av system) Utvärdera 3 Mål med utvärderingen Revidera,

Läs mer

Projekt: Utveckling av ett användargränssnitt

Projekt: Utveckling av ett användargränssnitt Projekt: Utveckling av ett användargränssnitt Daniel Bosk interactivesys.tex 157 2016-10-04 21:02:00Z jimahl Innehåll 1 Introduktion 1 2 Syfte 2 3 Läsanvisningar 2 4 Genomförande 2 5 Examination 3 5.1

Läs mer

Förra gången. Kognitiv design 2. Mina mål för er idag. Idag. En illustra+on Kognition i huvudet och i världen

Förra gången. Kognitiv design 2. Mina mål för er idag. Idag. En illustra+on Kognition i huvudet och i världen Förra gången Kognitiv design 2 Representationer Förståelse Att undvika fel Vad är användbarhet? Hur gör användaren? Normans sjustegsmodell Hur kan du underlätta för användaren? Normans designprinciper

Läs mer

1. Uppdateringsmodul (CMS)

1. Uppdateringsmodul (CMS) Innehåll 1. Uppdateringsmodul (CMS)... 2 2. Artiklar... 3 2.1 Upprätta din första artikel... 4 2.2 Skapa innehåll i artikeln... 5 2.2.1 RUBRIK I ARTIKELN:... 5 2.2.3 INFOGA BILDER:... 7 2.2.4 CELLER...

Läs mer

Poäng. Start v. Människadatorinteraktion 7.5. Antal registrerade (män/kvinnor) 44 (22/22)

Poäng. Start v. Människadatorinteraktion 7.5. Antal registrerade (män/kvinnor) 44 (22/22) TEK/NAT Kursrapport Kurs Kurskod Poäng År Start v. Människadatorinteraktion med inriktning mot kognition och design 5DV45 7.5 26 35 Institution Institutionen för datavetenskap Antal registrerade (män/kvinnor)

Läs mer

Introduktion till MySQL

Introduktion till MySQL Introduktion till MySQL Vad är MySQL? MySQL är ett programmerings- och frågespråk för databaser. Med programmeringsspråk menas att du kan skapa och administrera databaser med hjälp av MySQL, och med frågespråk

Läs mer

206 Finaluppgifter för produktion av webbsidor

206 Finaluppgifter för produktion av webbsidor 206 Finaluppgifter för produktion av webbsidor ALLMÄNT Finaluppgifterna inom produktion av webbsidor innehåller planering och förverkligande av julkalender för tidningen Keskisuomalainens nättjänst, ett

Läs mer

Kognition, interaktion och användare. Översikt. Kognition. Henrik Artman. Introduktion till kognitionsvetenskap

Kognition, interaktion och användare. Översikt. Kognition. Henrik Artman. Introduktion till kognitionsvetenskap Kognition relation till förväntningar Kognition, interaktion och användare Henrik Artman Tillämpad beteendevetenskap inom MDI Nya perspektiv, ta fram problem man ej sett. Mötet mellan användarvänlighet

Läs mer