Używanie Microsoft Clarity do lepszego zrozumienia użytkowników

Microsoft Clarity umożliwia analizowanie interakcji użytkowników z Twoją witryną. Uzupełnia Google Analytics i zapewnia informacje o użytkownikach za pomocą takich narzędzi, jak mapy cieplne i powtórki sesji. Jakie są unikalne funkcje Clarity i jak mogą poprawić komfort użytkowania Twojej witryny?

W dzisiejszych czasach mnóstwo jest analiz. Jeśli potrzebujesz programu do zbierania szczegółowych danych o Twojej witrynie, nie zabraknie Ci opcji. Jednak wiele programów analitycznych ma strome krzywe uczenia się i wskaźniki wydajności, które trudno przełożyć na decyzje projektowe.

Microsoft Clarity to narzędzie do analizy behawioralnej, które przekształca interakcje użytkownika w wizualne wglądy. Clarity oferuje różnorodne pulpity nawigacyjne, mapy popularności i powtórki sesji, które pokazują, które części Twojej witryny są najbardziej i najmniej angażujące. Posiada również funkcje, takie jak wściekłe kliknięcia i martwe kliknięcia, które ułatwiają analizę problemów powodujących zamieszanie i niską wydajność.

Jakie są najpotężniejsze funkcje Clarity?

Jako programista w zespole, który zbudował Clarity, widziałem na własne oczy, jak może pomóc projektantom lepiej zrozumieć swoich użytkowników. Funkcje Clarity są nie tylko solidne, ale także nieskomplikowane i uporządkowane. Wszystko zaczyna się od pulpitu nawigacyjnego Clarity.

Tablica rozdzielcza przejrzystości: szczegółowe informacje i zaawansowane filtry

Główny pulpit nawigacyjny Clarity wyświetla metryki sesji, źródła ruchu i wykresy wskazujące na frustrację użytkownika. Zapewnia również zaawansowane filtry, które umożliwiają wyszukiwanie według bardziej zróżnicowanych kryteriów, takich jak ruchy kursora, systemy operacyjne i strony o zmienionym rozmiarze.

Ponadto Clarity daje możliwość tworzenia nieograniczonej liczby niestandardowych tagów — dostosowanych do potrzeb filtrów, które przyspieszają wyszukiwanie określonych sesji do sprawdzenia. Tagi niestandardowe są szczególnie przydatne, gdy musisz:

• Identyfikuj konwersje, takie jak przesyłanie formularzy i zakupy
• Znajdź mapy popularności i nagrania sesji dla konkretnych użytkowników
• Śledź, kiedy poszczególni użytkownicy są zalogowani i jakie typy stron przeglądają

Wskaźniki frustracji: identyfikuj i eliminuj problemy z użytecznością

Pozostawione bez sprawdzenia problemy z użytecznością prowadzą do porzucania witryny. Na szczęście metryki frustracji Clarity izolują interakcje, które sugerują wady projektu UX:

• Gniewne kliknięcia : użytkownik kilka razy szybko klika w tym samym obszarze. Kliknięcia w wściekłości mogą sygnalizować niewystarczające rozmiary docelowe lub wprowadzający w błąd projekt graficzny.
• Martwe kliknięcia : użytkownik klika element, ale nic się nie dzieje. Martwe kliknięcia mogą być wynikiem uszkodzonych linków.
• Nadmierne przewijanie : użytkownik szybko przewija stronę w górę iw dół z większą częstotliwością niż przeciętny użytkownik. Nadmierne przewijanie może wskazywać na słabą wykrywalność lub nieistotną treść.
• Szybkie cofanie : użytkownik odwiedza stronę i szybko wraca do poprzedniej. Szybkie cofanie się może być spowodowane mylącymi ikonami lub opisami treści.

Powtórki sesji: zobacz, jak użytkownicy naprawdę doświadczają Twojej witryny

W zakładce „Nagrania” możesz oglądać powtórki sesji. Oprócz śledzenia ruchów kursora i kliknięć powtórki zawierają informacje, takie jak adresy URL wejścia i wyjścia, czas trwania sesji, data i urządzenie.

Clarity zapewnia również pole wyboru „Pomiń nieaktywność”, które umożliwia przeglądanie długich przeciągnięć, gdy użytkownicy nic nie robią — to ogromna oszczędność czasu podczas przeglądania wielu sesji.

Nad każdym filmem opcja „Więcej szczegółów” pokazuje oś czasu działań użytkowników. Każda akcja jest klikalna i powiązana z jej miejscem w nagraniu.

Mapy popularności: wizualizuj swoje najbardziej atrakcyjne treści

Mapy ciepła to łatwy sposób na wizualizację zagregowanych sesji i zrozumienie, w jaki sposób użytkownicy wchodzą w interakcję ze stroną. Cieplejsze kolory oznaczają bardziej popularne obszary, a chłodniejsze kolory oznaczają mniej popularne obszary. W Clarity dostępne są trzy rodzaje map popularności:

