WUD WRO 2013 Affinity diagrams diagramy bliskości Tomasz Skórski UXLabs
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: [email protected] Pytania? Dziękuję!