fredag, 2012 januari 13 ! Mattias Arvola, Johan Åberg, Bertil Carlsson,
|
|
- Jörgen Hansson
- för 7 år sedan
- Visningar:
Transkript
1 ilmtajm! Siftables ntroduktion och grunder NTRAKTVA SYSTM Mattias Arvola nstitutionen för datavetenskap 2 ränssnittet är systemet! Lärare! Mattias Arvola, mattias.arvola@liu.se! Johan Åberg, johan.aberg@liu.se! ertil arlsson, berca955@student.liu.se ruppindelning! Läggs upp på hemsidan! Ta upp kontakten i gruppen! ra igång! 3 4 Vad du lär dig essa färdigheters roll i systemutveckling! esign, prototypning och användartestning av interaktiva system arbetsmängd! ärutöver introduceras: MPLMNTATON! rundbegrepp i människa-datorinteraktion! Användarstudier SN, PROTOTYPNN O ANVÄNARTSTNN! Kravulering! Användargränssnitt 5 tid 6
2 Kursinationen Kurslitteratur! Arnowitz, J., Arent, M., & erger, N. (2007). ffective Prototyping for Software Makers. Morgan Kaufmann! Läs studieanvisningen (P:en) noga! å igenom examinationsuppgifterna! Läs den tillhörande litteraturen innan ni börjar! råga om ni undrar! e-bok eller fysisk! Artiklar och bokkapitel online: se studieanvisningen! åll koll på kurshemsidan för uppdateringar 7 8 eadlines Vad ska :arna göra! Se kurshemsidan under Schema. 1. esign 37,5% 1. konceptdesign 2. detaljdesign! muntlig och skriftlig redovisning Uppdrag 2.igital interaktiv prototyp 62,5% 1. konstruktion 2. användbarhetstestning! esigna en applikation som ska hjälpa resenärer i bilar att på ett bekvämt och effektivt sätt komma åt ination och underhållning via pekskärmar inbäddade i bilens inredning.! muntlig och skriftlig posterpresentation.! rivillig individuell rapport för chans till 4:a och 5:a på de båda uppgifterna 9 Vad ska :arna och P:arna göra 1. Koncept 25% 1. konceptdesign 10! igital interaktiv prototyp 50% öreläsning Roll 1. ntroduktion och grunder ntroducerande 2. Användarstudier akgrund kopplat till behovsanalys och kravhantering 2. planering av prototyp 1. konstruktion! muntlig och skriftlig redovisning 2. användbarhetstestning 3. esignmetoder! muntlig och skriftlig posterpresentation. ördjupande och breddande kopplat till uppgift 4. Användargränssnitt ördjupande och breddande kopplat till uppgift 5. Prototypning och heuristisk utvärdering ördjupande och breddande kopplat till uppgift 6. Användbarhetstestning ördjupande och breddande kopplat till uppgift 2.Wireframes 25% 1. designkriterier 2. design och wireframekonstruktion! rivillig individuell rapport för chans till 4:a och 5:a på de båda uppgifterna 3. heuristisk utvärdering! muntlig och skriftlig redovisning 11 12
3 -datorinteraktion! tt tvärvetenskapligt ämne som handlar om design, utvärdering och konstruktion av interaktiva system för mänskligt bruk, vilket t.ex. inkluderar: ntroduktion av grundbergrepp i! Vad människor och datorer kan åstadkomma tillsammans som ett system människa-datorinteraktion! ur människor och datorer kommunicerar med varandra! ns 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 elvetenskaper! atavetenskap: applikationsdesign och utveckling av användargränssnitt -maskinsystem! Psykologi: kognitiva processer och analys av användares beteende! Sociologi och antropologi: interaktion genom teknik, arbete och organisation! ndustridesign: interaktiva produkter och tjänster mplementationstekniker MÄNNSKA-ATORNTRAKTON 15 -maskinsystem mplementationstekniker mplementationstekniker KONTONSVTARN -maskinsystem 16 SYSTMVTARN 17 18
4 -maskinsystem -maskinsystem SNRN mplementationstekniker 19 ATAVTARN mplementationstekniker 20 -maskinsystem -maskinsystem NNA KURS OKUS mplementationstekniker 21 NTRAKTONSPRORAMMRN mplementationstekniker 22 -maskinsystem -maskinsystem KONTV PSYKOLO mplementationstekniker 23 LNVSTK mplementationstekniker 24
5 -maskinsystem -maskinsystem mplementationstekniker mplementationstekniker UTVKLN AV NTRAKTVA SYSTM AVANRA NTRAKTONSSN a system -maskinsystem! Webbsajter, intranät, och communities! a miljöer och utställningar! Mjukvarugränssnitt! Mobila appar och operativ! Kontrollrumsdisplayer! ränssnitt för interaktiva konsumentprodukter och mediasystem mplementationstekniker MÖJL M-KOMPTNS ÖR N LiU-TKNOLO a system NTRATON SN! rbjuder folk att samverka och samspela med dem, genom dem eller med hjälp av dem according to Jonas Löwgren! Att samspela betyder här att brukare, produkter och tjänster samverkar på ett i bästa fall harmoniskt och lekfullt enkelt sätt according to ill Verplank nteraction esign refers to the shaping of interactive products and services with a specific focus on their use.! rukare och produkter eller tjänster handlar gemensamt i förening mot ett gemensamt mål och på ett samordnat sätt! baserade produkter och tjänster kan svara på eller initiera handlingar vilket skapar en dialog i systemet i av ett tidsmässigt flöde 29 30
6 esign handlar om att rukarnära design och prototypning (Löwgren, 2008)! Utforska möjliga framtida situationer! örbättra situationen genom en produkt eller tjänst Utvärdering! Uppmärksamma praktiska, tekniska, etiska och estetiska kvaliteter esign! Utveckla förståelsen för designproblemet parallellt med förståelsen för möjliga lösningar! estalta idéer på ett konkret sätt i skisser och modeller Prototyp Protototypningsdri ven design och utvecklingsprocess i L-projektet rukarnära design och prototypning Utvärdering Tänk över A esign Tänk ut A J Prototyp ramställ 33 J A koncept i deltagande designworkshops. ör platsbesök och undersök vad som är tekniskt möjligt att göra. konceptskisser, övergripande storyboards och en initial implementationsprototyp. designkoncepten och gör konceptval. en syntes av utvalda koncept. ör personas, moodboards och bodystorming. detaljerade storyboards, som får styra inriktningen på en utbyggd implementationsprototyp, en rollprototyp (mock-up), och en grafisk profil. och utvärdera implementationsprototypen i en demonstration, mock-up:en i en pluralistisk genomgång, och den grafiska profilen i en utvärdering med kunder- förändringar baserat på utvärderingarna och ta fram specifikation för mjukvaruutvecklingen och innehållsutvecklingen. en integrerad prototyp inklusive innehåll. rys sedan innehåll och kod. J den integrerade prototypen i en slutlig utvärdering med användare. Planera framtida utveckling. 34 A Affordances (handlingsinviter) koncept i deltagande designworkshops. ör platsbesök och undersök vad som är tekniskt möjligt att göra. konceptskisser, övergripande storyboards och en initial implementationsprototyp. designkoncepten och gör konceptval. en syntes av utvalda koncept. ör personas, moodboards och bodystorming. detaljerade storyboards, som får styra inriktningen på en utbyggd implementationsprototyp, en rollprototyp (mock-up), och en grafisk profil. och utvärdera implementationsprototypen i en demonstration, mock-up:en i en pluralistisk genomgång, och den grafiska profilen i en utvärdering med kunder- förändringar baserat på utvärderingarna och ta fram specifikation för mjukvaruutvecklingen och innehållsutvecklingen. en integrerad prototyp inklusive innehåll. rys sedan innehåll och kod. J den integrerade prototypen i en slutlig utvärdering med användare. Planera framtida utveckling.! Uppfattade och faktiska egenskaper hos ett ting som bestämmer vad man kan göra med den.! Något att ta tag i och vrida.! Något att peka på som drar till sig ögat.! Något att sitta på.! Något att gå i.! Något att hoppa från.! Något att trycka på.! Något att dra i.! Något att ta upp.! Något att sparka på
7 12!"#$%&'()'* +,,*-.%/"0&'()'* %*&450%"$*"6&'()'* 7586&'()'* !"#$"%&'"(() *+,-#./0-+ 5/+6(*+78*+9*& Mentala modeller Metaforer! Vad användare vet och tror om systemen de använder! okus på innehållet i användarnas teorier! Att förstå en domän genom analogi till en annan domän.! Statsministern ställde upp sin argument för att försvara sin ståndpunkt.! Ställ frågor av typen:! Tar bankomater längre tid på sig ibland för att hantera det ni vill ha gjort?! Argument är som soldater! Vilken ination finns på kortet?! n ståndpunkt är som ett fort! Vad skulle hända om ni tryckte på knappar innan maskinen visat nästa steg?! Politik är som krig! Mentala modeller tenderar att vara fragmentariska och partiella, men god design gör att folk förstår systemen de använder! Stigar och kartor kan ses som metaforer för interaktion: Navigera, kika omkring, utforska...! Om flera personer ska jobba ihop så behöver de delade mentala modeller! önster, mapp, klippa-klistra, öppna en fil...! ör att en metafor ska funka måste det finnas tillräckligt med motsvarigheter mellan käll- och måldomänen Vad som designas i interaktionsdesign irektmanipulation! ärande designidé: Vad är systemets syfte, användare, användningssituationer, genre och övergripande design?! Kontinuerligt representerade objekt och handlingar.! ysiska handlingar och knapptryckning snarare än komplex syntax.! unktioner och innehåll: Vad ska användarna kunna göra med med vilket innehåll?! Snabba inkrementella reverserbara operationer vars effekter på relevanta objekt är omedelbart synliga.! Struktur: ur organiseras funktioner och innehåll logiskt, spatialt och temporalt?! andhavande: Vad gör användarna och vad gör systemet?! Presentation: ur ser det ut, känns och beter sig? 41 42
8 eedback OALS NTNTON VALUATON XPTATON! Återkoppling på resultatet av en handling. andling sker gemensamt mellan dator och människa. ATON SPATON NTRPRTATON! Annars upprepar man handlingen, för att man inte tror att något hände. MNTAL ATVTY! Lämplig feedback är en svår designuppgift. XUTON PRPTON PYSAL ATVTY NORMANS ANLNSYKL eedforward! Att man vet vad som ska hända innan man utför handlingen gör att man har förväntningar på resultatet. UL O XUTON OALS PYSAL SYSTM! et är också att man kan förutse vad som kommer att ske i en process längre fram. UL O VALUATON Uppmärksamhet och den magiska siffran 7±2 ärför:! Uppmärksamheten funkar som en ficklampa! Arbetsminnet används för att hålla fokus! jälp folk att komma ihåg vad de gör och deras arbetsobjekts status! Modes är både kraftfulla och riskabla:! Om omgivningen stjäl fokus tappar man det som fanns i arbetsminnet! aspedalen beroende på växel fram, växel bak och friläge! Är objekten i edit mode eller view mode i ritprogrammet?! nstruktioner glöms! 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.! Vad man läste nyss tappas! Man glömmer vad man höll på med 47 48
9 Användbarhet Användbarhetsmått! en grad i vilken specifika användare kan använda en produkt för att uppnå ett specifikt mål på ett ändamålsenligt, effektivt och för användaren tillfredsställande sätt i ett givet sammanhang. SO ! Uppföljning mellan versioner! edöma konkurrenskraft Användbarhetsmål Ändamålsenlighet! dentifiera de viktigaste uppgifterna för användarna: (a) itta kontaktination. (b) ylla i ett ulär. (c) eställa en produkt.! Andel slutförda uppgifter! Antal features eller kommandon som faktiskt används! Sätt upp användbarhetsmål: (a) e viktigaste uppgifterna för användarna måste ha lyckat resultat minst 75% av gångerna. (b) et får i medeltal ta max 1:30 minuter att hitta kontaktination. (c) Användarnas tillfredsställelse ska vara minst 5,0 av 7 för de viktigaste uppgifterna. (d) Användarnas tillfredsställelse ska vara bättre än minst två av konkurrenterna ffektivitet Tillfredsställelse! Tid det tar att slutföra en uppgift! Tid det tar att lära sig! Skattning av produktens eller tjänstens nytta! Skattning av tillfredsställelse med funktioner eller features! Tid spenderat på fel! Procent eller antal fel! Antal gånger användaren utrycker frustration eller ilska! Skattning av användarens kontroll kontra teknikens kontroll över uppgiften! ur ofta hjälp eller dokumentation måste användas! Antal upprepade eller misslyckade kommandon! Skattning om hur väl tekniken stödjer de uppgifter som användaren behöver stöd för 53 54
10 Produktkvalitet ållbarhet ÅTRÅVÄR Vad vill folk ha? KAPAL Vad kan vi bygga?! ur bidrar designen till långsiktig hållbar utveckling?! kologisk: påverkan på natur och hälsa! Social: påverkan på samhället och grundläggande mänskliga behov! konomisk: hushållning med mänskliga och materiella resurser ÄRKRAT är sig verksamheten? Summa summarum! Läs studieanvisningen! ilda grupper och webregga! Läs litteraturen till uppgifterna! Sätt igång och spåna!! -datorinteraktion och nteraktionsdesign! Affordances, Mentala modeller, Metaforer, irektmanipulation, eedback, eedforward, ulf of execution & evaluation, Användbarhet, Produktkvalitet, ållbarhet 57
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 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 merIntroduktion 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 Human-centered design. Mattias Institutionen för datavetenskap Linköpings universitet
Introduktion och Human-centered design Mattias Arvola mattias.arvola@liu.se @mattiasarvola Institutionen för datavetenskap Linköpings universitet 1 Siftables http://www.youtube.com/watch? v=ol6sqhfad3w&nr=1
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 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ö 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 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 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 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 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 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 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 merKursen handlar om. Var används datorer och andra IT-stöd? T ex: Människa-datorinteraktion (MDI) Inst. för informationsteknologi
Människadatorinteraktion ITP, 3p Människa-datorinteraktion () Inst. för informationsteknologi Bengt Sandblad Iordanis Kavathatzopoulos http://www.it.uu.se/edu/course/homepage/hci/vt07 Kursen handlar om
Läs mer» 30år» Sambo» 1 barn (1,5år)» Jobbar som kurator.» Årsinkomst ca 300 000 kr.» Bor i hyreslägenhet i stan.
Designmal Tydlig Lättnavigerad Praktisk Nytänkande Koncept Vårt koncept är att man med hjälp av vår applikation lättare ska kunna ha kontroll över sitt hem. Det finns två huvuddelar, Mina projekt och Min
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 merAnvändarcentrerad Systemutveckling
Användarcentrerad Systemutveckling Människadatorinteraktion (MDI) Inst. för informationsteknologi http://www.it.uu.se/edu/ course/homepage/hci/ ht10 Användarcentrerad systemutveckling, gränssnitt och prototyper.
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 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 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 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 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 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 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 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ö 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 merUtvärdering. Övergripande (1) Med/utan användare. Övergripande (2) Fredag 1 oktober F1. Ann Lantz - Anna Swartling -
Utvärdering Fredag 1 oktober 13-15 F1 Ann Lantz - alz@nada.kth.se Anna Swartling - ast@kth.se Övergripande (1) Av den verkliga världen: Hur agerar man, vad händer? Hur används teknik? Beteendevetenskapliga
Läs 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 merChaos om datorprojekt..
Systemutveckling och användbarhet Användarcentrerad systemutveckling, gränssnitt och prototyper. Referens till avsnitt i kursboken Dix kapitel 6 Gulliksen, Göransson: Användarcentrerad systemdesign, kapitel:
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 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 merAnvändbarhet och Webbutveckling för mobila enheter. Behovsanalys
Användbarhet och Webbutveckling för mobila enheter Behovsanalys Kurshemsidan Böcker mobilutveckling Dokumentation/Inlämningar Kommer på hemsidan (tills på måndag?) Nästa vecka: Planeringsdokument (Scrum)
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 merAnvändbarhets- utvärdering. Mattias Arvola
Användbarhets- utvärdering Mattias Arvola 2 Användbarhet enligt LEAF (Shackel, 1986) Lärbarhet Effektivitet Attityd Flexibilitet 3 Användbarhet enligt REAL (Löwgren, 1993) Relevans Effektivitet Attityd
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 merChaos om IT-projekt..
Användarcentrerad systemutveckling, gränssnitt och prototyper. Lämplig extraläsning Gulliksen, Göransson: Användarcentrerad systemdesign, Studentlitteratur, kapitel: 4, 5, 6, 7, 8, 9 (Bredvidläsning) Syfte
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 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 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 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 merKursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014
Kursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014 Kurswebb: www.creativerooms.se/edu, välj Gränssnittsdesign eller Webbutveckling 1 Lärare: Aino-Maria Kumpulainen, aino-maria.kumpulainen@it-gymnasiet.se
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 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 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 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 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 merVad är en prototyp? En prototyp är en manifestation av ett designförslag som man kan interagera med på något sätt.
Prototyping Vad är en prototyp? En prototyp är en manifestation av ett designförslag som man kan interagera med på något sätt. Jeff Hawking, PalmPilot Gick runt i flera månader med en prototyp och låtsades
Läs 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 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 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 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 merGrundlä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 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 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 merDatalogiskt tänkande är mer än Programmering. Fredrik Heintz Linköpings universitet
Datalogiskt tänkande är mer än Programmering Fredrik Heintz Linköpings universitet Vad kommer jag säga idag? Datalogiskt tänkande är en uppsättning generella färdigheter och attityder som är viktiga för
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 merProblemet. Beställarkompetens och kravhantering. Användbarhetsboom Internet som motor. Beställarproblemet. Användarnytta = verksamhetsnytta.
Problemet Beställarkompetens och kravhantering Trots mycket kunskaper inom människadatorinteraktion så är användare missnöjda med systemen, eller klarar helt enkelt inte av att göra det de önskar eller
Läs merAnvändbarhetstestning. Användbarhetstestning. Användbarhetstestning vs heuristisk utvärdering. Varför testa?
Användbarhetstestning Användbarhetstestning Samla in, analysera och presentera användbarhetsmått Användare utför realistiska uppgifter i prototypen/systemet Observationer, tänka högt kompletteras med intervjuer
Läs merPRODUKTUTVECKLING. Ämnets syfte
PRODUKTUTVECKLING Ämnet produktutveckling behandlar arbetsprocessen för att skapa en produkt samt produktens material, konstruktion och design. Ämnet behandlar också hur olika intressenters krav samordnas
Läs merPrototyping. Planera och genomföra webbproduktionsprojekt. Innehåll. Fördelarna med Pappersprototyper. Lofi-prototyp. Prototyping
Innehåll Planera och genomföra webbproduktionsprojekt Stefan Berglund Prototyping Prototyping LoFi-prototyp HiFi-prototyp Användarcentrerad utveckling Användbarhet Specificering av krav Prototyping Kartläggning
Läs 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 merBerättelser Scenarios Presentationer Skisser Formella modeller Mjukvaruprototyper Kartong modeller etc.
Karin Fahlquist Berättelser Scenarios Presentationer Skisser Formella modeller Mjukvaruprototyper Kartong modeller etc. Viktigt att se från andra personers perspektiv Abatrakta idéer kommer till liv Utforska
Läs merFöreläsning 12 Inspektionsmetoder. Rogers et al. Kapitel 15
Föreläsning 12 Inspektionsmetoder Rogers et al. Kapitel 15 Inspektionsmetoder Metoder som genomförs utan användare En eller helst flera experter utför en inspektion eller granskning Man utgår ifrån vedertagna
Läs merProgrammering och digital kompetens
Kollegialt lärande Föreläsning Workshop Programmering och digital kompetens Lärcafé, 14 juni OSÄKERHET RÄDSLA NYFIKENHET FÖRVALTARE OCH ENTREPRENÖRER Kompetensutveckling Skolverket släpper en modul i oktober.
Läs merHögskolan i Kristianstad. Designkoncept. Design av medietjänster för mobila enheter VT14
Högskolan i Kristianstad Designkoncept Design av medietjänster för mobila enheter VT14 Emma Axelsson, Mattias Johansson, Gustav Jacobsson & Emmy Ellemo 2014-03-28 Lite-version (Designkoncept 1) Introduktion
Läs merDesignmetoder. Konceptdesign. Filmtajm. Brainstorming. Brainstorming forts. Brainstorming forts.
Filmtajm Designmetoder! The Exciter:! http://www.youtube.com/watch?v=pycycosopfq Interaktiva system Mattias Arvola Institutionen för datavetenskap 2 Brainstorming Konceptdesign! Förberedelse! Ha allt forskningmaterial
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 merVälkommen till kursen i Avancerad interaktionsdesign. Certec & EAT Institutionen för designvetenskaper
Välkommen till kursen i Avancerad interaktionsdesign Certec & EAT Institutionen för designvetenskaper Idag Översikt över kursen Kursmål och metoder Examinationskriterier Inspiration Praktisk information
Läs merUpplägg. Fö: Användbarhetsutvärdering. Heuristisk utvärdering HEURISTISK UTVÄRDERING. 10 heuristiker (Nielsen)
Upplägg Fö: Användbarhetsutvärdering Heuristisk utvärdering Användbarhetstestning Samla in, analysera och presentera användbarhetsmått Heuristisk utvärdering HEURISTISK UTVÄRDERING Utvärderare Bekantar
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 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 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 merLOKAL UTBILDNINGSPLAN INFORMATIKPROGRAMMET 120 POÄNG IF04
INSTITUTIONEN FÖR MATEMATIK OCH NATURVETENSKAP LOKAL UTBILDNINGSPLAN INFORMATIKPROGRAMMET 120 POÄNG IF04 Fastställd i institutionsstyrelsen 2004-04-01 Dnr 420/333-04 INNEHÅLL LOKAL UTBILDNINGSPLAN Sid
Läs merRepresentationer. Henrik Artman KTH
Representationer Henrik Artman KTH 1 Vad jag vill ha sagt Formella modeller riskerar att överrationalisera arbete Risken att fastna i fixeringar av systemen Metaforer kan vara stödjande Projekt behöver
Läs 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 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 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 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 merGÖR VERKLIGHET AV DIN DIGITALA POTENTIAL.
GÖR VERKLIGHET AV DIN DIGITALA POTENTIAL. UPPKOPPLAT BEHÖVER INTE BETYDA SMART. Trasslat in dig i tekniken? Se vår humoristiska film om en möjlig (?) nära, uppkopplad framtid. www.semcon.com/smart Att
Läs merPeriod 3-4, VT2006 Distans, nät
SAMMANSTÄLLNING 1 (10) DESIGN OCH KONSTRUKTION AV ANVÄNDARGRÄNSSNITT 5P Period 3-4, VT2006 Distans, nät Sammanfattning: Engagerade och engagerande lärare. föreläsningar och bra med projekt för att tillämpa
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 merInteraktiva applikationer för dator (WPF) och web (Silverlight) Grafisk utvecklingsmiljö. Hela produktioner: design, layout, animationer, skins, etc.
Microsoft Expression Blend + Sketch Flow Microsoft Expression Blend + Sketch Flow Grafisk utvecklingsmiljö Interaktiva applikationer för dator (WPF) och web (Silverlight) Färdiga byggstenar Hela produktioner:
Läs merAnvändbarhetstestning
Användbarhetstestning Samla in, analysera och presentera användbarhetsmått Användbarhetstestning Användare utför realistiska uppgifter i prototypen/systemet Observationer, tänka högt kompletteras med intervjuer
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 merProjektsteg: Detaljdesign. Måldriven design. I praktiken? Vattenfallsmetoder. Designdriven utveckling. Agila metoder
Måldriven design Projektsteg: Detaljdesign 1. Projektplanering 2. Undersökning av användare och situation 3. Modellering (av undersökningsresultatet) 4. Kraammanställning 5. Ramverksdesign (övergripande
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 merUtvärdering. Övergripande (1) Övergripande (2) Med/utan användare. Heuristisk utvärdering. Expertutvärdering. Måndagen den 29 september 8-10 F1
Utvärdering Måndagen den 29 september 8-10 F1 Ann Lantz Alz@nada.kth.se Anna Stockhaus Ast@nada.kth.se Övergripande (1) Av den verkliga världen: Hur används teknik på arbetsplatsen? Kan man förbättra design
Läs merAnvändbarhet. Datorbaserade verktyg används till att. Aspekter på användbarhet. uppfylla behov eller lösa problem! Användbarhet.
Innehåll Användbarhet Användbarhet När, hur och vem? Specificering av krav Utvärdering Stefan Berglund Användbarhet Den grad i vilken användare i ett givet sammanhang kan bruka en produkt för att uppnå
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 merOffertunderlag Webbportal NILS
Offertunderlag Webbportal NILS Version: 0.2 Distributionslista Namn Befattning Enhet Saskia Sandring Åsa Eriksson SLU SLU Innehållsförteckning 1. Sammanfattning av uppdrag... 4 1.1 NILS-programmet... 4
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 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 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 merUpplägg. Fö: Användbarhetsutvärdering. Heuristisk utvärdering. 10 heuristiker (Nielsen) Hur många utvärderare?
Upplägg Fö: Användbarhetsutvärdering Heuristisk utvärdering Användbarhetstestning Samla in, analysera och presentera användbarhetsmått Heuristisk utvärdering Heuristiker Utvärderare Gå igenom systemet
Läs merFörändringsprocesser: ledarskap, organisation & kommunikation. våren Uppsala universitet
Förändringsprocesser: ledarskap, organisation & kommunikation våren 2018 @CEMUS, Uppsala universitet Välkommen till kursen Förändringsprocesser ledarskap, kommunikation och organisation, som ges inom ramen
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 merIT OCH PROGRAMMERING I SKOLAN. Jan Erik Moström Peter Vinnervik
IT OCH PROGRAMMERING I SKOLAN Jan Erik Moström Peter Vinnervik VILKA ÄR VI OCH VAD KOMMER VI ATT PRATA OM? Jan Erik Moström - undervisar på institutionen för datavetenskap Peter Vinnervik - doktorand vid
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 merGrafisk form för användargränssnitt
Grafisk form för användargränssnitt Petra Dryselius Designer, digitala plattformar Digital Communica.on Linköping AB Kompetens och lösningar inom digitala medier. Intranät, externwebb, webbsystem, digitala
Läs merSjälvhjälpsprogram för ADHD. Del 1 Att hitta din väg
Självhjälpsprogram för ADHD Del 1 Att hitta din väg Välkommen till vårt självhjälpsprogram för ADHD. Detta program ger dig verktygen att använda din ADHD som en superkraft för att hitta till ett bra liv..
Läs mer