affinity diagrams (diagramy pokrewieństwa)

27
WUD WRO 2013 Anity diagrams diagramy bliskości Tomasz Skórski UXLabs

Upload: tomasz-skorski

Post on 18-Dec-2014

169 views

Category:

Education


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Affinity Diagrams (Diagramy pokrewieństwa)

WUD WRO 2013

Affinity diagrams diagramy bliskości

Tomasz Skórski UXLabs

Page 2: Affinity Diagrams (Diagramy pokrewieństwa)

Diagramy bliskości służą do pogrupowania dużej liczby obserwacji i problemów z badań (lub pomysłów) w naturalne grupy przy wykorzystaniu intuicji i różnokolorowych kartek, przylepianych do ściany.

WUD WRO 2013

Page 3: Affinity Diagrams (Diagramy pokrewieństwa)

Przykładowy affinity diagram

WUD WRO 2013

Page 4: Affinity Diagrams (Diagramy pokrewieństwa)

‣  Jiro Kawakita (1963)

‣  Hugh Beyer i Karen Holtzblatt (1997)

‣  Różnice pomiędzy affinity diagram dla UX a KJ diagram

Kto?

WUD WRO 2013

Page 5: Affinity Diagrams (Diagramy pokrewieństwa)

Kiedy stosować? ‣  Duża ilość obserwacji,

wniosków i pomysłów

‣  Przy chaosie lub złożonych problemach (z analizy nie wynika nic oczywistego)

‣  Przy potrzebie konsensusu

‣  Przy dyskusji tezy/idei

WUD WRO 2013

Page 6: Affinity Diagrams (Diagramy pokrewieństwa)

‣  Dyskusja idei/pomysłu (KJ) – do 2 godzin

‣  Analiza badania (affinity diagrams) ok. 4-8 godzin

Ile to zajmie czasu?

WUD WRO 2013

Page 7: Affinity Diagrams (Diagramy pokrewieństwa)

Cztery ważne kartki

WUD WRO 2013

Page 8: Affinity Diagrams (Diagramy pokrewieństwa)

Żółte kartki

‣  Notatki

‣  Kartki zawierające pojedyńcze pomysły, obserwacje i problemy

‣  Jedna zółta kartka może należeć tylko do jednej grupy

Badany ma problem ze znalezieniem rozmiaru opony na karcie produktu

Przycisk KUP nie jest widoczny

Cena jest na dole strony, badany ma problem z jej znalezieniem

WUD WRO 2013

Page 9: Affinity Diagrams (Diagramy pokrewieństwa)

Niebieskie kartki

‣  Kartki - "labelki" grupujące wspólnie podobne tematy/problemy z zółtych kartek

‣  Pisane w pierwszej osobie, tak jakby to badany mówił o problemie

‣  Nie więcej niż 4-6 kart w grupie

Nie potrafię znaleźć ani kupić opony do mojego samochodu

Zdjęcie jest niewyraźne

WUD WRO 2013

Page 10: Affinity Diagrams (Diagramy pokrewieństwa)

Różowe kartki

‣  Kolejne kartki w hierarchii, zbierające razem niebieskie kartki

‣  Pisane językiem użytkownika

Problemy z zakupem opon

WUD WRO 2013

Page 11: Affinity Diagrams (Diagramy pokrewieństwa)

Zielone kartki

‣  Grupują różowe kartki

‣  Najwyższy poziom kartek w hierarchii

‣  Najbardziej ogólne

‣  Większość diagramów bliskości zawiera od pięciu do ośmiu zielonych kartek

Nie potrafię znaleźć ani kupić opony do mojego samochodu

Przebudowa karty produktu

WUD WRO 2013

Page 12: Affinity Diagrams (Diagramy pokrewieństwa)

Jak to zrobić?

WUD WRO 2013

Page 13: Affinity Diagrams (Diagramy pokrewieństwa)

Zbierz zespół i podziel go na grupy Zespoły powinny być jedno lub dwuosobowe i być z różnych dziedzin

Rozdaj im zebrane notatki/Przedstaw ideę Poproś o analizę notatek i żółte kartki z opisem obserwacji

Umieśccie notatki na ścianie i pogrupujcie je Nie więcej niż 4-6 kartki na jedną grupę; Coś nie pasuje? Nowa grupa!

