Affinity diagram w Figmie pozwala przenieść notatki z badań UX na wspólną, wizualną tablicę, a następnie pogrupować je według powtarzających się tematów. Do warsztatów najlepiej wykorzystać FigJam, natomiast plik Figma Design sprawdzi się wtedy, gdy zależy Ci na precyzyjnym układzie i późniejszym uporządkowaniu materiału.

Czym jest affinity diagram w Figmie?

Affinity diagram, czyli diagram pokrewieństwa, służy do syntezy surowych danych z wywiadów, testów użyteczności lub obserwacji. Pojedyncze cytaty i spostrzeżenia umieszczasz na notatkach, a następnie łączysz elementy o podobnym znaczeniu w większe grupy. W ten sposób łatwiej przejść od pojedynczych obserwacji do tematów, insightów i kolejnych decyzji projektowych.

Figma i FigJam ułatwiają ten proces dzięki wspólnemu płótnu, pracy w czasie rzeczywistym oraz elementom takim jak sticky notes, ramki, sekcje i etykiety. FigJam jest przygotowany do warsztatów i swobodnego przesuwania wielu notatek. Plik Figma Design daje większą kontrolę nad kompozycją, ale wymaga bardziej ręcznego przygotowania elementów.

Co przygotować przed rozpoczęciem?

Zanim otworzysz tablicę, uporządkuj materiały i ustal sposób pracy. Przygotowanie nie powinno polegać na wcześniejszym grupowaniu obserwacji, ponieważ może to wpłynąć na późniejszą interpretację danych. Sprawdź, czy masz:

  • Surowe dane – notatki z wywiadów, transkrypcje, cytaty i obserwacje z testów.
  • Cel analizy – określ, jakiego problemu lub etapu doświadczenia użytkownika dotyczy diagram.
  • Wybrane środowisko – FigJam do wspólnego warsztatu, a Figma Design do bardziej uporządkowanego, wizualnego opracowania.
  • Ustalone zasady notowania – na jednej notatce umieszczaj jedną obserwację, cytat albo wniosek.
  • Osoby uczestniczące w analizie – jeśli pracujesz zespołowo, zaproś badaczy, projektantów lub osoby znające kontekst projektu.

Jak stworzyć affinity diagram w Figmie krok po kroku?

Najwygodniej rozpocząć od FigJam. Utwórz nową tablicę albo wybierz szablon związany z affinity mapping, jeśli jest dostępny w Twoim środowisku pracy. Następnie wykonaj kolejne kroki:

  1. Przygotuj obszar roboczy – otwórz plik FigJam i dodaj większą sekcję (Section) przeznaczoną na diagram. Zostaw dużo wolnego miejsca, ponieważ na początku notatki będą rozproszone. Możesz wydzielić osobne obszary na dane surowe, klastry oraz końcowe wnioski.
  2. Dodaj sticky notes – użyj narzędzia Sticky note i wpisz na każdej notatce pojedynczą obserwację. Krótkie cytaty zachowaj możliwie blisko oryginalnego brzmienia, a interpretacje oddziel od danych. Notatki możesz tworzyć ręcznie, kopiować z dokumentu lub wkleić większą partię tekstu, a następnie podzielić ją na osobne elementy.
  3. Rozmieść dane bez grupowania – ułóż notatki tak, aby wszystkie były widoczne i łatwe do przesuwania. Na tym etapie nie twórz jeszcze kategorii. Jeśli pracuje kilka osób, każdy uczestnik może najpierw samodzielnie przejrzeć materiał i zaznaczyć powtarzające się obserwacje.
  4. Połącz pokrewne notatki – przeciągaj elementy obok siebie, gdy opisują podobny problem, potrzebę, zachowanie albo etap ścieżki użytkownika. Grupuj na podstawie treści, a nie koloru notatki. W razie potrzeby zaznacz kilka elementów i użyj funkcji grupowania, aby przenosić je razem.
  5. Nadaj klastrom nazwy – nad każdą grupą dodaj nagłówek opisujący wspólny sens, na przykład „problemy z logowaniem” albo „brak informacji o statusie zamówienia”. Nazwa powinna wyjaśniać, co łączy obserwacje, a nie tylko powtarzać pojedyncze słowo z jednej notatki.
  6. Użyj ramek i kolorów – otocz klastry ramkami lub umieść je w osobnych sekcjach. Kolor może wskazywać typ informacji, na przykład problem, potrzeby użytkownika lub pomysł, ale nie zastępuje nazwy kategorii. Zachowaj stałą legendę, aby zespół rozumiał oznaczenia.
  7. Sprawdź strukturę i wyciągnij wnioski – usuń duplikaty, połącz zbyt małe klastry i zaznacz tematy powtarzające się w wielu źródłach. Na końcu dopisz insighty lub pytania projektowe, które wynikają z układu danych.

Diagram nie powinien porządkować danych tylko wizualnie. Dobra kategoria pokazuje, jaki wspólny problem lub wzorzec łączy znajdujące się w niej obserwacje.

Jak przyspieszyć pracę w FigJam?

Przy większej liczbie notatek najwięcej czasu zajmuje ich tworzenie, zaznaczanie i przesuwanie. Pomagają w tym funkcje dostępne w FigJam oraz proste zasady organizacji:

  • Korzystaj ze skrótów – używaj skrótu do szybkiego dodawania sticky note i skrótów zaznaczania, kopiowania oraz duplikowania elementów. Konkretne kombinacje mogą zależeć od systemu operacyjnego i ustawień aplikacji.
  • Edytuj wiele elementów jednocześnie – zaznacz grupę notatek, aby wspólnie zmienić ich położenie, kolor lub rozmiar, zamiast formatować każdy element osobno.
  • Blokuj gotowe obszary – gdy sekcja lub ramka jest już ustawiona, zablokuj ją, aby przypadkowo nie przesuwać całej struktury podczas pracy.
  • Wykorzystuj szablony i wtyczki – gotowy szablon FigJam może przyspieszyć start, a wybrane wtyczki mogą pomóc w imporcie danych lub tworzeniu wielu elementów.
  • Rozdzielaj etapy na sekcje – trzymaj dane surowe, klastry i insighty w oddzielnych obszarach, zamiast mieszać je na jednym płótnie.

Co zrobić z diagramem po zakończeniu analizy?

Affinity diagram jest etapem syntezy, a nie końcowym dokumentem projektowym. Na podstawie nazwanych klastrów możesz sformułować insighty, przygotować persony, zbudować mapę podróży użytkownika albo ustalić priorytety funkcji. Zachowaj link do tablicy i oznacz źródła obserwacji, aby zespół mógł wrócić do danych, gdy pojawią się pytania dotyczące konkretnego wniosku.

Najlepszy następny krok to przełożenie najważniejszych wzorców na decyzje projektowe, hipotezy i pytania do dalszych badań. Dzięki temu tablica w FigJam pozostaje narzędziem pracy, a nie tylko zbiorem kolorowych notatek.