Tre kursblock. av användargränssnitt. Inledningsvis. Hittills. Dags att fylla på med det som saknas! Människa dator interaktion Del 1. 1.
|
|
- Jörgen Sandström
- för 7 år sedan
- Visningar:
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 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 merKognition 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 merBoken. 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 merKognition & 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 merInteraktion 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 merDagens 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 merfö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 merKognition & 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 merInteraktionsdesign, 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 merBoken. 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 merGrundlä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 merMenyer, 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 merKommandobaserad 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 merInteraktionsdesign. 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 merGrundlä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 merEfterlysning! 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 merFö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 merFö 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 merFö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 merFö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 merFö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 merReflektioner 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 merIntroduktion 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 merPrinciper 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 merVad 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 merAnvä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 mer1. (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 merKognition & 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 merIC1007 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 merFö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 merAtt 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 merInteraktionsdesign 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 merDesign 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 merFö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 merInnehå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 merVad 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 merIntroduktion 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 merDesign 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 merKonverteringsskola 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 merFö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 merFö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 merInteraktionsdesign, 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 merVad 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 merVirtuella 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 merPROJEKTUPPGIFT 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 merFö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 merFö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 merKognition. 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 merAlde 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 merPROJEKTUPPGIFT 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 merFö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 merFö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 merFö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 merTillgä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 merFö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 merDesignmetodik. 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 merFö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 merKommande 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 merFö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 merMä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 merTVÅ 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 merBarns 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 mer2003-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 merInteraktionsdesign, 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 merFö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 merInteraktionsdesign, 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 merElektronisk 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 merHandlande, 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 merMDI - 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 merEhandelslö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 merInteraktion 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 merDen 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 merFö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 merDesignkoncept 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 merGrundlä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 merSystemering 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 merSpel 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 merInteraktionsdesign, 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 mer2003-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 merPublicera 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 merSMD084 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 merNya 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 merAxalon 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 merhttp://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 merMä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 merVad 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 merNyhet: 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 merIntroduktion 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 merRapport 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 merSUDOA 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 merAnvä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 merGranskning 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 merProjekt: 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 merFö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 mer1. 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 merPoä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 merIntroduktion 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 mer206 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 merKognition, 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