Nazwijcie stworzone grupy (klastry) na kartkach Niebieskie kartki grupują żółte, różowe grupują niebieskie, a zielone różowe

Powtórzcie kroki dla kolejnych “poziomów” Dla każdego kroku potrzebna jest zgoda wszystkich członków zespołu

2

3

4

5

6

Przygotuj notatki z badań/Określ ideę 1

Page 14: Affinity Diagrams (Diagramy pokrewieństwa)

Zbierz zespół i podziel go na grupy Zespoły powinny być jedno lub dwuosobowe i być z różnych dziedzin

Rozdaj im zebrane notatki/Przedstaw ideę Poproś o analizę notatek i żółte kartki z opisem obserwacji

Umieśccie notatki na ścianie i pogrupujcie je Nie więcej niż 4-6 kartki na jedną grupę; Coś nie pasuje? Nowa grupa!

Nazwijcie stworzone grupy (klastry) na kartkach Niebieskie kartki grupują żółte, różowe grupują niebieskie, a zielone różowe

Przygotuj notatki z badań/Określ ideę

Powtórzcie kroki dla kolejnych “poziomów” Dla każdego kroku potrzebna jest zgoda wszystkich członków zespołu

1

2

3

4

5

6

Page 15: Affinity Diagrams (Diagramy pokrewieństwa)

Zbierz zespół i podziel go na grupy Zespoły powinny być jedno lub dwuosobowe i być z różnych dziedzin

Rozdaj im zebrane notatki/Przedstaw ideę Poproś o analizę notatek i żółte kartki z opisem obserwacji

Umieśccie notatki na ścianie i pogrupujcie je Nie więcej niż 4-6 kartki na jedną grupę; Coś nie pasuje? Nowa grupa!

Nazwijcie stworzone grupy (klastry) na kartkach Niebieskie kartki grupują żółte, różowe grupują niebieskie, a zielone różowe

Przygotuj notatki z badań/Określ ideę

Powtórzcie kroki dla kolejnych “poziomów” Dla każdego kroku potrzebna jest zgoda wszystkich członków zespołu

1

2

3

4

5

6

Page 16: Affinity Diagrams (Diagramy pokrewieństwa)

Zbierz zespół i podziel go na grupy Zespoły powinny być jedno lub dwuosobowe i być z różnych dziedzin

Rozdaj im zebrane notatki/Przedstaw ideę Poproś o analizę notatek i żółte kartki z opisem obserwacji

Umieśccie notatki na ścianie i pogrupujcie je Nie więcej niż 4-6 kartki na jedną grupę; Coś nie pasuje? Nowa grupa!

Nazwijcie stworzone grupy (klastry) na kartkach Niebieskie kartki grupują żółte, różowe grupują niebieskie, a zielone różowe

Przygotuj notatki z badań/Określ ideę

Powtórzcie kroki dla kolejnych “poziomów” Dla każdego kroku potrzebna jest zgoda wszystkich członków zespołu

1

2

3

4

5

6

Page 17: Affinity Diagrams (Diagramy pokrewieństwa)

Zbierz zespół i podziel go na grupy Zespoły powinny być jedno lub dwuosobowe i być z różnych dziedzin

Rozdaj im zebrane notatki/Przedstaw ideę Poproś o analizę notatek i żółte kartki z opisem obserwacji

Umieśccie notatki na ścianie i pogrupujcie je Nie więcej niż 4-6 kartki na jedną grupę; Coś nie pasuje? Nowa grupa!

Nazwijcie stworzone grupy (klastry) na kartkach Niebieskie kartki grupują żółte, różowe grupują niebieskie, a zielone różowe

Przygotuj notatki z badań/Określ ideę

Powtórzcie kroki dla kolejnych “poziomów” Dla każdego kroku potrzebna jest zgoda wszystkich członków zespołu

1

2

3

4

5

6

Page 18: Affinity Diagrams (Diagramy pokrewieństwa)

Zbierz zespół i podziel go na grupy Zespoły powinny być jedno lub dwuosobowe i być z różnych dziedzin

Rozdaj im zebrane notatki/Przedstaw ideę Poproś o analizę notatek i żółte kartki z opisem obserwacji

Umieśccie notatki na ścianie i pogrupujcie je Nie więcej niż 4-6 kartki na jedną grupę; Coś nie pasuje? Nowa grupa!

