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 universitet, Sweden 3 Interaktiva system Interaktiva system? Webbsajter, intranät, communities Mjukvarugränssnitt Mobila appar Operativsystem Kontrollrumsystem Xbox/Nintendo/PlayStation Gränssnittet är systemet Hur ett interaktivt system uppfattas beror på hur det interagerar: vad det gör, vad jag (uppfattar att jag) kan göra och hur det ser ut.... Kallas interaktionsdesign, IxD 2 4
Vad du lär dig i kursen: Design Prototypning Utvärdering... av interaktiva system. Dessa färdigheters roll i systemutveckling Arbetsmängd Därutöver introduceras: " Grundbegrepp i människa-datorinteraktion " Användarstudier " Kravhantering " Användargränssnitt Design, prototypning, utvärdering Programmering Tid 5 6 Ärligt talat... Men: om man slarvar med designen... Arbetsmängd Arbetsmängd Programmering Programmering Design, prototypning, utvärdering Tid Design, prototypning, utvärdering Tid 7 8
Interaktionsdesign Du möter bra IxD när du: att designa förutsättningar för interaktion med och genom interaktiva produkter och interaktiva tjänster Handlar om känsla och beteende snarare än utseende Handlar om hur produkter och tjänster fungerar, men inte i sig själva utan hur de fungerar när folk använder dem. Tar ut pengar ur en bankomat Blir uppslukad av ett datorspel Tankar upp foton från mobilen Smsar en kompis Får ett snabbt och bra bemötande på akuten Hittar svaret på din fråga på ett forum på nätet 10 11 Du möter möjligheter till bättre IxD när du Försöker använda självbetjäningskassan i mataffären och det tar en halvtimme att begripa hur den funkar. Inte vet varför bilen inte funkar. Försöker hitta billigaste sättet att ta sig till Stockholm med tåg på SJs sajt. Står i kö i timmar på vårdcentralen och inte får den hjälp du behöver Och om det inte blir bra... 12 13
Persiska viken 3 juli 1988 Mitt under striden: Första Gulfkriget, Irak invaderar Iran. USA dras in i försök att säkre oljetransporterna. Fartygets radar upptäcker ett oidentifierat flygplan som närmar sig. IFF (Identification Friendly or Foe) visar först att det är ett kommersiellt plan, sedan att det är militärt. MS Vincennes kommer in på Iranskt territorialvatten i jakt på Iranska stridsbåtar. Skott utväxlas. 13 14 Resultat Mitt under striden, forts: Man försöker få kontakt med planet, först på militär radiofrekvens, sedan på civil, flera gånger. Planet kommer närmare och närmare och man har svårt att avgöra om det dyker för anfall. Då man inte får svar avfyras två missiler. Ett civilt Iranskt passagerarplan, IA655 har skjutits ned, 290 personer dödas. 15 16
Varför? Systemet IFF rapporterade andra gången om ett annat plan än det användarna trodde. Radar IFF 18 Interaktion Design En handling som utförs gemensamt med och i ömsesidig åverkan mellan flera parter. I människa-dator-interaktion är minst en part människa och minst en part datorbaserad. 19 20 Fokuserar på människor Utforskar alternativ Använder skisser och hypoteser Görs i samarbete och under begränsningar Producerar lämpliga lösningar, inte korrekta. Kräver kunskap från flera olika områden. Tar hänsyn till känslor och upplevelser. 21
Design innebär att, genom modeller och skisser, utforska en mindre önskvärd situations tänkbara framtider och ge förslag, samt skapa specifikation och planer, på mer önskvärda alternativ. Förslag på mer önskvärda alternativ Kreativitet är viktigt för bra design Kreativitet är inget man har eller inte har, det finns arbetssätt som gör en kreativ Designmetoder 22 23 Utforska Gruppindelning innebär att testa ideér genom att " utarbeta en rad förslag och " bedöma troliga konsekvenser Grupp 1 Tobias Jansson Filip Lindman Marko Richard Wandel Tina Danielsson Johan Karlsson Grupp 3 Fredrik Rosenqvist Rickard Ågren Daniel Morja Love Larsson Anton Olofsson Philip Tingberg Grupp 5 Per Jonsson Fabian Åberg Martin Lid Marcus Andersson Dan Andreasson 24 Grupp 2 Anton Lindgren Nicklas Sedbring Ante Wall Rasmus Cronstrand Jonatan Danielsson Grupp 4 Linda Jansson Erik Jonsson Alexander Kazen Emanuel Kinberger Oscar Nordahl Grupp 6 Hannah Börjesson Thomas Henriksson Gustav Bylund Åsa Flisberg Ove Flisberg 56
God design? Mindre bra design 25 26 Konceptdesign 19690103&6513 196901036513(( 690103&6513( 6901036513 Källa: http://404uxd.com/2008/02/28/the-fine-art-of-wireframes 27 28
Konceptdesign Mentala modeller våra(konceptuella(uppfa8ningar(om(hur(saker(fungerar,( händelser(äger(rum(och(hur(människor(beter(sig. (enligt( Donald(Norman. Tomglasspelet 29 30 Mentala modeller - exempel Metaforer Att förstå en domän genom analogi till en annan domän. Exempel: Vilken(fantasIsk(resa(vi(har(gjort(under(det(här(året ( Det(har(varit(en(spännande(resa(som(företaget(har(gjort 31 32
Metaforer Desktop - skrivbordsmetaforen Likheter med fysiskt objekt även egenskaper 33 34 Vad som designas i interaktionsdesign Bärande designidé Funktioner och innehåll Struktur Handhavande Presentation Vad är användbarhet? 35 36
Användbarhet Den utsträckning till vilken en specificerad användare kan använda en produkt för att uppnå specifika mål, med ändamålsenlighet, effektivitet och tillfredsställelse, i ett givet användningssammanhang. ISO 9241-11 Ändamålsenlighet noggrannhet och fullständighet med vilken användare uppnår givna mål Effektivitet resursgång i förhållande till den noggrannhet och fullständighet med vilken användarna uppnår givna mål Tillfredsställelse frånvaro av obehag samt positiva attityder vid användningen av en produkt 37 38 Hur? 39 40
Sunt förnuft? 41 43 Kursinformation 44 45
Tre uppgifter/faser http://www.ida.liu.se/~tdp022 Design Konceptdesign + detaljdesign Prototyp Prototyputveckling + formativ utvärdering Produkt Produktutveckling + summativ utvärdering Frivillig individuell rapport för chans till 4:a och 5:a 46 47 Studiestöd Studiestöd - Lektion 1 Föreläsningar: Intro Användarstudier Designmetoder Användargränssnitt Formativ utvärdering (+ lektion) Summativ utvärdering (+ lektion) Projektuppstarten sker på måndags lektionen Att göra i gruppen till dess: " Stäm av, utbyt kontaktinfo " Diskutera ambitionsnivå och intressen " Kom överens om uppdrag och primär persona " Läs den litteratur som tillhör Uppgift 1 " Börja läsa kursboken " Ta med papper och penna 48 49
Studiestöd - Lektion 2 Studiestöd - Påbörja detaljdesignsutforskning Kursbok Artiklar & webbreferenser 50 51 Projekt WeatherPal 1 Aktivtmuseum Drömhus 52 53
2 3 3 2 54 55 Nästa föreläsning: Användarstudier " not: målträd kommer på fö 3. 55