Boken. Kapitel 10. Kapitel 11. Kap 10.6.1 Ej Kap 10.7, det tar vi senare Resten, läs själva

Relevanta dokument
Vad vi pratade om förra gången. Fast med andra ord

Designprocessen 2. -konkreta metoder och tekniker

Vad är en prototyp? En prototyp är en manifestation av ett designförslag som man kan interagera med på något sätt.

Innehåll. Vad är prototyping? Low-, mid-, high-fidelity prototyping Konceptuella modeller Verktyg för mid/high-fi prototyping

Fö 8. Sammanfattande föreläsning MAMN25

Designprocessen. Kapitel 7 & Kapitel 9

Hi fi prototyping. Johanna Persson MAM nov 2014

Designprocessen. Kapitel 7 & Kapitel 9

Boken. Kap Kap 11.3

förmågor är begränsade. Hur kan vi Ok, vi vet att människans kognitiva underlättar interaktionen?

Hi-Fi Prototyping + laborationsgenomgång & verktyg

Föreläsning 8, Design

Prototypning. Filmtajm. Prototypens roll: Evolutionär eller kasta bort. Dagens föreläsning. Detaljgrad. Detaljerad i vilket avseende?

Interaktionsdesign. Användbarhet ISO Usability goals. Interaktionsdesign, grundkurs (7,5 HP) Sammanfattande föreläsning

Design: Två betydelser

Prototyper och användartest

Prototypningsverktyg. A Human-Centered Design Process (ISO , 2010) Mattias Institutionen för datavetenskap

TDP025. Entreprenöriell programmering. Marcus Bendtsen Institutionen för Datavetenskap (IDA)

Berättelser Scenarios Presentationer Skisser Formella modeller Mjukvaruprototyper Kartong modeller etc.

Prototyping. Susanna Olsson, TietoEnator Funda Denizhan, TietoEnator Ann Lantz, CID

Kognition & Konceptuell design

Process- och metodreflektion Grupp 5

Olika syften. TDDD60 användbarhetstest. När passar vilken typ? Med eller utan användare

Wireframe när, vad, hur och varför?

Föreläsning i webbdesign. Interak*onsdesign. Rune Körnefors. Medieteknik Rune Körnefors rune.kornefors@lnu.se

Föreläsning 4: Designprocessen

Prototyping. Planera och genomföra webbproduktionsprojekt. Innehåll. Fördelarna med Pappersprototyper. Lofi-prototyp. Prototyping

Utvärdering. Användbarhet. + beställarperspektivet! Innehåll. Varför?

HUMAN-CENTERED SYSTEMS Stefan Holmlid

Tjänsteprototypning. Föreläsning i kursen TDDD51 Linköpings universitet den 21 februari Johan Blomkvist

Projektsteg: Detaljdesign. Måldriven design. I praktiken? Vattenfallsmetoder. Designdriven utveckling. Agila metoder

Fö 2: Designprocessen. Projektet. Design är... Forts. projektet

Designdiscipliner. Tjänstedesigner, vad gör man

REALISTISK KREATIVITET

Prototypningstekniker

HUMAN-CENTERED SYSTEMS Stefan Holmlid

Design och Prototyping

Välkommen till Creosa.


Designprocessen 1. Vad sade vi förra föreläsningen? Design: Två betydelser

Vad sade vi förra föreläsningen?

Fö 4: Utvärdering. Gästföreläsning. Muddy-cards resultat. Varför och vad? Varför? Vad? Mot vad? (Krav) Hur? IMPACT

Interaktionsdesign (7,5 HP)

Människa-datorinteraktion 7,5 p

Interaktionsdesign, grundkurs (7,5 HP)

Handledning: Future City på Teknikdagarna

På jakt efter framtidens regelverk! Patrik Sundström, programansvarig för ehälsa! Sveriges Kommuner och Landsting!

Föreläsning 10: Introduktion till utvärdering. Rogers et al. Kapitel 12

Min syn på koncepthantering generering och utvärdering

Prototypning och heuristisk utvärdering

Välkommen till kursen i Avancerad interaktionsdesign. Certec & EAT Institutionen för designvetenskaper

Väderklockan. Sebastian Buks (Ursäkta alla Keynoteanimationer, det var så roligt bara...) Monday, November 15, 2010

Design för användbarhet

Detaljhjälp för en lyckad workshop

Tentamen, InteraktionsDesign, 7,5 ECTS