Nazwijcie stworzone grupy (klastry) na kartkach Niebieskie kartki grupują żółte, różowe grupują niebieskie, a zielone różowe

Przygotuj notatki z badań/Określ ideę

Powtórzcie kroki dla kolejnych “poziomów” Dla każdego kroku potrzebna jest zgoda wszystkich członków zespołu

1

2

3

4

5

6

Page 19: Affinity Diagrams (Diagramy pokrewieństwa)

Przykład

WUD WRO 2013

Page 20: Affinity Diagrams (Diagramy pokrewieństwa)

Pusta ściana

WUD WRO 2013

Page 21: Affinity Diagrams (Diagramy pokrewieństwa)

Badany U1 ma problem ze znalezieniem rozmiaru opony na karcie produktu

Przycisk KUP nie jest widoczny

Cena jest na dole strony, badany U3 ma problem z jej znalezieniem

Strona wolno się ładuje

Badany U2 zakłada okulary do przeczytania opisu

Szare litery na białym tle są nieczytelne

Zdjęcia są za duże

WUD WRO 2013

Page 22: Affinity Diagrams (Diagramy pokrewieństwa)

Badany U1 ma problem ze znalezieniem rozmiaru opony na karcie produktu

Cena jest na dole strony, badany U3 ma problem z jej znalezieniem

Badany U2 zakłada okulary do przeczytania opisu

Szare litery na białym tle są nieczytelne

Przycisk KUP nie jest widoczny

Zdjęcia są za duże Strona wolno

się ładuje

WUD WRO 2013

Page 23: Affinity Diagrams (Diagramy pokrewieństwa)

Badany U1 ma problem ze znalezieniem rozmiaru opony na karcie produktu

Cena jest na dole strony, badany U3 ma problem z jej znalezieniem

Badany U2 zakłada okulary do przeczytania opisu

Szare litery na białym tle są nieczytelne

Przycisk KUP nie jest widoczny

Nie potrafię znaleźć ani kupić opony do mojego samochodu

Opisy są nieczytelne bez okularów

Zdjędiasą za duże Strona wolno

się ładuje

Problem ze zdjęciami

WUD WRO 2013

Page 24: Affinity Diagrams (Diagramy pokrewieństwa)

Badany U1 ma problem ze znalezieniem rozmiaru opony na karcie produktu

Cena jest na dole strony, badany U3 ma problem z jej znalezieniem

Badany U2 zakłada okulary do przeczytania opisu

Szare litery na białym tle są nieczytelne

Przycisk KUP nie jest widoczny

Nie potrafię znaleźć ani kupić opony do mojego samochodu

Opisy są nieczytelne bez okularów

Zdjęcia są za duże Strona wolno

się ładuje

Problem ze zdjęciami

Strony są nieczytelne, wolno się ładują i utrudniają kupno opon

WUD WRO 2013

Page 25: Affinity Diagrams (Diagramy pokrewieństwa)

Badany U1 ma problem ze znalezieniem rozmiaru opony na karcie produktu

Cena jest na dole strony, badany U3 ma problem z jej znalezieniem

Badany U2 zakłada okulary do przeczytania opisu

Szare litery na białym tle są nieczytelne

Przycisk KUP nie jest widoczny

Nie potrafię znaleźć ani kupić opony do mojego samochodu

Opisy są nieczytelne bez okularów

Zdjęcia są za duże Strona wolno

się ładuje

Problem ze zdjęciami

Strony są nieczytelne, wolno się ładują i utrudniają kupno opon

Przebudowa strony produktu

Page 26: Affinity Diagrams (Diagramy pokrewieństwa)

‣  Observing the User Experience, Second Edition, Kuniavski & Goodman, 2012

‣  Contextual Design: De*ning Customer-Centered Systems, Beyer & Holtzblatt, 1997

‣  Rapid Contextual Design, Holtzblatt & Wendell & Wood, 2004

‣  Exposing the Magic of Design - A Practitioner’s Guide to the Methods and Theory of Synthesis, Kolko 2011

Rekomendowane lektury

WUD WRO 2013

Page 27: Affinity Diagrams (Diagramy pokrewieństwa)

Kontakt: [email protected] Pytania? Dziękuję!