Intro och uppgiftsgenomgång

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