EN

Kontakt

Napisz, z czym przychodzisz

Masz chwilę?

Odpowiedz na kilka pytań, a będziemy wiedzieć więcej. Na końcu zobaczysz wstępną diagnozę.

Anita, Creative Director, współzałożycielka

Wolisz od razu porozmawiać?

Darmowa konsultacja, 30 minut z Anitą, współzałożycielką studia.

Umów rozmowę

Napisz albo zadzwoń

hello@fluostudio.pl
+48 726 220 596

Testowanie z ludźmi, którzy będą klikać.

Sprawdzamy sklepy, portale i aplikacje z ludźmi, dla których powstały. Dajemy im zwykłe zadania, patrzymy, gdzie utykają, i z każdego takiego miejsca robimy konkretną poprawkę. Najlepiej jeszcze na makiecie, zanim ktokolwiek napisze kod.

Przykład: fragment nagrania testu strony produktu. Projektantka instalacji ma pobrać kartę techniczną oprawy. Szuka jej najpierw w zakładce „Parametry”, potem prawie pisze do handlowca, a kartę znajduje w zakładce „Do pobrania” pod nazwą HALA150_TDS_v3.pdf.

01Podejście

Co robimy, aby test coś zmienił?

Test kończy się wtedy, gdy wiadomo, co poprawić i od czego zacząć. Dlatego całą robotę układamy pod ten moment.

  1. Decyzja

    Zaczynamy od decyzji, którą test ma ułatwić: która wersja zostaje, co poprawić najpierw, czy produkt jest gotowy na start. Test bez takiego pytania kończy się raportem, którego nikt nie otwiera.

  2. Ludzie

    Zapraszamy osoby z Waszej grupy odbiorców: klientów, dystrybutorów, projektantów czy handlowców. Kolega z działu obok zna produkt za dobrze, żeby się w nim zgubić.

  3. Zadania

    Dajemy zadania z życia, na przykład „pobierzcie kartę techniczną” albo „zamówcie próbkę”, i patrzymy, czy się udają. Liczy się to, co ludzie robią, bo mówią często co innego.

  4. Na głos

    Prosimy, żeby uczestnik mówił, co myśli. Jedno zdanie w stylu „pewnie w parametrach” tłumaczy więcej niż tydzień patrzenia w wykresy.

  5. Wcześnie

    Najtaniej testuje się makietę. Poprawka na makiecie to chwila pracy, a w gotowej aplikacji potrafi być osobnym zleceniem.

  6. Dane

    Analityka pokazuje, gdzie ludzie odpadają, a test tłumaczy dlaczego. Gdy produkt już działa, zaczynamy od danych i sprawdzamy w teście to, czego liczby nie wyjaśniają.

  7. Priorytety

    Każdy problem dostaje wagę: ile osób w niego wpadło i jak bardzo przeszkodził w zadaniu. Lista poprawek zaczyna się od tych, które dadzą najwięcej.

  8. Drugi test

    Po poprawkach sprawdzamy najważniejsze zadania jeszcze raz. Dopiero wtedy wiadomo, czy poprawka naprawdę poprawiła.

Naszym celem są testy, po których nikt w firmie nie zgaduje, gdzie klienci się gubią.

02Rodzaje testów

Jakie pytanie ma rozstrzygnąć test?

Metodę dobieramy do pytania i do tego, na jakim etapie jest produkt. Często łączymy dwie, na przykład analitykę z testem z ludźmi.

Test z użytkownikami Zadania, obserwacja i myślenie na głos

Co robimy

Kilka osób z Waszej grupy odbiorców wykonuje zwykłe zadania, a my patrzymy, gdzie się wahają, mylą i rezygnują. Sesje prowadzimy na żywo albo zdalnie i nagrywamy za zgodą uczestników. Więcej o metodzie w haśle testy użyteczności.

Jak wygląda taki test

Co dostajecie

  • Scenariusz zadań
  • Nagrania sesji
  • Lista problemów z wagą
  • Poprawka do każdego problemu