Intro utvärdering

Tjänsteprototypning. och tjänsterepresentationer. Johan Blomkvist IDA-HCS-IxS

BOENDEFORMENS BETYDELSE FÖR ASYLSÖKANDES INTEGRATION Lina Sandström

Prototyping - faser, typer och potentiell problematik

Gestaltningstekniker Innehåll ALLMÄNT. Att zooma in och zooma ut

Att arbeta metodiskt under designprocessen Anna Olvenmyr

Grafisk form för användargränssnitt

Interaktionsdesign och användbarhet Personas. Paper prototyping. » Metod för representation av användaren. » Metod för konceptutveckling

Agila Metoder. Nils Ehrenberg


Konsten att bygga en gunga eller Sagan om kundens återkomst. Kravformulering. I begynnelsen fanns det en kravspec. Det ryktades också om en kund

Väsby Makerspace Makermanifest. Vision, credo och pedagogisk modell

Background: Films we have done

LARS. Ett e-bokningssystem för skoldatorer.

Participatory Design III

Idag. Prototyper och användbarhetsutvärdering. Vad prototyper prototypar. Olika sorters prototyper. Del 2 Prototyper Utvärdering Analytisk Empirisk

Interaktionsdesign, grundkurs (7,5 HP) Johanna Persson

Make a speech. How to make the perfect speech. söndag 6 oktober 13

Föreläsning 12 Inspektionsmetoder. Rogers et al. Kapitel 15

We cannot solve our problems with the same kind of thinking we used when we created them

Avancerad Interaktionsdesign

Lite info först. Kom ihåg! Deadline på lab1 på onsdag. Övning 2 på onsdag: gör en kalender för olika slags användare

» 30år» Sambo» 1 barn (1,5år)» Jobbar som kurator.» Årsinkomst ca kr.» Bor i hyreslägenhet i stan.

Människa-Datorinteraktion

Mönster. Ulf Cederling Växjö University Slide 1

Datavetenskap. Beteendevetenskap MDI. Design

AGIL KRAVHANTERING. Hitta behoven bakom kraven!! Thomas Nilsson! Agile Coach & Mentor! CTO, Responsive

Kelly, Kevin (2016) The Inevitable: Understanding the 12 Technological Forces The Will Shape Our Future. Viking Press.

Att fastställa krav. Annakarin Nyberg

DH2622 MDI-fk Introduktion till kursen & ämnet. MDI på KTH. Kursen i sitt sammanhang

Föreläsning 2: Introduktion till utvärdering varför ska vi utvärdera?

Föreläsning 2: Introduktion till utvärdering varför ska vi utvärdera?

Redigeringsteknik och postproduktion

Välkommen in på min hemsida. Som företagsnamnet antyder så sysslar jag med teknisk design och konstruktion i 3D cad.

Användbarhetstestning. Samla in, analysera och presentera användbarhetsmått

Inspirationsfasen. Fortsättning på nästa sida. Hållbar utveckling B, vårterminen Cemus/CSD Uppsala, Uppsala universitet & SLU

Interaktionsdesign, grundkurs (7,5 HP)

create+ Interactive Scene Redaktörshandbok episerver

Cross Media Storytelling

Human Centered Design HCD Hear, Create, Deliver

Reflektioner kring designprocessen av Intellitic

Exportmentorserbjudandet!

Schema för metodövningarna

Människa- datorinteraktion, MDI, ht 2011, anvisningar för projekt- /grupparbete

Användarcentrerad design Prototyper & användartest

Transkript:

Designprocessen 2

Boken Kapitel 10 Kap 10.6.1 Ej Kap 10.7, det tar vi senare Resten, läs själva Kapitel 11

Brain storming Body storming Personas Scenarios Lo-fi prototyping Skisser Storyboarding Pappersprototyper Card sorting method Designtekniker

Brainstorming

Brain storming

Att tänka på Ingen kritik Ovanliga idéer är välkomna Kombinera och förbättra andras idéer

Body storming

Body storming

Body storming Since our cognition is anchored in the real world, new and better ideas may result if the brain-storming is done more in context and includes the appropriate physical experiences. User Study Guidelines (pdf)

Body storming

Jeff Hawking, PalmPilot Gick runt i flera månader med en prototyp och låtsades att det var en riktig handdator Pretotyping

Vad tjänade Jeff på detta? Han fick förstahandserfarenhet av produkten. Han testade om han faktiskt skulle komma att använda en PalmPilot. Han kunde använda sin fantasi för att komma på nya funktioner.

