Badania prototypowe i projektowe

1) Dlaczego go potrzebujesz

• Hipoteza → Prototyp → Test → Wgląd → Iteracja → Rozwiązanie.

2) Poziomy wierności i kiedy je wybrać

Niskie fi (szkice/papier): struktura i przepływ; 30-90 min na iterację.
Mid-fi (klatka): nawigacja, teksty, stany; 0. 5-2 dni.
High-fi (wizualna/animacja): percepcja, mikro-interakcje; 1-5 dni.
Kod-proto (interaktywne + dane rzeczywiste): wydajność, dostępność, złożone wzory (KYC, płatności); 2-10 dni.

Zasada: zacznij od minimum wystarczającego poziomu, aby odpowiedzieć na pytanie hipotezy.

3) Formaty prototypowe

Papier/Wireflow: Szybkie skrypty, ekran komiksy.
Klikalne (Figma/Framer/ProtoPie): przejścia, gałęzie warunkowe, pseudo-formy.
Wizard-of-Oz: „magia za ekranem”, złożona logika naśladowana przez badacza.
Prototyp kodu (React/Flutter): gesty, wydajność, A11y, integracja API.
Prototyp treści: teksty, puste stany, błędy/sukcesy.

4) Gdzie i jak testować

• Umiarkowane: głębia, wyjaśnienie pytań, myśl na głos.
• Niezmodernizowane: prędkość, skala, proste zadania.

• Usunięto: szersza geografia, nagrywanie ekranu/wywołanie wideo.
• Twarzą w twarz: kontekst, śledzenie oczu/gesty, urządzenia fizyczne.

• Testy użyteczności (scenariusze zadań).
• Walkthrough poznawczy.
• Ocena heurystyczna (Nielsen 10).
• Badanie drzew (nawigacja).
• 5-sekundowe badania (pierwsze wrażenie).
• Test preferencji (opcje ekranu/stylu).
• Badanie celowości (karty emo).
• Badania dziennikowe (długie cykle).

5) Plan testów (szablon)

1. Cel: jakiej hipotezy testujemy (na przykład: „nowy strumień KYC skróci czas do zweryfikowania o 30%”).
2. Scenariusze zadań: 4-6 kluczy, z kryterium sukcesu.
3. Artefakt: odniesienia do prototypów/wersji.
4. Metryki: Sukces zadania, Czas na zadaniu, Błędy, SEQ (1-7), SUS (po sesji), UMUX-Lite.
5. Rekrut: profil, rynki, N (5-8 respondentów na cykl).
6. Procedura: wprowadzenie → rozgrzewka → zadania → wywiad → de-brief.
7. Bezpieczeństwo i etyka: zgoda na rejestrację, nie zbieramy danych osobowych/płatności.
8. Logistyka: urządzenia/przeglądarki, siatka gniazda, lista kontrolna moderatora.

6) Zestaw mierników i norm

Sukces zadania (%): wskaźnik docelowy ≥ 80% na etapach krytycznych.
Czas na zadaniu: mediana według scenariusza (porównanie z kontrolą).
Wskaźnik błędu - krytyczny/niewielki poziom błędu.
SUS: ≥ 68 - norma podstawowa, ≥ 80 - doskonała.
SEQ (1-7): ocena złożoności zadania (cel - ≤ 3).
NPS/CSAT po skrypcie: w razie potrzeby.
Sygnały behawioralne: trzymanie się, powrót, nawigacja wsteczna., kliknięcia wściekłości.

7) Rekrut i próbka

Kto dzwonić: prawdziwe segmenty (początkujący/doświadczeni, regiony/języki, urządzenia).
Ile: 5-8 na cykl jakości; A/B - statystyki (patrz poniżej).
Kontrola bezpieczeństwa: odcięliśmy profesjonalnych testerów, wymagamy doświadczenia w odpowiednich zadaniach (na przykład płatności online).
Motywacja: uczciwy, bez zniekształceń zachowania (nie płacić premii produktowych za odpowiedzialne testy gry).

8) Skrypt moderatora (podsumowanie)

Pozdrawiam, cel: „Testujemy projekt, nie ty”.
Zgoda na rejestrację, poufność.
Rozgrzewka: poprzednie doświadczenie, analogi.
Zadania: „Wyobraź sobie, czego chcesz”... (minimalne wytyczne).

Neutralne słowa: „Powiedz nam, co chcesz zobaczyć dalej”, „Co jest żenujące?”

Zakończenie: krótka ankieta, dzięki.

9) Analiza i ustalanie priorytetów

Taksonomia problemu: Nawigacja, Zrozumienie, Wejście, Informacje zwrotne, Czekanie/Czas, Bezpieczeństwo, Localization/A11y.
Nasilenie: Bloker/Major/Minor/Cosmetic.
Częstotliwość: Ilu respondentów zderzyło się.
Wpływ na przedsiębiorstwa: konwersja, ryzyko przestrzegania przepisów (CCM/płatności), odwołania.
Priorytet = nasilenie × częstotliwość × uderzenie.