Test makiety i prototypu Pomysł sprawdzony, zanim powstanie kod

Co robimy

Na klikalnej makiecie albo prototypie w Figmie sprawdzamy ścieżki, nazwy w menu i kolejność kroków. Makietę wypełniamy prawdziwymi treściami, bo na „lorem ipsum” niczego się nie sprawdzi.

Więcej o makietowaniu

Co dostajecie

  • Prototyp przygotowany do testu
  • Wnioski z sesji
  • Poprawiona makieta
Porównanie wersji Która wersja ekranu działa lepiej

Co robimy

Gdy zespół spiera się o dwie wersje, sprawdzamy obie na prawdziwej treści, także w najtrudniejszym przypadku. Przy dużym ruchu w działającym serwisie rozstrzyga test A/B, przy mniejszym porównanie w testach z ludźmi.

Co dostajecie

  • Dwie wersje na prawdziwej treści
  • Porównanie wyników
  • Rekomendacja, która zostaje
Design Optyk Kółka czy miniaturki? Oba sposoby wyboru koloru oprawki porównaliśmy przy czterech i przy dwunastu wariantach. Wygrały kółka.
Audyt UX i analityka Przegląd działającego serwisu i jego danych

Co robimy

Przechodzimy najważniejsze ścieżki sklepu, portalu albo aplikacji i sprawdzamy je z dobrymi praktykami. Do tego czytamy dane z analityki, map kliknięć i nagrań sesji: gdzie ludzie odpadają, czego szukają i w co klikają na próżno.

Co dostajecie

  • Przejście najważniejszych ścieżek
  • Miejsca, w których ludzie odpadają
  • Lista poprawek z wagą
  • Pytania do testu z ludźmi
Dostępność Kontrast, klawiatura i czytniki ekranu

Co robimy

Sprawdzamy kontrast, wielkość tekstu, obsługę z klawiatury i opisy dla czytników ekranu. Gdy serwis musi spełniać WCAG, ustalamy poziom na starcie i sprawdzamy go przed publikacją. Więcej w haśle dostępność cyfrowa.

Co dostajecie

  • Przegląd zgodności z WCAG
  • Lista poprawek dla projektantów i programistów
  • Sprawdzenie po poprawkach
Grupa BEST best.com.pl: serwis po polsku i angielsku, wdrożony zgodnie z WCAG 2.0
Ankiety i rozmowy Zanim powstanie makieta: czego ludzie szukają

Co robimy

Gdy dopiero powstaje pomysł na stronę albo aplikację, pytamy tych, którzy będą z niej korzystać: w krótkiej ankiecie albo w rozmowach. Ich odpowiedzi układają priorytety, a gotowe ścieżki sprawdzamy już w teście.

Co dostajecie

  • Ankieta albo scenariusz rozmów
  • Zestawienie odpowiedzi
  • Priorytety projektu

Podobne realizacje

03Przykład testu

Sześć osób szuka karty technicznej

Weźmy stronę oprawy oświetleniowej u producenta. Projektanci i instalatorzy wchodzą na nią zwykle po jedno: kartę techniczną. Dajemy to zadanie sześciu osobom z tej grupy i patrzymy, gdzie klikają. Producent i liczby są wymyślone, ale tak właśnie przebiega test.

Etap testu

Najpierw zadanie, jak z życia

Każda osoba dostaje tę samą stronę i jedno polecenie. Prosimy, żeby mówiła na głos, co myśli, a sami nie podpowiadamy ani słowem, nawet gdy bardzo kusi.

Potem patrzymy, gdzie klikają

Każda kropka to pierwsze kliknięcie jednej osoby. Od razu trafiły dwie z sześciu. Trzy szukały w parametrach, a jedna chciała pisać do handlowca po plik PDF.

Na końcu poprawka i drugi test