• Mapy popularności kliknięć pokazują, gdzie użytkownicy kliknęli na stronie na komputery.
• Mapy popularności Tap pokazują miejsca, w których użytkownicy klikali strony na urządzeniach mobilnych i tabletach.
• Mapy popularności przewijania pokazują, jak daleko użytkownicy przewinęli stronę w dół.

Mapy popularności typu „kliknij i dotknij” mogą pomóc w identyfikacji atrakcyjnych treści i służyć jako punkt odniesienia do porównywania iteracji projektowych. Mogą również odkryć elementy, które użytkownicy błędnie uważają za interaktywne — takie jak ilustracja z przyciskiem „Odtwórz”.

Korzystając z mapy termicznej przewijania, możesz najechać kursorem na sekcję strony, aby wyświetlić procent użytkowników, którzy osiągnęli ten punkt. Mapy termiczne przewijania identyfikują również średni fałd — obszar u góry strony, który użytkownicy widzą przed przewinięciem.

Uwaga: filtry w panelu można również zastosować do zakładek „Nagrania” i „Mapy termiczne”.

Jak dostroić ustawienia jasności

Microsoft Clarity ułatwia uruchamianie nowych projektów, maskowanie danych i blokowanie określonych adresów IP. Integruje się również z Google Analytics, aby zapewnić bardziej szczegółowy obraz mocnych i słabych stron Twojej witryny.

Konfiguracja Clarity: kompatybilna z popularnymi platformami innych firm

Po zalogowaniu się do Clarity zostaniesz przekierowany na stronę „Projekty”. Zacznij od kliknięcia „DODAJ NOWY PROJEKT” i wprowadzenia szczegółów swojej witryny. Warto zauważyć, że funkcjonalność Clarity jest dostępna dla wszystkich stron internetowych, niezależnie od natężenia ruchu.

Po utworzeniu projektu zostaniesz przeniesiony na stronę „Konfiguracja” i otrzymasz kod śledzenia Clarity. Skopiuj i wklej kod do sekcji HTML <head> swojej strony lub zainstaluj go za pomocą wtyczki Clarity WordPress lub szablonu Menedżera tagów Google. Clarity udostępnia również instrukcje konfiguracji dla wielu platform innych firm.

Maskowanie: chroń dane swojej witryny

Istnieją trzy tryby maskowania, które uniemożliwiają Clarity przechwytywanie wrażliwego tekstu Twojej witryny:

• Ścisły : cały tekst jest zamaskowany.
• Zrównoważony : maskowany jest tylko wrażliwy tekst. Wrażliwy tekst zawiera pola wejściowe, liczby i adresy e-mail. (Jest to ustawienie domyślne Clarity).
• Zrelaksowany : żaden tekst nie jest zamaskowany.

Oprócz trybów maskowania Clarity można również maskować określoną zawartość, na przykład obrazy.

Uwaga: nie zaleca się używania Clarity w witrynach zawierających poufne dane, takie jak dokumentacja medyczna lub informacje finansowe.

Blokowanie adresów IP: wyklucz niektórych odwiedzających ze śledzenia

Blokowanie adresów IP zapobiega rejestrowaniu określonych adresów IP przez Clarity. Na przykład możesz chcieć zablokować wizyty członków zespołu w witrynie. Ruch pochodzący z adresów znajdujących się na liście zablokowanych nie pojawi się na pulpicie nawigacyjnym projektu.

Google Analytics: link do nagrań przejrzystości

Chociaż istnieją podobieństwa między platformami, Google Analytics i Clarity nie są konkurentami, ale wzajemnie się uzupełniają. Google Analytics mierzy ruch i wydajność e-commerce. Przejrzystość śledzi podobne dane, ale pozwala również zobaczyć, w jaki sposób użytkownicy faktycznie poruszają się po Twojej witrynie i wchodzą z nią w interakcję.

Na przykład, jeśli zauważysz w Google Analytics słabą stronę, możesz użyć Clarity do obserwowania sesji użytkowników i identyfikowania błędów projektowych strony. W rzeczywistości Clarity zapewnia łatwy sposób łączenia się z odtwarzaniem sesji z pulpitu nawigacyjnego Google Analytics.

Microsoft Clarity zapewnia cenne informacje dla użytkowników

Projektanci poświęcają niezliczone godziny na badania użytkowników, architekturę informacji, prototypowanie i testowanie. Analityka behawioralna ma kluczowe znaczenie dla tego ciągłego procesu odkrywania i udoskonalania, ponieważ ujawnia, które wybory projektowe działają, a które nie. Dzięki intuicyjnym funkcjom i prostocie graficznej Microsoft Clarity pomaga projektantom przekształcać złożone zachowania użytkowników w decyzje projektowe oparte na danych.

Dalsza lektura na blogu Toptal Design:

• Hotjar: porady dotyczące UX i konwersji
• Testowanie UX dla mas: proste i efektywne kosztowo
• Kto, co i dlaczego — przewodnik po metodach testowania użytkowników