Raport (1 strona): cel, wybór, kluczowe spostrzeżenia (5-7), przykłady cytatów, linki wideo do momentów, rozwiązanie i właściciel problemu.

10) A/B i eksperymenty

Co przetestować: wyraźnie jeden czynnik (tekst CTA, kolejność kroków, format pola).
Wskaźniki: konwersja krok/lejek, CTR, czas, wskaźnik błędów, anulowanie.
Wielkość próbki: obliczyć dla pożądanego efektu (na przykład wzrost 5-10%, moc 80%, α = 5%).
Etyka i ryzyko: w przypadku płatności/wniosków w celu zminimalizowania szkód: uruchomienie kanaryjskie, ograniczenia ruchu, możliwość anulowania.
Wielowymiarowe testy - tylko przy dużych objętościach.

11) Narzędzia i artefakty

Prototypy: Figma/Framer/ProtoPie; dla kodu - React/Next.
Nagrywanie i analityka: ekran/kamera, mapy ciepła, powtórka sesji, wydarzenia.
Szablony: plan testu, skrypt moderatora, formularz zgody, lista kontrolna de-brief, szablon raportu jednej strony, dziennik decyzji.
Dane: fikcyjne/bezosobowe, stubs płatności i KYC.

12) Dostępność (A11y) i lokalizacja w testach

Sprawdzamy nawigację za pomocą kart, pierścieni ostrości, „aria-live” pod kątem tostów/błędów.
Kontrast AA w tematach jasnych/ciemnych.
Test „języki długie” (DE/TR), formaty daty/waluty, RTL.
Głosowe teksty błędów/sukcesów, alternatywy dla ikon.

13) Specyfika przepływu kluczy (iGaming)

Rejestracja/CUS: jasność wymagań, wskazówki dotyczące zdjęć, ETA („do 2 minut”), błędy w dokumencie.
Płatność/depozyt/wypłata: limity, opłaty, terminy, zasada tej samej metody; teksty odrzucające; krok potwierdzający.
Premie/misje: przejrzyste warunki, postęp, statusy; unikanie ciemnych wzorów.
Odpowiedzialna gra: neutralny ton, łatwe ustawienie limitów, dostęp do pomocy.

14) Handoff i design-QA

Handoff pakiet: prototyp + specyfikacje (stany, animacje, żetony), teksty mikrokopii, i18n klucze, wymagania A11y.
Definicja zrobionej (UX): ładowanie/puste/błąd/sukces, focus/klawiatura, lokalizacja są objęte.
Design-QA: porównanie z układem, interaktywny, kontrast/focus, teksty, układ na urządzeniach/przeglądarkach.

15) Listy kontrolne

Przed badaniem

• Hipoteza i pytanie badawcze sformułowane.
• Poziom wierności odpowiada zadaniu.
• Scenariusze i kryteria sukcesu są gotowe.
• Rekrut i czas na start lub lądowanie potwierdzone, zgody przygotowane.
• Prototyp otwiera się na urządzeniach docelowych/przeglądarkach.
• Rolety do działań wrażliwych (płatność/ACC).

Po badaniu

• Zebrane notatki i timecodes.
• Problemy charakteryzują się nasileniem i częstotliwością.
• Zdefiniowane rozwiązania, przypisane właścicielom.
• Zaktualizowany dziennik decyzji i plan działania.
• Krótki raport (1 strona) i demo video (≤ 5 min) przygotowane.

16) Anty-wzory

Test „piękno” zamiast skryptów i zadań.
Wymieszać wiele hipotez w jednym teście.
Daj wiodące pytania/wskazówki zanim użytkownik spróbuje.
Pokaż tylko „szczęśliwą ścieżkę” - brak błędów/puste stany.
Ignoruj A11u/localization „przed produkcją”.
Wyciągnij wnioski na temat 1-2 respondentów bez potwierdzenia.
Post A/B bez obliczania mocy próbki.

17) Szybkie szablony

• „Jeśli wybierzemy metodę płatności na pierwszy krok, wówczas konwersja depozytu wzrośnie o 7%, ponieważ później zmniejszymy nieoczekiwane ograniczenia”.

• „Proszę doładować 500 UAH za pomocą karty kredytowej”.

• „Użytkownik kończy uzupełnianie bez pomocy i w ≤ 90 sekund”.

• „Jak trudno było wykonać zadanie?” (1 - bardzo łatwe... 7 - bardzo trudne)

• Bloker: utknął i nie jest w stanie zakończyć → Major: poważnie zakłóca → Minor: zwalnia → Kosmetyk: nie przeszkadza.

18) Końcowy arkusz oszustwa

Zacznij od low-fi, podnieść Fidelity tylko w razie potrzeby.
Skrypty testowe, nie ekrany.
Мера Zadanie Success/Time/Errors + SEQ/SUS.
Priorytet ze względu na nasilenie × częstotliwość × uderzenie.
Utrzymać A11y i lokalizację w każdym cyklu.
Udokumentować decyzje i przekazać kompleksowe ręce.