Introduktion och Human-centered design. Mattias Institutionen för datavetenskap Linköpings universitet
|
|
- Johanna Strömberg
- för 7 år sedan
- Visningar:
Transkript
1 Introduktion och Human-centered design Mattias Institutionen för datavetenskap Linköpings universitet 1
2 Siftables v=ol6sqhfad3w&nr=1 2
3 3 Gränssnittet är systemet!
4 Lärare Mattias Arvola, examinator, Mathias Nordvall, handledare, 4
5 Vad du lär dig Definiera, prioritera, och kommunicera användarnära designmål för interaktiva system Värdera och argumentera för en viss designlösning bland alternativa lösningar Göra en designspecifikation för ett användargränssnitt Konstruera en interaktiv gränssnittsprototyp i ett datorverktyg Planera, genomföra och kommunicera ett användbarhetstest 5
6 Kursinnehåll, hantverk Utveckla system från scratch. Grundläggande färdighet i att konstruera välfungerande användargränssnitt enligt rådande standarder och principer. Utvärdera interaktiva systems användbarhet. 6
7 Kursinnehåll, ämnen Grundläggande begrepp i människadatorinteraktion. Designprinciper och riktlinjer för användargränssnitt. Prototypning av grafiska användargränssnitt. Användarstudier. Designmetoder. Användbarhetsutvärdering. 7
8 Kursinnehåll, teknik Prototypningsverktyg för utveckling av interaktiva system. 8
9 Cost for Change Requests Time 9
10 Cost for Change Requests Impact of UX Time 10
11 Kursinformationen Läs studieanvisningen på kurshemsidan noga Gå igenom examinationsuppgifterna Läs den tillhörande obligatoriska litteraturen innan ni börjar med uppgifterna Fråga om ni undrar Håll koll på kurshemsidan för uppdateringar 11
12 12 Kurslitteratur
13 Deadlines Se kurshemsidan under Schema och deadlines. Där finns även slides. 13
14 Examination UPG1 Design Uppgift med skriftlig redovisning (inlämning) och obligatorisk muntlig redovisning (U,3,4,5) 1,5 hp: ca. 40 timmars arbete UPG 2 Prototyp Uppgift med skriftlig redovisning (inlämning) och obligatorisk muntlig redovisning (U,3,4,5) 2,5 hp: ca. 60 timmars arbete Varje uppgift består av: Obligatorisk del (för trea) med fokus på görande och kännedom om kursmaterialet Valfri del (för fyra och femma) som innebär djupare bearbetning av kursmaterialet och tankarna bakom görandet Kontrollera detaljer i instruktionerna på hemsidan 14
15 Uppgift 1 Minst tre radikala koncept Storyboard på konceptnivå Funktionsdriven divergens eller andra strukturerade kreativitetsmetoder för att generera alternativ Tänk igenom konceptens olika aspekter En värderingsmatris för motiverat konceptval Ett gränssnittsflöde skärmbild för skärmbild för de viktigaste användaruppgifterna. En litteratursammanfattning på 1-2 sidor av kapitel 3-5 i Arvola (2014). Beskriva textens huvudpoänger. Inte en recension eller ett referat. Valfria delar för betyg 4 och 5: Arbeta vidare med litteratursammanfattningen till en kritisk granskning med analytisk höjd Överväg olika sätt att utforma gränssnittet i skisser. 15
16 Uppgift 2 En interaktiv gränssnittsprototyp Axure (finns installerat i PC-PUL), UX Pin, InVision, Keynote, Powerpoint, Atomic, Indigo Studio, eller LiveCode. Välj prototypningsverktyg för att passa den design du ska prototypa. Prototypen ska täcka in de viktigaste uppgifterna som användarna kan göra i systemet du designat. Prototypen ska ha hög interaktionsrikedom, realistiskt innehåll, och vara genomtänkt i utseende och varumärke. Användbarhetstesta med två representativa användare i ett tänkahögt-test En kort skriftlig rapport från användbarhetstestet Valfria delar: Revidera din korta och informella testrapport utifrån Anvisningar för exjobbsrapporter. Utöka diskussionskapitel där du gör en analys av resultaten av ditt användbarhetstest utifrån principer och tumregler för gränssnittsdesign Dessa principer och tumregler måste då även kort definieras i rapportens teoridel. För chans till en femma ska du också skissa på förslag till omdesign. 16
17 Kursbetyg Kursbetyg räknas fram som medelvärdet av betygen på de två uppgifterna, avrundat till närmsta heltal där halva betygssteg avrundas nedåt (t.ex. 3,5 avrundas ned till 3). 17
18 Föreläsningar FÖ 1 Introduktion och Human-centered design FÖ 2 Användarstudier och personas Bakgrund kopplat till kandidatprojektet och kravidentifiering FÖ 3 Konceptdesign och gränssnittsdesign FÖ 4 Prototypning FÖ 5 Användbarhetstestning 18
19 Design med människan i centrum Mattias Institutionen för datavetenskap Linköpings universitet 19
20 SAOL deısign [-saj n] s. -en -er konstnärlig formgivning deısigna [-saj na] v. -de formge 20
21 Merriam-Webster de sign verb \di-ˈzīn\ : to plan and make decisions about (something that is being built or created) : to create the plans, drawings, etc., that show how (something) will be made : to plan and make (something) for a specific use or purpose : to think of (something, such as a plan) : to plan (something) in your mind 21
22 Merriam-Webster Origin of DESIGN Middle English, to outline, indicate, mean, from Anglo-French & Medieval Latin; Anglo-French designer to designate, from Medieval Latin designare, from Latin, to mark out, from de- + signare to mark more at sign First Known Use: 14th century 22
23 Design som professionell praktik (Löwgren, 2008) Utforskar möjliga framtider Förbättrar situationen genom en produkt eller tjänst Inbegriper praktiska, tekniska, etiska och estetiska kvaliteter Förståelsen för designproblemet utvecklas samtidigt som förståelsen för möjliga läsningar Idéer gestaltas konkret i skisser och modeller 23
24 Skissning och parallell prototypning Undviker risk för iteration lokala optimum Säkrare på sin design Mer originell och innovativ design Bättre design 24
25 Designetik All design bygger på ett personligt ställningstagande om hur du vill se på världen, vad som är viktigt och för vem. Till vilken sorts värld vill du bidra? 25
26 Människa-datorinteraktion Ett forskningsfält med rötter i teknisk psykologi och datavetenskap och med en nära relation till kognitionsvetenskap 26
27 MDI / HCI / CHI Ett tvärvetenskapligt ämne som handlar om design, utvärdering och konstruktion av interaktiva system för mänskligt bruk, vilket t.ex. inkluderar: Vad människor och datorer kan åstadkomma tillsammans som ett system Hur människor och datorer kommunicerar med varandra Människans förmåga att hantera datorer (inklusive lärbarhet för gränssnitt) Algoritmer i gränssnitt Specifikation, design och implementation av gränssnitt Kompromisser i design 27
28 Delvetenskaper Datavetenskap: applikationsdesign och utveckling av användargränssnitt Psykologi: kognitiva processer och analys av användares beteende Sociologi och antropologi: interaktion genom teknik, arbete och organisation Industridesign: interaktiva produkter och tjänster 28
29 Use and Context U1 Social Organization and Work U3 Human-Machine Fit and Adaptation U2 Application Areas Human Computer H1 Human Information Processing C2 Dialogue Techniques C4 Computer Graphics H2 Language, Communication and Interaction H3 Ergonomics C3 Dialogue C1 Input and Genre Output Devices C5 Dialogue Architecture D3 Evaluation Techniques D4 Example Systems and Case Studies D1 Design Approaches Development Process D2 Implementation Techniques and Tools 29
30 IxD Löwgren & Stolterman 1998 Den process som ordnas inom begränsade resursramar för att skapa, forma och fastställa de bruksorienterade egenskaperna (strukturella, funktionella, etiska och estetiska) hos en digital artefakt för en eller flera uppdragsgivare. 30
31 Interaktiva system Erbjuder folk att samverka och samspela med dem, genom dem eller med hjälp av dem Att samspela betyder här att brukare, produkter och tjänster samverkar på ett i bästa fall harmoniskt och lekfullt enkelt sätt Brukare och produkter eller tjänster handlar gemensamt i förening mot ett gemensamt mål och på ett samordnat sätt Datorbaserade produkter och tjänster kan svara på eller initiera handlingar vilket skapar en dialog i systemet i form av ett tidsmässigt flöde 31
32 32 according to Bill Verplank
33 1. Planera den användarnära processen 2. Förstå och specificera brukssituationen Uppfyller kraven 5. Utvärdera mot användarkrav 3. Specificera användar- och verksamhetskrav En designprocess med människan i centrum (ISO , 2010) 4. Producera designlösningar 28 33
34 koncept & bearbetning & skissning detaljering & prototyp 29 34
35 Affordances (handlingsinviter) Uppfattade och faktiska egenskaper hos ett ting som bestämmer vad man kan göra med den. 35
36 36
37 Knappar på skärmen tycks ge en invit att trycka på dem men inte dra i dem eller redigera Reply Forward Print Delete 37
38 Handlingsinviter sekvensieras 38
39 Handlingsinviter i GUIs sekvensieras också Selected Mouse Over Unselected Disabled 39
40 Vilken ger tydligaste inviten för att scrolla? United States United Arab Emirates United Kingdom United States US Minor Outlying Isl. Uruguay List Item List Item List Item List Item List Item List Item 40
41 Mentala modeller Användares föreställningar om domänen och systemen de använder. Hur funkar det i deras värld? 41
42 42 Mentala modeller i design (Norman, 1988)
43 43 Designa en konceptuell modell
44 Metaforer Att förstå en domän genom analogi till en annan domän (metaforiskt tänkande) är ett sätt att strukturera upp en konceptuell modell. 44
45 Det ska fungera som (Marcus, 1995) Ett skrivbord: Drawers, files, folders, papers, paper clips, stick-on note sheets Ett dokument: Böcker, kapitel, bokmärken, bilder, tidningar, stycken, tidskrifter, artiklar, nyhetsbrev, formulär Ett foto: Albums, photos, photo brackets/holders TV: Program, kanaler, TVbolag, reklam, TV-guide En kortlek: Kort, högar En behållare: Hyllor, lådor, fack Ett träd: Rötter, stam, grenar, löv En stad: Folk, områden, landmärken, vägar, byggnader, rum, fönster, skrivbord 45
46 Funktioner ska fungera som att (Marcus, 1995) Traversera (målinriktat): navigera, köra, flyga, gå Browsa (mindre målinriktat sökande efter alternativ): snabbläsa, fönstershoppa, bläddra Scanna (väldigt snabb browsing): rulla förbi, passera anslagstavlor längs motorvägen Lokalisera: peka, beröra, ringa in Välja: beröra, peta, ta tag, fånga med lasso, placera fingret på och dra Skapa: lägga till, kopiera Radera: kasta bort, förstöra, tappa, återvinna, makulera 46
47 Abstraktionsniv Vad som designas i interaktionsdesign Koncept Funktione r o. innehåll Struktur Interaktio n Presentati Projektets löptid 47 44
48 Direktmanipulation Kontinuerligt representerade objekt och fysiska handlingar som ger direkt effekt. 48
49 49 Ej direktmanipulation
50 MÅL AVSIKT FÖRVÄNTAN BEDÖMA BESTÄM HANDLING TOLKA MENTAL AKTIVITET GENOMFÖR! UPPFATTA! FYSISK AKTIVITET NORMANS HANDLINGSCYKEL 50
51 Feedback Återkoppling på resultatet av en handling. Copy Moving 1,234 Files to "Keynotopia" 36.6 MB of MB - About 10 seconds 51
52 Feedforward Att man vet vad som ska hända innan man utför handlingen. 52
53 GULF OF EXECUTION MÅL FYSISKT SYSTEM GULF OF EVALUATION 50 53
54 Uppmärksamhet och den magiska siffran 7±2 Om omgivningen stjäl fokus tappar man det som fanns i arbetsminnet 54
55 Därför: Hjälp folk att komma ihåg vad de gör och deras arbetsobjekts status Modes är både kraftfulla och riskabla Att komma ihåg instruktioner med många steg är svårt. Se till att användaren kan se dem samtidigt som de utför stegen. 55
56 Summa summarum Läs studieanvisningen Läs litteraturen till uppgifterna Sätt igång och spåna olika koncept så snart ni bestämt er för vilket uppdrag ni vill jobba med! Engagera varandra och andra i konceptgenerering Human-centered design Människa-datorinteraktion och Interaktionsdesign Affordances, Mentala modeller, Metaforer, Direktmanipulation, Feedback, Feedforward, Gulf of execution & evaluation, Den magiska siffran 7±2 56
Introduktion och Humancentered. Jody Foo,
Introduktion och Humancentered design Jody Foo, jody.foo@liu.se Föreläsningsöversikt Introduktion till Human-Centered design vad, varför, hur Gränssnittet är systemet! Kursinnehåll Designa och ta fram
Läs merIntroduktion och grunder
Filmtajm Introduktion och grunder! Siftables http://www.youtube.com/watch?v=ol6sqhfad3w&nr=1 INTERAKTIVA SYSTEM Mattias Arvola Institutionen för datavetenskap 2 Gränssnittet är systemet! Lärare! Mattias
Läs merGränssnittsprinciper. Mattias Arvola
Gränssnittsprinciper Mattias Arvola 2 Principer i gränssnitt Syfte: Förklara gränssnittsprinciper i termer av kognitiv psykologi Problem: Ibland blir principer motsägande. Då måste man prioritera. För
Läs merGränsnittsprinciper. Mattias Institutionen för datavetenskap Linköpings universitet
Gränsnittsprinciper Mattias Arvola @mattiasarvola Institutionen för datavetenskap Linköpings universitet 1 Dagens föreläsning Principer i gränssnitt 2 Principer i gränssnitt Syfte: Förklara gränssnittsprinciper
Läs merPrinciper i gränssnitt och heuristisk utvärdering
Dagens föreläsning Principer i gränssnitt och heuristisk utvärdering Principer i gränssnitt Heuristisk utvärdering Mattias Arvola @mattiasarvola Institutionen för datavetenskap Linköpings universitet 1
Läs merGränssnittsprinciper och granskning
2 Dagens föreläsning Gränssnittsprinciper och granskning Granskning: Heuristisk utvärdering Principer i gränssnitt Mattias Arvola 3 10 tumregler för användbarhet (Nielsen, 1993; övers. Ottersten & Berntsson,
Läs merGränssnittsprinciper och granskning. Mattias Arvola
Gränssnittsprinciper och granskning Mattias Arvola 2 Dagens föreläsning Principer i gränssnitt Granskning: Heuristisk utvärdering 3 Principer i gränssnitt Syfte: Förklara gränssnittsprinciper i termer
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 merIntroduktion till gränssnittsdesign
2 Introduktion till gränssnittsdesign Mattias Arvola gräns snitt s. -et; pl. = förbindelselänk mellan en dator och dess kringutrustning; program som underlättar kontakten mellan dator och användare (SAOL)
Läs merGränssnittsdesign Introduktion
Gränssnittsdesign Introduktion Mattias Arvola @mattiasarvola Institutionen för datavetenskap Linköpings universitet 1 SAOL gräns snitt s. -et; pl. = förbindelselänk mellan en dator och dess kringutrustning;
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 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 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 merProjekt: Utveckling av ett användargränssnitt
Projekt: Utveckling av ett användargränssnitt Daniel Bosk interactivesys.tex 221 2017-09-25 14:46:14Z jimahl Innehåll 1 Introduktion 1 2 Syfte 2 3 Läsanvisningar 2 4 Genomförande 2 5 Examination 3 5.1
Läs merPrototypning. Filmtajm. Prototypens roll: Evolutionär eller kasta bort. Dagens föreläsning. Detaljgrad. Detaljerad i vilket avseende?
Filmtajm Prototypning Sketch-a-move http://vimeo.com/5125096 Mattias Arvola Institutionen för datavetenskap 2 Dagens föreläsning Typer av prototyper Upplösning Pappersprototyper Datorprototyper Verktyg
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 merFö 1: Design av bruk. Examination. Kursmål. Läranderesurser. Inblandad personal.
Fö 1: Design av bruk http://www.ida.liu.se/~729a52 Avancerad interaktionsdesign Johan Åberg, johab@ida.liu.se Kursmål Använda metoder och tekniker från designmetodik för att definiera problem och alternativa
Läs merTDP022 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 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 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 merPrototypningsverktyg. 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 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 merINTERAKTIONSDESIGN: 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 merHi fi prototyping. Johanna Persson MAM nov 2014
Hi fi prototyping Johanna Persson MAM15 25 nov 2014 Dagens upplägg Hi fi prototyping Olika verktyg för hi fi prototyping Introduktion till ett urval av dessa Power point Balsamiq Mockups Just in Mind Praktisk
Läs merAnvändbara system INTRODUKTION TILL KURSEN. TDDD35 Aseel Berglund aseel.berglund@liu.se. Användbara system TDDD70
Användbara system TDDD35 Aseel Berglund aseel.berglund@liu.se INTRODUKTION TILL KURSEN 1 Utveckling av användbara system som möter kundens och användarnas behov. Användbara system TDDD70 HT 2013 3 http://www.ida.liu.se/~tddd35
Läs merPrototypning och heuristisk utvärdering
Filmtajm Prototypning och heuristisk utvärdering! Sketch-a-move http://vimeo.com/5125096 Interaktiva system Mattias Arvola Institutionen för datavetenskap 2 Dagens föreläsning Prototypens roll: Evolutionär
Läs merReflekterande 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 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 merDH2622 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 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 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 merIntroduktion till gränssnittsdesign
2 Introduktion till gränssnittsdesign Mattias Arvola gräns snitt s. -et; pl. = förbindelselänk mellan en dator och dess kringutrustning; program som underlättar kontakten mellan dator och användare (SAOL)
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 merDesign och konstruktion av användargränssnitt (distans) Mänsklig styrning av höghastighetsbåtar. Avdelningen för Människadatorinteraktion
Design och konstruktion av användargränssnitt (distans) Gulan Jan Gulliksen Ph D, MSc Jan.Gulliksen@hci.uu.se HCI(Uppsala Universitet) och CID(KTH) Uppsala Universitet Institutionen för Avdelningen för
Läs merMänniska- datorinteraktion, MDI, vt 2012, Anvisningar för projekt- /grupparbete
Människa- datorinteraktion, MDI, vt 2012 Anvisningar för projekt- /grupparbete Kursens projektuppgift består av att genomföra ett projektarbete i grupper om 3-4 personer. Uppgiften ska sedan presenteras
Läs merFö 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 merKONSTFACK Institutionen för design, inredningsarkitektur och visuell kommunikation KURSPLAN
KONSTFACK Institutionen för design, inredningsarkitektur och visuell kommunikation KURSPLAN Breddning av industridesign Broadening of Industrial design 27,5 högskolepoäng / 27,5 credits Kurskod: IDK215
Läs merDesign och konstruktion av användargränssnitt (distans) Avdelningen för Människadatorinteraktion. Gulan Jan Gulliksen Ph D, MSc
Design och konstruktion av användargränssnitt (distans) Gulan Jan Gulliksen Ph D, MSc Jan.Gulliksen@hci.uu.se HCI(Uppsala Universitet) Uppsala Universitet Institutionen för Avdelningen för Människadatorinteraktion
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 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 merfredag, 2012 januari 13 ! Mattias Arvola, Johan Åberg, Bertil Carlsson,
ilmtajm! Siftables ntroduktion och grunder http://www.youtube.com/watch?v=ol6sqa3w&nr=1 NTRAKTVA SYSTM Mattias Arvola nstitutionen för datavetenskap 2 ränssnittet är systemet! Lärare! Mattias Arvola, mattias.arvola@liu.se!
Läs merIntro utvärdering
Föreläsning 2: Introduktion till varför ska vi utvärdera? FSR: 1, 2, 5 Rogers et al. Kapitel 13 (e/3: 12-13) 2 Översikt Att kunna om Observation, kort repetition Iterativ Det som påverkar Tänkbara syften
Läs merMänniska-datorinteraktion 1MD016, hösten 2011 Användarcentrerad systemdesign september 2011
introduktion till begrepp, processer och arbetssätt Bengt Göransson bengt.goransson@it.uu.se Människa-datorinteraktion 1MD016, hösten 2011 Avdelningen för MDI, Informationsteknologi Användbarhet Kan jag
Läs merDesign och konstruktion av grafiska gränssnitt
Design och konstruktion av grafiska gränssnitt Peter Börjesson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Idag Kort kursinfo Lab info Föreläsning - Vad utmärker ett bra användargränssnitt?
Läs merAnvä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 merFö 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 merAvdelningen för Människadatorinteraktion
Design och konstruktion av användargränssnitt (distans) Gulan Jan Gulliksen professor Jan.Gulliksen@hci.uu.se HCI(Uppsala Universitet) Design och konstruktion av användargränssnitt 1MD113 Uppsala Universitet
Läs merMänniska-datorinteraktion och användarcentrerad design
Människa-datorinteraktion och användarcentrerad design Tisdagen den 7 februari 10-12, E33 Människa-datorinteraktion "HCI is a discipline concerned with the design, evaluation and implementation of interactive
Läs merAnvändbara system. Användbara system TDDD70 1. Introduk8on 8ll kursen Introduk8on 8ll ämnet INTRODUKTION TILL KURSEN. Agenda
Agenda Användbara system TDDD35 Aseel Berglund aseel.berglund@liu.se Introduk8on 8ll kursen Introduk8on 8ll ämnet INTRODUKTION TILL KURSEN Utveckling av användbara system som möter kundens och användarnas
Läs merFöreläsning 2: Introduktion till utvärdering varför ska vi utvärdera?
Föreläsning 2: Introduktion till utvärdering varför ska vi utvärdera? FSR: 1, 2, 5 Rogers et al. Kapitel 13 (e/3: 12-13) Analys Utvärdering Implementation Prototyper Krav Design 150327 Intro utvärdering
Läs merDesign och konstruktion av grafiska gränssnitt
Design och konstruktion av grafiska gränssnitt Armin Nezirevic Peter Börjesson Interaktionsdesign Tillämpad informationsteknologi Chalmers/GU Idag Vad utmärker ett bra användargränssnitt? Kort kursinfo
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 2: Introduktion till utvärdering varför ska vi utvärdera?
Föreläsning 2: Introduktion till utvärdering varför ska vi utvärdera? FSR: 1, 2, 5 Rogers et al. Kapitel 13 (e/3: 12-13) 160401 Intro utvärdering 2 Översikt Att kunna om utvärdering Observation, kort repetition
Läs merMä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 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 merMänniska- datorinteraktion, MDI, ht 2011, anvisningar för projekt- /grupparbete
Människa- datorinteraktion, MDI, ht 2011 Anvisningar för projekt- /grupparbete Kursens projektuppgift består av att genomföra ett projektarbete i grupper om 3-4 personer. Uppgiften ska sedan presenteras
Läs merFöreläsning 1 2i1029 / MDI - Människa DatorInteraktion. Vem är jag någonstans? Vad är MDI?
Föreläsning 1 2i1029 / MDI - Människa DatorInteraktion Göra teknik för människor - eller göra människor för teknik? Patric Dahlqvist &Ulrika Norman 1 Vem är jag någonstans? Patric Dahlqvist, patricd@dsv.su.se,
Läs merVåra designmål Roligt Lättnavigerat Lekfull. Vår målgrupp Barn mellan 9-13 år som vill lära sig mer om väder.
Våra designmål Roligt Lättnavigerat Lekfull Vår målgrupp Barn mellan 9-13 år som vill lära sig mer om väder. Vårt koncept En app med ett spel där vädret är i fokus. Användaren tar sig vidare i spelet genom
Läs merVälkommen! Teknik, makt och mänsklighetens framtid. Kursintroduktion 19/1
Välkommen! Teknik, makt och mänsklighetens framtid Kursintroduktion 19/1 Presentation av oss CEMUS Teknik, makt och mänsklighetens framtid 7,5 hp (U-G) Ekonomiska, sociala och kulturella perspektiv på
Läs merLUNDS UNIVERSITET KURSPLAN INFC25 Ekonomihögskolan Institutionen för Informatik INFC25 7,5. Grundnivå / Basic level G2F. Engelska / English
Kurskod / Course code Huvudområde / Main field of study Kursbenämning / Course title Högskolepoäng (hp) / Higher education credits (hec) Nivå / Level Fördjupningsnivå / Progression level Undervisningsspråk
Läs merArbeta med Selected Works en lathund
Arbeta med Selected Works en lathund Att redigera din egen Selected Works-sida Ta fram din sida och logga in via My Account längts ner på sidan. Klicka på Edit My Site för att redigera sidan. Gå nu vidare
Läs merAnvändargränssnitt. Mentala modeller i design (Norman, 1988) Det ska fungera som (Marcus, 1995)
Dagens föresläsning Användargränssnitt INTERAKTIVA SYSTEM Mattias Arvola Institutionen för datavetenskap Kriterier för bra gränssnittsdesign Command Line Interfaces CLI Menu Driven Interfaces MDI Graphical
Läs merGRÄNSSNITTSDESIGN. Ämnets syfte. Kurser i ämnet
GRÄNSSNITTSDESIGN Ämnet gränssnittsdesign behandlar interaktionen mellan dator och människa med fokus på designaspekterna i utveckling av användbara, tillgängliga och tilltalande gränssnitt. Det innehåller
Läs merVad vi pratade om förra gången. Fast med andra ord
Designprocessen 2 Vad vi pratade om förra gången Fast med andra ord Användarcentrerad design Tidigt fokus på användarna och deras uppgifter Empiriska mätningar Iterativ design Hur samla in data och utvärdera
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 merB. Förkunskapskrav och andra villkor för tillträde till kursen
KONSTFACK Institutionen för Design, Konsthantverk och Konst KURSPLAN 30030 Industridesign, individuell fördjupning Industrial, individual proficency 30 högskolepoäng / 30 ECTS credits Kurskod: IDK320,
Läs merMDI-fk 2D1622 introduktion till kursen & ämnet. MDI-gruppen på KTH. Kursen i sitt sammanhang
MDI-fk 2D1622 introduktion till kursen & ämnet Onsdagen den 25 oktober 8-10 D3 alz@kth.se http://www.csc.kth.se/utbildni ng/kth/kurser/2d1622/mdi fk06/ MDI-gruppen på KTH Kursen i sitt sammanhang Forskningsmiljö
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 merCIVILINGENJÖRSEXAMEN MASTER OF SCIENCE IN ENGINEERING
Lokal examensbeskrivning Dnr: 541-2071-10 Sid 1 (6) CIVILINGENJÖRSEXAMEN MASTER OF SCIENCE IN ENGINEERING INRIKTNING: INTERAKTIONSTEKNIK OCH DESIGN SPECIALISATION: INTERACTION TECHNOLOGY AND DESIGN 1 Fastställande
Läs merBeijer Electronics AB 2000, MA00336A, 2000-12
Demonstration driver English Svenska Beijer Electronics AB 2000, MA00336A, 2000-12 Beijer Electronics AB reserves the right to change information in this manual without prior notice. All examples in this
Läs merOm användare och designprocessen
Om användare och designprocessen Målorienterad design. Olika typer av användare. Mentala modeller, metaforer med mera. Att designa The interaction framework. Förra veckan. Gör så här Men inte så Förra
Läs merLUNDS UNIVERSITET KURSPLAN INFN35 Ekonomihögskolan Institutionen för Informatik INFN35
Kurskod / Course code INFN35 Huvudområde / Main field of study Informatik; Informationssystem / Informatics; Information Systems Kursbenämning / Course title Människa Dator-Interaktion, Design / Human
Läs merFö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 merDesign och konstruktion av användargränssnitt (distans) Mänsklig styrning av höghastighetsbåtar. Avdelningen för Människadatorinteraktion
Design och konstruktion av användargränssnitt (distans) Gulan Jan Gulliksen Ph D, MSc Jan.Gulliksen@hci.uu.se HCI(Uppsala Universitet) och CID(KTH) Uppsala Universitet Institutionen för Avdelningen för
Läs merEtt projektarbete i svenska, teknik och engelska, riktat mot DICE. Thoren Innovation School HT2012.
PROJEKT: DICE Ett projektarbete i svenska, teknik och engelska, riktat mot DICE. Thoren Innovation School HT2012. UPPDRAG Uppgiften är att arbeta med den första delen av teknikutvecklingsprocessen d.v.s.
Läs merBruksanvisning och formalia för proben
Bruksanvisning och formalia för proben En studie i användarcentrerad programmutveckling Institutionen för Numerisk analys och datalogi, KTH Innehåll 1 Introduktion 2 2 Om kursen ACPU-02 2 2.1 Kursansvariga...
Läs mer1IK430 Brukarorienterad design
1IK430 Brukarorienterad design Projektarbete i 1IK430 Följande text är en förklaring av projektarbetet som ingår i kursen 1IK430 Brukarorienterad design, 15 högskolepoäng Enligt kursplanen, ska studenten,
Läs merUtvärdering. Användbarhetstest: Vad ska ni göra? Användbarhetstestning kontra heuristisk utvärdering. Användbarhetstestning
Användbarhetstest: Vad ska ni göra? Utvärdering Mattias Arvola Institutionen för datavetenskap Användbarhetstest med pappersprototyp 4 eller 6 användare som testar 3 eller 5 uppgifter Balansera ordningen
Läs merDesign för användbarhet Användarcentrerad utvecklingsprocess
Design för användbarhet Användarcentrerad utvecklingsprocess Bengt Göransson :: Användbarhetsdesigner Guide Redina AB :: Bengt.Goransson@guide.se Mina tillfällen 23 25 2 Onsdag 23/11 Användarcentrerad
Läs merTjänsteprototypning. Föreläsning i kursen TDDD51 Linköpings universitet den 21 februari Johan Blomkvist
Tjänsteprototypning Föreläsning i kursen TDDD51 Linköpings universitet den 21 februari 2011 Johan Blomkvist johan.blomkvist@liu.se UPPLÄGG Upplägg - tillbakablick Vad har vi gjort hittills? Tjänstedesignens
Läs merTjänsteprototypning. och tjänsterepresentationer. Johan Blomkvist IDA-HCS-IxS
Tjänsteprototypning och tjänsterepresentationer Johan Blomkvist IDA-HCS-IxS Twitter: @hellibop Dagens föreläsning Tjänsteperspektiv Konceptualiseringar av tjänsteprototyper Tjänsteprototypning 2 Prototyp
Läs merMänniska- datorinteraktion, MDI, ht 2012, Anvisningar för projekt- /grupparbete
Människa- datorinteraktion, MDI, ht 2012 Anvisningar för projekt- /grupparbete Kursens projektuppgift består av att genomföra ett projektarbete i grupper om 3-4 personer. Uppgiften ska sedan presenteras
Läs merKursen: Sjukvårdsarbete. Människa-datorinteraktion 5hp. IT-inst. / MDI-avd. Anders Jansson Lars Oestreicher Bengt Sandblad Bengt Göransson Thomas Lind
Människa-datorinteraktion 5hp IT-inst. / MDI-avd. Anders Jansson Bengt Sandblad Bengt Göransson Thomas Lind http://www.it.uu.se/edu/course/homepage/hci/vt12 Kursen: Kursen ger grundläggande kunskaper om
Läs merForskningsperspektiv inom MDI Vetenskap, mångvetenskap och tvärvetenskap Vad är forskning inom MDI?
Forskningsperspektiv inom MDI Vetenskap, mångvetenskap och tvärvetenskap Vad är forskning inom MDI? Monk & Gilbert: The common goal is, ultimately, to provide designers with insights that will allow them
Läs merPoäng. Start v. Människadatorinteraktion 7.5. Antal registrerade (män/kvinnor) 44 (26/18)
TEK/NAT Kursrapport Kurs Kurskod Poäng År Start v. Människadatorinteraktion med inriktning mot kognition och design 5DV45 7.5 215 36 Institution Institutionen för datavetenskap Antal registrerade (män/kvinnor)
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 merVälkommen till kursen Hållbar Utveckling A. Introduktion
Välkommen till kursen Hållbar Utveckling A Introduktion Vilka är vi och vad gör vi? Vad är Hållbar Utveckling A? Kursen utgår från att samhället och naturen tillsammans utgör ett komplext system som måste
Läs merTENTAMEN: Design och konstruktion av grafiska gränssnitt DAT215/TIG091
TENTAMEN: Design och konstruktion av grafiska gränssnitt DAT215/TIG091 DAG: 5 mars, 2012 TID: 8.30 12.30 SAL: Hörsalsvägen Ansvarig: Olof Torgersson, tel. 772 54 06. Institutionen för tillämpad informationsteknologi.
Läs merUtvärdering. Användbarhet. + beställarperspektivet! Innehåll. Varför?
Användbarhet Användbarhetsutvärdering Stefan Berglund Den grad i vilken användare i ett givet sammanhang kan bruka en produkt för att uppnå specifika mål på ett ändamålsenligt, effektivt och för användaren
Läs merUtveckling av Läsaren
Utveckling av Läsaren Projektet steg för steg Läsaren har utvecklats sucessivt till att bli den anpassningsbara och situationsoberoende tjänst den är idag. Tabellen nedan visar hur utvecklingen har skett
Läs merHUMAN-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 merDatavetenskapligt program, 180 högskolepoäng
GÖTEBORGS UNIVERSITET UTBILDNINGSPLAN IT-fakultetsstyrelsen 2013-02-14 Datavetenskapligt program, 180 högskolepoäng (Computer Science, Bachelor s Programme, 180 credits) Grundnivå/First level 1. Fastställande
Läs merDatavetenskap. Beteendevetenskap MDI. Design
Designprocessen 1 Datavetenskap Beteendevetenskap MDI 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
Läs merFörfattare: Juha Söderqvist IT-GUI. Version 1.0. Datum
Författare: Juha Söderqvist IT-GUI Version 1.0 Datum 2017-08-18 Innehåll 1. Introduktion... 3 Human-computer interaction... 3 Grafiska användargränssnitt... 4 Operativsystem... 4 Xerox Alto Executive file
Läs merSOAN63, Professionellt socialt arbete, 15 högskolepoäng Professional Social Work, 15 credits Avancerad nivå / Second Cycle
Samhällsvetenskapliga fakulteten SOAN63, Professionellt socialt arbete, 15 högskolepoäng Professional Social Work, 15 credits Avancerad nivå / Second Cycle Fastställande Kursplanen är fastställd av Socialhögskolans
Läs merVÄLKOMNA TILL TEKNIK, MAKT OCH MÄNSKLIGHETENS FRAMTID VT2018
VÄLKOMNA TILL TEKNIK, MAKT OCH MÄNSKLIGHETENS FRAMTID VT2018 VILKA ÄR VI? Kajsa Colde Kontakt: kajsa.colde@cemus.uu.se kenzo.franzen@cemus.uu.se Kenzo Franzén VILKA ÄR NI? Presentera er med namn och kort
Läs merIdag. Prototyper och användbarhetsutvärdering. Vad prototyper prototypar. Olika sorters prototyper. Del 2 Prototyper Utvärdering Analytisk Empirisk
Idag Prototyper och användbarhetsutvärdering Del 2 Prototyper Utvärdering Analytisk Empirisk Prototyper: en fråga om syfte och mottagare Vad prototyper prototypar Kommunikation Med sig själv för att driva
Läs merVem är jag? Välkommen till Människa- Datorinteraktion, Inledande. Era förväntningar på kursen. Vem jag tror Ni är? Fortsättning från denna kurs..
Välkommen till Människa- Datorinteraktion, Inledande Vem är jag? Henrik Artman Beteendevetare, systemvetare, kommunikationsforskare Inriktning MDI Forskat på ledningssystem (SOS) Arbetat som MDI-konsult
Läs merKursen kan ingå i det Systemvetenskapliga kandidatprogrammet eller läsas som fristående kurs.
Ekonomihögskolan INFC25, Informatik: Människa-dator-interaktion, analys, 7,5 högskolepoäng Informatics: Human - Computer Interaction, Analysis, 7.5 credits Grundnivå / First Cycle Fastställande Kursplanen
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 mer