Föreläsning 1a: Interaktionsteknik – vad är det? Vad är syftet, och hur gör man? •  Att läsa: Kapitel 1 i Rogers et al.: Interaction design Motiv till kursen •  Utbildningsplanen •  Examensbeskrivningen •  ACM Computer Science Curricula 2013 –  For end-users, the interface is the system. So design in this domain must be interaction-focused and human-centered. Students need a different repertoire of techniques to address this than is provided elsewhere in the curriculum. –  CS students need a minimal set of wellestablished methods and tools to bring to interface construction. –  An exploration of techniques to ensure that endusers are fully considered at all stages of the design process, from inception to implementation. 150324 Introduktion 2 Interaktion •  SAOL: växelspel, samspel •  Samspel med vad? i umgänge –  med andra människor –  med saker? –  i detta sammanhang – datorbaserat, det ska designas 150324 Introduktion 3 Bra och dålig design 150324 Introduktion 4 Vad är interaktionsdesign? Vad designar man? •  inte bara menyer och ikoner •  en situation •  ett ”koncept” •  ett nytt sätt att vara? •  upplevelser? 150324 Introduktion 5 Hur lyckas med design? •  Arbeta strukturerat och systematisk •  Blanda in användare så mycket som möjligt •  Använd kunskap om hur människor fungerar •  Ta reda på så mycket som möjligt om aktuell situation och försök förstå, reflektera •  Om det finns väl beprövade lösningar, använd dem 150324 Introduktion 6 Varför designa för förbättring? •  Effektivare, man sparar tid och pengar •  Säkrare, ibland får det absolut inte gå fel •  Roligare, trevligare – gladare användare på jobbet •  Vi vill också minimera risken för skador och överansträngning •  Målet är användbarhet (usability) 150324 Introduktion 7 Användbarhet Vad menar vi med det? ISO 9241 presenterar följande definition: ”The effectiveness, efficiency and satisfaction with which specified users can achieve specified goals in particular environments” (ISO DIS 9241-11) 150324 Introduktion 8 Design kontra ingenjörsarbete •  Ingenjörsarbete –  man har ett specifikt mål –  man beräknar hållbarhet, simulerar, andra beräkningar för att nå målet •  Design –  målet är inte klart i förväg, kan till och med ändras med framtida användning –  ett utforskande utvecklingsarbete 150324 Introduktion 9 Användbarhetsmål och designprinciper •  Användbarhetsmål – hur det ska vara –  –  –  –  –  –  Effektivt (effective) ”Efficient” Säkert Nyttigt Lätt att lära Lätt att komma ihåg •  Designprinciper – hur man når dit –  –  –  –  –  150324 synlighet återkoppling begränsningar var konsekvent var inbjudande/erbjud (affordances) Introduktion 10 Användarupplevelser •  •  •  •  •  Roligt Utmanande Estetiskt Tryggt Självtillit 150324 Introduktion 11 Utvecklingsprocess – enkel modell Designalternativ Kravspec. Användartest & utvärdering 150324 Prototyp Introduktion 12 Stjärnmodellen Implementation Prototyper Analys Utvärdering Krav Design 150324 Introduktion 13 http://www.computerclipart.com/ 150324 Introduktion 14 Obligatorisk uppgift 1-2 •  •  •  •  Bilda projektgrupper om fyra personer Sätt er in i valt system Identifiera vad syftet med det är Skriv en projektplan för arbetet –  Avstämningshandledning tisdag-onsdag vecka 14 •  Observera och dokumentera hur bra systemet överensstämmer med de aspekter som beskrivs i uppgift 2 •  Var noga med att dokumentera allt ni gör 150324 Introduktion 15 Mer om examination •  Fem obligatoriska uppgifter –  Genomföra en observationsstudie för att utvärdera •  OU1: ta fram en projektplan för observationsstudien och designuppgiften •  OU2: genomför studien, dokumentera resultaten i en rapport –  OU3: ta fram ett designförslag utifrån resultaten av OU2 –  OU4: Presentera resultaten från OU2-3 •  I form av en poster •  I en muntlig redovisning, 29/5 obligatoriskt –  OU5: Individuell retorikuppgift •  Skriftlig tentamen 150324 Introduktion 16 Kursutvärderingen Positivt •  •  •  •  •  •  teoretisk inblick i interaktionsdesign de obligatoriska uppgifterna föreläsningarnas upplägg bra planering tillgänglig hjälp och tydlighet god pedagogisk ansats Att förbättra •  •  •  •  •  •  •  •  •  •  roligare föreläsningar bättre slides, fler slides använd tavlan förklara engelska begrepp koppla retoriken tydligare till kursinnehållet hemtentamen fler workshops mindre tid för föreläsningar, mer handledning posterföreläsningen för omfattande mer praktisk design 150324 Introduktion 17 Översikt 150324 Introduktion 18 Kurslitteratur Yvonne Rogers et al.: Interaction Design, 4rd edition, Wiley, 2015 Tredje upplagan fungerar också 2 artiklar, om retorik och om komplexa situationer, se kursen hemsida (direktlänkar) 150324 Introduktion 19 Förväntade studieresultat Förväntade studieresultat Kunskap och förståelse. Efter avslutad kurs ska studenten kunna: -  beskriva designprocessen, de steg som ingår och verktyg som underlättar den (FSR1) -  beskriva datainsamlingstekniker och förklara vad som styr när respektive teknik är lämplig (FSR2) -  beskriva grundläggande teorier kring perception och kognition och förklara hur de kopplas till design av användargränssnitt och val av interaktionstekniker (FSR3) -  förklara riktlinjers betydelse för design av gränssnitt, deras uppkomst och ursprung (FSR4) -  beskriva grundläggande begrepp inom området Människa-datorinteraktion samt retoriska grundbegrepp (FSR5) Färdighet och förmåga. Efter avslutad kurs ska studenten kunna: -  genomföra en datainsamling, dataanalys och design för en interaktionssituation och dokumentera arbetet i rapportform (FSR6) -  beskriva några grundläggande analysmetoder och applicera dem på insamlade data (FSR7) -  presentera ett resultat i posterform utifrån givna riktlinjer (FSR8) -  analysera en presentation utifrån retoriska grundbegrepp (FSR9) Värdering och förhållningssätt. Efter avslutad kurs ska studenten kunna: -  visa insikt i komplexiteten att designa interaktion och behovet av mer avancerade analysmetoder än de som kursen tar upp (FSR10) 150324 Introduktion 20 Pedagogiska ansatser •  •  •  •  •  Repetition, läsa/höra/göra Diskussioner och övningar, studentaktivt Exempel för förståelse OH-bilder – pluggverktyg Kunskapsnivåer –  –  –  –  –  –  150324 fakta förståelse tillämpning analys (syntes) värdering Introduktion 21 Lärare och handledare Föreläsare och handledare •  Lena Palmquist, [email protected], E440 •  Oskar Ottander, [email protected], B212 Kursinformation •  http://www8.cs.umu.se/kurser/5DV132/VT15/ 150324 Introduktion 22