Avancerad interaktionsdesign och interaktiva produkter Introduktion och uppgiftsgenomgång Johan Blomkvist 2015-09-01 TDDD53, 729A88, TDDD90; Johan Blomkvist Kursinfo • Vi som jobbar med kursen • Johan Blomkvist – Föreläsare, Handledare, Granskare, Examinator • Sofia Nyberg – Handledare, Granskare • Stefan Holmlid – Föreläsare • Magnus Bång – Föreläsare • Jonas Löwgren - Gästföreläsare 2 TDDD53, 729A88, TDDD90; Johan Blomkvist Kursinfo • Olika kurser – Avancerad Interaktionsdesign – Interaktiva Produkter • Olika utbildningar – Design- och produktutvecklingsingenjörer – Datatekniksingenjörer – Informationstekniksingenjörer – Kognitionsvetare 3 TDDD53, 729A88, TDDD90; Johan Blomkvist Kursinfo Lärandemål • Använda metoder och tekniker för detaljdesign och konceptdesign för att definiera problem och alternativa designlösningar för digitala interaktiva produkter och tjänster. • Redogöra för systemmål och analysera designkvaliteter och användarupplevelse för digitala interaktiva produkter och tjänster. • Definiera syfte, innehåll och form för digitala interaktiva produkter och tjänster. • Argumentera för sina designidéer vid interaktionsdesign med hjälp av multimedia, visualiseringar, eller muntlig och skriftlig framställning. • Sammanfatta och analysera betydelsen hos begrepp från interaktionsdesign för att använda dem till att analysera designarbete. 4 TDDD53, 729A88, TDDD90; Johan Blomkvist Kursinfo Lärandemål • Använda metoder och tekniker för detaljdesign och konceptdesign för att definiera problem och alternativa designlösningar för digitala interaktiva produkter och tjänster. • Redogöra för systemmål och analysera designkvaliteter och användarupplevelse för digitala interaktiva produkter och tjänster. • Definiera syfte, innehåll och form för digitala interaktiva produkter och tjänster. • Argumentera för sina designidéer vid interaktionsdesign med hjälp av multimedia, visualiseringar, eller muntlig och skriftlig framställning. • Sammanfatta och analysera betydelsen hos begrepp från interaktionsdesign för att använda dem till att analysera designarbete. 5 TDDD53, 729A88, TDDD90; Johan Blomkvist Kursinfo • Hemsidan 6 TDDD53, 729A88, TDDD90; Johan Blomkvist Kursinfo • Kurslitteratur – Obligatorisk litteratur – Designing with the Mind in Mind – 5 st Artiklar (se uppgiftsbeskrivningarna) – Referenslitteratur för högre betyg (urval av 8 artiklar) – Bredvidläsning 7 TDDD53, 729A88, TDDD90; Johan Blomkvist Kursinfo • Arbetsformer – Föreläsningar – Lektioner – Grupparbete/ projektarbete – Redovisningar – (seminarium) 8 TDDD53, 729A88, TDDD90; Johan Blomkvist Kursinfo • Föreläsningar – Inspiration och bredd • Löst knutna till arbetet i kursen – Praktiska tips – Kan innehålla en del övningar – Ersätter INTE kurslitteraturen 9 TDDD53, 729A88, TDDD90; Johan Blomkvist Kursinfo • Föreläsningar – En gästföreläsning (extrainsatt – 8/10 15-17) – Info om innehåll kommer ut innan föreläsningarna – Användbarhetstestning 10 TDDD53, 729A88, TDDD90; Johan Blomkvist Kursinfo • Lektioner – Avancerad Interaktionsdesign och Interaktiva produkter separat – Är tänkta som designstudios – Som räknestuga med ambulerande lärare. Sitt och jobba med er design och studioläraren (handledaren) finns tillgänglig för diskussion. • Grupparbete/projektarbete – Inga bokade salar • Redovisningar – Halvklass 11 TDDD53, 729A88, TDDD90; Johan Blomkvist Kursinfo • Examinationsuppgifter – 2 gruppuppgifter (G,U). – 4 veckor för Avancerad Interaktionsdesign, 6 veckor för Interaktiva produkter. • Muntlig och skriftlig redovisning. – 1 individuell uppgift (3,4,5,U alt. G,VG,U). • Skriftlig redovisning. 12 TDDD53, 729A88, TDDD90; Johan Blomkvist 13 Kursinfo Uppgifter • Gruppuppgift 1 - detaljdesign – Välj en webbsajt eller desktopapplikation som ni finner rörig och illa designad och vill göra en omdesign på. – Definiera sidans • Syfte • Innehåll • Form TDDD53, 729A88, TDDD90; Johan Blomkvist 14 TDDD53, 729A88, TDDD90; Johan Blomkvist 15 TDDD53, 729A88, TDDD90; Johan Blomkvist • Syfte • Innehåll • Form 16 17 TDDD53, 729A88, TDDD90; Johan Blomkvist Logotyp • Syfte Infortext Knapp Knapp Bar Knapp text text Fritextfält Grå yta Fritextfält text text text Bar text Knapp hjälptext Välkomsttext • Innehåll • Form Knapp text 18 TDDD53, 729A88, TDDD90; Johan Blomkvist Logotyp • Syfte Infortext • Interaktions sekvens Knapp Knapp Bar Knapp text text Fritextfält Grå yta Fritextfält text text text Bar text Knapp hjälptext Välkomsttext • Innehåll • Form Knapp text TDDD53, 729A88, TDDD90; Johan Blomkvist 19 Kursinfo Uppgifter • Gruppuppgift 1 - detaljdesign – Välj en webbsajt eller desktopapplikation som ni finner rörig och illa designad och vill göra en omdesign på. – Definiera sidans • Syfte • Innehåll • Form – Identifiera problem (utgå från kursboken) – Skissa på alternativ TDDD53, 729A88, TDDD90; Johan Blomkvist Kursinfo Uppgifter • Gruppuppgift 2 - konceptdesign – Anna och Göran är nya studenter på LiU och har lite svårt att hitta. När Lisbeth säger att de ska ses vid Key-huset vet de inte vad det är och inte var det är. De irrar omkring på campus utan att hitta rätt. Göran påpekar att det vore roligt att veta vad som pågår innanför väggarna i alla hus som de passerar. Till slut frågar de efter vägen till Key-huset, men de vet fortfarande inte vad det är för folk och aktiviteter som huserar där. 20 TDDD53, 729A88, TDDD90; Johan Blomkvist Kursinfo Uppgifter • Gruppuppgift 2 – konceptdesign – Q: Hur ska Anna och Göran hitta till Lisbeth där vid Keyhuset? Hur ska de få veta mer om vad som händer innanför väggarna på husen de passerar? Hur skulle en ”ubiquitous computing-lösning” (se Oulasvirta, Kurvinen & Kankainen, 2003) kunna hjälpa till i en sådan här situation? 21 TDDD53, 729A88, TDDD90; Johan Blomkvist Kursinfo Uppgifter • Individuell uppgift – Individuell fortsättning på gruppuppgift 2 – Från koncept- till detaljdesign 22 TDDD53, 729A88, TDDD90; Johan Blomkvist Kursinfo Uppgifter • Individuell uppgift – Individuell fortsättning på gruppuppgift 2 – Gör pappersprototyp – Testa prototypen 23 TDDD53, 729A88, TDDD90; Johan Blomkvist Kursinfo Uppgifter • Kom ihåg att dokumentera alla skisser och värderingar! 24 TDDD53, 729A88, TDDD90; Johan Blomkvist Kursinfo Grupper • Johan – Interaktiva produkter • Sofia – Avancerad interaktionsdesign • Lokaler för designstudios och redovisningar finns på kurswebbplatsen (markerat Lektion). • Första designstudion: Onsdag 8-10 – (Johan: D26 Sofia: D24) 25 TDDD53, 729A88, TDDD90; Johan Blomkvist Kursinfo Grupper • Gruppindelning – Finns även på hemsidan 26 Grupp Avancerad Interaktinsdesign (Handledare: Sofia) Grupp Interaktiva Produkter (Handledare: Johan) 1a Emma Edvardsson (emmed608) Philip Burridge (phibu125) Hannes Ingelhag (hanin602) 1c 2a Linnéa Nåbo (linna887) Nils Axelsson (nilax505) Emma Melander (emmme165) Johan Isevall Holmlund (johis140) 2c Christine Eriksson (chrer562) Karl Walheim (karwa964) Ksenija Komazec (kseko630) Mattias Nilsson (matni068) Axel Avenberg (axeav549) Johan Kinlund (johki510) Lisa Jangfall (lisja642) Marcus Larsson (marla388) 3a Jakob Danielsson (jakda320) Tim Lestander (timle211) Dimitris Stergiadis (dimst638) Simon Rosenqvist (simro275) Anton Forsberg (antfo325) Hans Hugo Hedelin (hughe531) Fredrik Ejdemo Wahlman (freej101) Frida Jonsson (frijo793) 3c 5a Johan Brage (johbr116) Cecilia Malmrud (cecma733) Elias Kärnsund (elika798) 5c 6a Gustav Alm (gusal172) Oskar Evehag (oskev113) Malin Bergqvist (malbe758) Sarah Albertsson (saral853) Gustav Blomér (gusar484) Johan Linder (johli025) Nina Lemon (ninle444) 6d 8b Christoffer Johansson (chrjo898) Joel Stenberg (joest588) Alexander Orhagen Brusmark (alebr310) Sofia Larsson Berge (sofbe231) 8d 9b Benny Lam (benla241) Jakob Nilsson (jakni879) Charlie Forsgren (chafo246) Sofia Lindvall (sofli276) Jesper Post (jespo655) Simon Mehari (simme562) Gabrielle Silfver (gabsi721) Marcus Liw (marli947) Karl Fredrik Gudjonsson (kargu328) Nicklas Östman (nicos276) Linus Talltjärn (linta544) Yad Emin (yadem529) 9d TDDD53, 729A88, TDDD90; Johan Blomkvist 4a 7b 10b 11b 4c 7d 10d Johanna Nordlinder (johno570) Karin Carolin (karca603) Malin Wilhelmsson (malwi235) Sandra Söderquist (sanso939) Christoffer Hag (chrha992) David Ceder (davce699) Johan Hellberg (johhe620) Munib Baber (munba457) Amanda Karlsson (amaka116) Anna Karlsson (annka171) Anna Lindgren (annli739) Johan Jönsson (johjo048) Filip Nilsson (filni904) Samuel Schuster (samsc634) Samuel Svensson (samsv006) Simon Brandt (simbr351) Felicia Bindekrans (felbi593) John Axel Lindqvist (johli113) Lotta Dahl (lotda705) Tove Östlund (tovos050) Emil Eriksson (emier027) Erik Claesson (ericl833) Hampus Wiklund (hamwi404) Patrik Andersson (patan156) Malin Rosengren (malro373) Nghiem-Anh Nguyen (nghng540) Sofia Edman (sofed100) Susmita Basu (susba463) Andreas Hallesjö (andha779) Mattias Lokgård (matlo487) Victor Eriksson (vicer763) 27 TDDD53, 729A88, TDDD90; Johan Blomkvist 28 TDDD53, 729A88, TDDD90; Johan Blomkvist Ämnesintroduktion 29 TDDD53, 729A88, TDDD90; Johan Blomkvist Ämnesintroduktion 30 TDDD53, 729A88, TDDD90; Johan Blomkvist 31 Ämnesintroduktion Design – Utforska möjliga framtider – Lägga fram förslag och bedöma deras konsekvenser – Gestaltningar av framtida lösningar i scenarion, skisser och prototyper – Utforska existerande situationer – Designproblem är inte givna utan konstrueras ur stökiga och problematiska situationer TDDD53, 729A88, TDDD90; Johan Blomkvist Ämnesintroduktion Elaka problem (Rittel & Webber, 1973) • Det går inte att specificera exakt vad problemet är • Varje definition av problemet kan ifrågasättas och nya frågor omdefinierar problemet • Inga regler för när man är klar • Inga regler för vad som är korrekt eller inkorrekt, bara bättre eller sämre 32 TDDD53, 729A88, TDDD90; Johan Blomkvist Ämnesintroduktion Probleminramning (Schön, 1983; 1987) • Designproblemet och dess alternativa lösningar måste utforskas tillsammans och samtidigt snarare än i följd • Design handlar lika mycket om att komma fram till vad ”problemet” egentligen är som att finna lösningar på problemet 33 TDDD53, 729A88, TDDD90; Johan Blomkvist Ämnesintroduktion Förstå VAD något ska vara och förstå HUR något ska vara – Konceptdesign och detaljdesign ”getting the design right and the right design” (Bill Buxton, 2007) Finns det verkligen en ”rätt design”? (Bill Gaver) 34 TDDD53, 729A88, TDDD90; Johan Blomkvist 35 Ämnesintroduktion Konceptdesign och detaljdesign • Förstå VAD något ska vara och förstå HUR något ska vara – Konceptdesign – divergens, ux, interaktionsdesign, utforska, undersöka, ifrågasätta… – Detaljdesign – konvergens, usability, guidelines, testa och utvärdera, (kursboken)… TDDD53, 729A88, TDDD90; Johan Blomkvist Ämnesintroduktion Förstå VAD som ska designas • Konkurrentanalyser och omvärldsbevakning • Best practice • Etnografi allt viktigare (observationer, intervjuer) • Användarinvolvering – Det finns spänningar mellan olika värderingar, viljor, önskningar, rädslor och behov • Hur kan man förstå dessa spänningar? 36 TDDD53, 729A88, TDDD90; Johan Blomkvist Ämnesintroduktion Vad är utmärkande för designarbete? • Visualisering • Gestaltning • Representation 37 TDDD53, 729A88, TDDD90; Johan Blomkvist Gestaltningar Hjälper designers förstå designsituationer • Representationer av nuläget – Context mapping – Flödesscheman • Kan öppna upp för involvering i design • Representationer som stöd för involvering – Verktyg som ickedesigners kan använda – Design probes (technology probes) – Critical design 38 TDDD53, 729A88, TDDD90; Johan Blomkvist Gestaltningar • Critical design “Critical Design is ‘critical’ in the sense that it takes a critical stance towards underlying assumptions and values within society and seeks to raise reflection on these through design.” (Boer & Donovan, 2012) 39 TDDD53, 729A88, TDDD90; Johan Blomkvist 40 Gestaltningar • Critical design Karin Ehrnberger TDDD53, 729A88, TDDD90; Johan Blomkvist Gestaltningar Hjälper designers förstå designsituationer • Provotyper – ”provoking discrepancies in the concrete, everyday practice to call forth what is usually taken for granted.” (Mogensen, 1992) – Tyngdpunkt på att uppleva något – Upplevelsen måste “provocera” 41 42 TDDD53, 729A88, TDDD90; Johan Blomkvist Gestaltningar • Provotyper (Boer & Donovan, 2012) Twist-Vase Render-Lamp TDDD53, 729A88, TDDD90; Johan Blomkvist 43 Gestaltningar Provokativa designförslag • Hjälper till att skapa förståelse för (spänningar mellan) människors olika värderingar, viljor, önskningar, rädslor, behov osv… • Kan föra spänningar till ytan och belysa det som det inte talas om eller det som tas för givet • Kan hjälpa designern att lyfta kundens förväntningar och föreställningar och hitta fungerande kompromisser TDDD53, 729A88, TDDD90; Johan Blomkvist Gestaltningar Hjälper designers förstå möjliga framtider • Skisser och prototyper exempelvis 44 TDDD53, 729A88, TDDD90; Johan Blomkvist Gestaltningar Skisser som hjälpmedel (Buxton, 2007) • Håll det inte i huvudet • Skisser visualiserar konsekvenser av designförslag • Bolla idéerna mot pappret • Skisser hjälper en att värdera och överväga detaljer av en lösning i relation till hela det problematiska sammanhanget 45 TDDD53, 729A88, TDDD90; Johan Blomkvist Arbetsskisser driver design • Konversation med material 46 TDDD53, 729A88, TDDD90; Johan Blomkvist Gestaltningar Skisser dokumenterar design • Rationale • Konsekvenser 47 TDDD53, 729A88, TDDD90; Johan Blomkvist Gestaltningar Presentationsskisser kommunicerar en design • Med designteamet • Med kunder • Med brukare • Presentationsskisser är mer bearbetade än arbetsskisser • Låser, specificerar och definierar • Säljande eller förklarande syfte 48 TDDD53, 729A88, TDDD90; Johan Blomkvist Ämnesintroduktion Galna idéer • Förkasta inte konstiga, knäppa eller omöjliga idéer • Genom att fortsätta och jobba på dem kan man hitta delar som faktiskt går att använda • En oförutsedd associationsbana kan ge en originell lösning Hämta hem de galna idéerna • Fråga dig: – Varför en viss galen idé tilltalar dig – Hur det skulle, på ett realistiskt sätt, gå att uppnå just de kvaliteter som tilltalar dig – Skissa ned svaren 49 TDDD53, 729A88, TDDD90; Johan Blomkvist Ämnesintroduktion Säg inte nej för tidigt • Var de goda idéerna kommer ifrån är slumpmässigt, men designarbete handlar om att systematiskt dra nytta av slumpen för att finna nyskapande och önskvärda lösningar. 50 TDDD53, 729A88, TDDD90; Johan Blomkvist Ämnesintroduktion 51 TDDD53, 729A88, TDDD90; Johan Blomkvist 52 Ämnesintroduktion Interaktiva produkter och tjänster • 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 • Datorbaserade produkter och tjänster kan svara på eller initiera handlingar vilket skapar en dialog i form av ett tidsmässigt flöde TDDD53, 729A88, TDDD90; Johan Blomkvist Ämnesintroduktion Susanne Bødker (1989) • To design an artifact means not only to design the artifacts for a specific kind of activity. Because the use of artifacts is part of social activity, we design new conditions for collective activity (e.g., new divisions of labor and other ways of coordination, control, and communication). • Därför måste metoder och begreppsapparat i IxD väva in beskrivningar av potentiellt bruk och potentiella brukare. • Förstå bruket och det brukliga är grundläggande, men svårt 53 TDDD53, 729A88, TDDD90; Johan Blomkvist Ämnesintroduktion För att förstå bruket måste vi gestalta – Det finns exempel som utforskar variationer av interaktion 54 “The Drift Table isn’t just a reference tool. By creating a kind of crack in the enclosure of the home, the Drift Table promotes daydreaming and imagination. People might glance at it from time to time to see where they are, and even take the current view as a significant portent. They might just get lost and watch the world go by, or use it as inspiration for real travel. In any case, the Drift Table isn’t ‘for’ anything in a utilitarian sense: it provides a resource that people can use or play with as they wish.” TDDD53, 729A88, TDDD90; Johan Blomkvist Ämnesintroduktion • Prayer companion 57 TDDD53, 729A88, TDDD90; Johan Blomkvist Ämnesintroduktion • Prayer companion 58 TDDD53, 729A88, TDDD90; Johan Blomkvist Ämnesintroduktion Philips Wake-Up light 60 The End www.liu.se
© Copyright 2024