WUD WRO 2013

Affinity diagrams diagramy bliskości

Tomasz Skórski UXLabs

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

Przykładowy affinity diagram

WUD WRO 2013

‣  Jiro Kawakita (1963)

‣  Hugh Beyer i Karen Holtzblatt (1997)

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

Kto?

WUD WRO 2013

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

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

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

Ile to zajmie czasu?

WUD WRO 2013

Cztery ważne kartki

WUD WRO 2013

Żół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

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

Różowe kartki

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

‣  Pisane językiem użytkownika

Problemy z zakupem opon

WUD WRO 2013

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

Jak to zrobić?

WUD WRO 2013

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

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

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

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

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

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

Przykład

WUD WRO 2013

Pusta ściana

WUD WRO 2013

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

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

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

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

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

‣  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

Kontakt: tomasz@skorski.net Pytania? Dziękuję!