Personas

Personas

Personas Sätter ett ansikte på abstrakt information om olika kundgrupper Empati! En gemensam utgångspunkt för utvecklingsteamet För att undvika att man utgår ifrån sig själv

Personas

Personas Catherine is a neatness freak Anna just wants to get the chores over as quickly as possible Monica is superefficient Maria is a homebody who dotes on her family

Personas

Scenarios

Scenarios Greta, 85 år, vill beställa färdtjänst så att hon kan åka och hälsa på sin dotter. Hon sätter sig i TVsoffan och tar fjärrkontrollen. Hon hittar den stora, gröna PÅ-knappen utan problem. Välkommen Greta. Vad vill du göra för något? frågar TV:n. Beställa färdtjänst till fredag svarar Greta. Vilken tid? fortsätter TV:n. En minut senare är Greta klar med beställningen. TV:n har skickat beställningen och har även lagt till en påminnelselapp på start-skärmen.

Scenarios Storytelling är ett naturligt för oss människor att förklara saker och ting Effektivt sätt för kommunikation med användare mellan olika yrkesgrupper i utvecklingsteamet

Övning Skriv ett kort scenario som beskriver hur en person använder ett interaktivt skyltfönster!

Lo-fi prototyping

Vad är en prototyp? En prototyp är en manifestation av ett designförslag som man kan interagera med på något sätt.

Prototyper gör det lättare att utforska designidéer. välja bland designidéer.

Två typer av prototyping Low-fidelity prototyping High-fidelity prototyping

Lo-fi prototyping Lo-fi = Low-fidelity = Låg naturtrogenhet

Varför lo-fi prototyping? Billigt och snabbt Man kan bygga flera designkoncept Kreativt Demokratiskt (alla kan vara med och bygga!) Kan vara lättare att få användarfeedback (prototypen ser inte färdig ut!)

Skisser

Skisser

Tips för skisser Det behöver absolut inte se snyggt ut Strunta i detaljer Det räcker att storlekarna är ungefärliga Jobba inte för mycket med text

Storyboarding

Storyboarding inom film

Storyboarding Ett sätt att göra ett scenario mer detaljerat Man behöver inte kunna rita och det behöver inte se snyggt ut!

Storyboarding

Storyboarding

Övning Rita en storyboard för hur man tankar en bil!

Pappersprototyper

Pappersprototyper Ofta bygger man en lo-fiprototyp som användare kan interagera med. Boken kallar dessa cardbased prototypes Ni kommer få bygga pappersprototyper på morgondagens workshop http://www.youtube.com/watch?v=grv2szurpv0

Nackdelar med lo-fi prototyping Svårare att identifiera fel. Prototypen kontrolleras av en person. Otydliga specifikationer: Svårare att skapa kod till. Användbarhetstestning blir svårare. Begränsningar med avseende på navigation och flöde. Begränsad nytta senare i designprocessen.

Horisontella och vertikala prototyper Horisontell prototyp: många funktioner och låg detaljgrad. Vertikal prototyp: ett fåtal funktioner och hög detaljgrad.

Card sorting method

Card sorting method

Card sorting method För att utforska applikationens generella struktur Kan även användas för att utforska användarnas mentala modell (användarna får själva sortera) Mycket användbar i designfasen Konceptuell design

Övning sortera tjänsterna på Lunds kommuns nya hemsida! Teater Gymnasier Historia Shopping Buss Barnomsorg Taxi Friluftsliv Vandrarhem Biografer Sjukhus Vårdcentraler Museer Restauranger Bank Post Hotell Parker Bed & breakfast Pubar Tåg Flygplats

Teater Gymnasier Buss Vandrarhem Biografer Barnomsorg Taxi Hotell Historia Vårdcentraler Tåg Bed & breakfast Museer Bank Sjukhus Flygplats Shopping Post Pubar Restauranger

Card sorting method

Fördjupning designtekniker User Study Guidelines (pdf)

Visdomsord som kan vara till nytta i en designprocess

If something can go wrong it will go wrong

Less is more

Less is more The hardest part of design, especially consumer electronics, is keeping features out. Donald Norman

Kill your darlings

Think outside the box

The devil is in the details

The devil is in the details

The devil is in the details

Context is king

Till sist: En god interaktionsdesigner är Mottaglig för kritik Empatisk Kreativ Flexibel