Pliki wychodzą z zakładki na kartę produktu, zaraz pod parametry, i dostają nazwy, które ludzie znają. W drugim teście trafiło sześć osób z sześciu. Sprawdźcie sami: kliknijcie tam, gdzie pobralibyście kartę.

Zadanie dla sześciu osób

Pobierzcie kartę techniczną oprawy 150 W.

Projektanci, instalatorzy i kupcy z hurtowni

Pierwszy test

Trafione od razu
2 z 6
Średni czas
1 min 10 s

Drugi test

Trafione od razu
6 z 6
Średni czas
9 s

Do pobrania dla 150 W

  • Instrukcja montażu PDF, 3,4 MB
  • Pliki fotometryczne LDT i IES
  1. „Pewnie w parametrach.”

    W teście

    Trzy osoby zaczęły od zakładki „Parametry”, bo tam spodziewały się danych technicznych.

    Po poprawce

    Pliki stoją na karcie produktu, zaraz pod parametrami, bez szukania po zakładkach.

  2. „Zapytam handlowca.”

    W teście

    Jedyny wyraźny przycisk to „Zapytaj o ofertę”, więc jedna osoba prawie napisała do handlowca po plik PDF.

    Po poprawce

    Każdy plik ma ikonę i rozmiar, a „Zapytaj o ofertę” zostaje dla tych, którzy chcą oferty.

  3. „Która to karta?”

    W teście

    W „Do pobrania” leży sześć plików, a kartę techniczną trzeba rozpoznać po skrócie TDS.

    Po poprawce

    Pliki mają nazwy, które ludzie wpisaliby w wyszukiwarkę: karta techniczna, instrukcja montażu, pliki fotometryczne.

  4. „Czy to moja moc?”

    W teście

    Jedna karta opisuje wszystkie moce naraz, więc dane dla 150 W trzeba znaleźć w tabeli.

    Po poprawce

    Pliki są dla mocy wybranej na stronie, a nad listą stoi 150 W.

W praktyce

Tak drobne poprawki wychodzą też w prawdziwych projektach. Po pierwszych testach z klientką powiększyliśmy w sklepie Biurokoncept tekst i interlinię w całym serwisie, czyli na ponad tysiącu kart produktów.

Zobacz projekt Biurokoncept
Osoba przy laptopie przegląda stronę Hana Design, za nią przy stole druga osoba z laptopem.
Hana Design: zanim powstała strona, zapytaliśmy architektów, czego na niej szukają

04Proces

Od pytania do poprawki, która zadziałała

Tak wygląda pełny test z uczestnikami. Przed startem wiecie, kto będzie testował, jakie zadania dostanie i kiedy zobaczycie wyniki. Przy mniejszym pytaniu, na przykład o dwie wersje jednego ekranu, część etapów łączymy, a audyt czy przegląd analityki może być pierwszym krokiem przed testem.

  1. Etap 1: Cel i pytania

    Ustalamy, jaką decyzję ma ułatwić test, i zbieramy to, co już wiecie: dane z analityki, zgłoszenia do obsługi klienta, uwagi handlowców. Z tego powstaje kilka pytań, na które test ma odpowiedzieć.

    Co dostajecie

    • Cel testu i pytania
    • Lista ścieżek do sprawdzenia
  2. Etap 2: Uczestnicy i zadania

    Dobieramy osoby z Waszej grupy odbiorców, często z Waszą pomocą: klientów, dystrybutorów, projektantów. Zadania piszemy z ich codzienności, bez słów, które podpowiadają, gdzie kliknąć.

    Co dostajecie

    • Profil uczestników i zaproszenia
    • Scenariusz zadań
  3. Etap 3: Prototyp albo działający serwis

    Testujemy to, co jest: klikalną makietę, prototyp w Figmie albo działający sklep czy aplikację. Przygotowujemy konta i dane testowe, żeby uczestnik nie utknął na logowaniu zamiast na zadaniu.

    Co dostajecie

    • Prototyp gotowy do testu
    • Konta i dane testowe
  4. Etap 4: Sesje

    Każda sesja to jedna osoba, kilka zadań i myślenie na głos. Prowadzimy je na żywo albo zdalnie, nagrywamy za zgodą uczestników, a Wasz zespół może patrzeć na żywo przez link.

    Co dostajecie

    • Nagrania sesji
    • Notatki z każdego zadania
  5. Etap 5: Analiza i priorytety

    Obserwacje ze wszystkich sesji łączymy w problemy. Każdy dostaje wagę i poprawkę, a najważniejsze momenty wycinamy z nagrań, bo jedna minuta nagrania przekonuje zarząd szybciej niż slajd.

    Co dostajecie

    • Raport z fragmentami nagrań
    • Lista poprawek od najważniejszych
  6. Etap 6: Poprawki i drugi test

    Poprawiamy makietę albo piszemy zadania dla Waszych programistów. Najważniejsze zadania sprawdzamy jeszcze raz, żeby wiedzieć, że poprawka zadziałała.

    Co dostajecie

    • Poprawione ekrany albo zadania dla programistów
    • Wyniki drugiego testu
Laptop w niebieskim świetle z ciemną stroną główną sklepu Overmax i napisem „Beyond limits”.
Overmax: podstawowy niebieski marki ginął na czarnym tle, więc sięgnęliśmy po jaśniejszy z linii samochodów

05Pytania

Najczęstsze pytania

Ile osób trzeba do testu?

Przy jednej grupie odbiorców zwykle wystarcza pięć, sześć osób, bo większość powtarzających się problemów wychodzi już po kilku sesjach. Gdy produkt ma kilka różnych grup, na przykład klientów i dystrybutorów, zapraszamy kilka osób z każdej.

Skąd weźmiecie uczestników?

Najlepiej z Waszej bazy: klientów, partnerów, dystrybutorów. Pomagamy napisać zaproszenie i ustalić drobne podziękowanie za udział. Gdy produkt jest nowy, szukamy osób z tej samej grupy poza Waszą firmą.

Czy można testować, zanim powstanie produkt?

Tak, i to najtańszy moment. Testujemy klikalne makiety i prototypy, zanim ktokolwiek napisze kod. Więcej piszemy przy makietowaniu i MVP.

Testy na żywo czy zdalnie?

Jedno i drugie. Zdalnie łatwiej zebrać ludzi z całego kraju, a na żywo lepiej widać, co dzieje się na telefonie albo przy stanowisku pracy. Wasz zespół może oglądać każdą sesję, a nagrania dostajecie razem z raportem.

Czym test różni się od ankiety?

Ankieta zbiera to, co ludzie deklarują, a test pokazuje, co robią. Przydają się oba: ankieta przed projektem mówi, czego ludzie szukają, a test na makiecie, czy to znajdują.

A testy A/B?

Test A/B rozstrzyga, która z dwóch wersji działa lepiej w prawdziwym ruchu, ale potrzebuje dużo odwiedzin i czasu. Przy mniejszym ruchu porównujemy wersje w testach z ludźmi, na prawdziwej treści.

Czy uczestnicy zobaczą nasz niegotowy produkt?

Tak, ale na Waszych zasadach. Przed sesją uczestnicy zgadzają się na nagranie i zobowiązują do poufności, a prototyp pokazujemy tylko w czasie testu.

Co dostaniemy na koniec?

Raport z listą problemów ułożoną od najważniejszych, z fragmentami nagrań i poprawką przy każdym problemie. Jeśli chcecie, od razu poprawiamy makietę albo piszemy zadania dla Waszych programistów, a po poprawkach robimy drugi test.

Projekty z tą usługą

Napisz do nas!

Wypełnij formularz lub napisz na:

hello@fluostudio.pl

Wolisz zadzwonić?

+48 726 220 596

arrow form contact

"*" oznacza pola wymagane

To pole jest używane do walidacji i powinno pozostać niezmienione.