Дизайнды прототиптеу және тестілеу

1) Бұл не үшін қажет

• Гипотеза → Прототип → Тест → Инсайт → Итерация → Шешім.

2) Fidelity деңгейлері және оларды қашан таңдау

Low-fi (скетч/қағаз): құрылымы және ағыны; итерацияға 30-90 мин.
Mid-fi (кликабельді қаңқа): навигация, мәтіндер, жай-күй; 0,5-2 күн.
High-fi (визуалды/анимация): қабылдау, микроинтеракция; 1-5 күн.
Code-proto (интерактивті + нақты деректер): өнімділік, қолжетімділік, күрделі паттерндер (KYC, төлемдер); 2-10 күн.

Ереже: гипотеза сұрағына жауап беру үшін ең аз жеткілікті деңгейден бастаймыз.

3) Прототип форматтары

Paper/Wireflow: жылдам сценарийлер, экран комикстері.
Кликабельді (Figma/Framer/ProtoPie): өтпелер, шартты бұтақтар, жалған пішіндер.
Wizard-of-Oz: «экран артындағы сиқыр», күрделі логиканы зерттеуші елестетеді.
Кодтық прототип (React/Flutter): қимылдар, перформанс, A11y, API-мен біріктіру.
Мазмұн прототипі: мәтіндер, бос жағдайлар, қателер/табыстар.

4) Қайда тестілеу және қалай

• Модерацияланатын: тереңдігі, нақтылайтын сұрақтар, think-aloud.
• Модерацияланбайтын: жылдамдық, масштаб, қарапайым міндеттер.

• Қашықтағы: кең география, экран жазбасы/бейне дыбыс.
• Көзбе-көз: контекст, eye-tracking/қимылдар, физикалық құрылғылар.

• Юзабилити-тестілер (тапсырмалар сценарийі).
• Когнитивті walkthrough.
• Эвристикалық баға (Нильсен 10).
• Карточкалық сұрыптау/Tree-testing (навигация).
• 5 секундтық тест (бірінші әсер).
• Таңдау тесті (экран/стиль нұсқалары).
• Desirability testing (эмо-карточкалар).
• Күнделік зерттеулер (ұзақ циклдер).

5) Қамыр жоспары (үлгі)

1. Мақсат: қандай гипотезаны тексереміз (мысалы: «KYC жаңа ағыны time-to-verify 30% -ға азайтады»).
2. Міндеттер сценарийі: 4-6 негізгі, жетістік өлшемімен.
3. Артефакт: прототиптерге/нұсқаларға сілтемелер.
4. Өлшемдер: Task Success, Time-on-Task, Errors, SEQ (1-7), SUS (сессиядан кейін), UMUX-Lite.
5. Рекрут: бейіні, базарлар, N (бір циклге 5-8 респондент).
6. Рәсім: кіріспе → жылыту → тапсырмалар → сауалнама → де-бриф.
7. Қауіпсіздік және әдеп: жазуға келісім, дербес деректерді/төлемдерді жинамаймыз.
8. Логистика: құрылғылар/браузерлер, слоттар торы, модератордың чек-парағы.

6) Метриктер жиынтығы және нормалар

Task Success (%): мақсатты норма сыни қадамдарда 80% ≥.
Time-on-Task: сценарий бойынша медиана (бақылаумен салыстыру).
Error Rate: сыни/шағын қателердің жиілігі.
SUS: ≥ 68 - базалық норма, ≥ 80 - өте жақсы.
SEQ (1-7): тапсырманың күрделілігін бағалау (мақсаты - 3- ≤).
NPS/CSAT сценарийден кейін: қажет болғанда.
Мінез-құлық сигналдары: жабысу, қайтару, back-бақылау, rage-басу.

7) Рекрут және іріктеме

Кімді атау керек: нақты сегменттер (жаңадан келгендер/тәжірибелі, өңірлер/тілдер, құрылғылар).
Қанша: сапалық циклға 5-8; A/B үшін - статистика (төменде қараңыз).
Скрининг: кәсіби тестілеушілерді қысқартамыз, релевантты міндеттердің тәжірибесін талап етеміз (мысалы, онлайн-төлемдер).
Мотивация: адал, мінез-құлықты бұрмалаусыз (жауапты ойын тестілері үшін өнімнің бонустарын төлемейміз).

8) Модератор скрипті (конспект)

Сәлемдесу, мақсат: «Сізді емес, дизайнды тестілеу».
Жазуға келісім, құпиялылық.
Жылыту: алдыңғы тәжірибе, аналогтар.
Тапсырмалар: «Қалағаныңызды елестетіңіз...» (бағыттау минимумы).

Бейтарап промпттар: «Бұдан әрі не көресіз?», «Не алаңдатады?»

Аяқтау: қысқа сауалнама, алғыс.

9) Табылған заттарды талдау және басымдылығы

Проблемалардың таксономиясы: Навигация, Түсіну, Енгізу, Кері байланыс, Күту/Уақыт, Қауіпсіздік, Локализация/А11у.
Күрделілігі: Blocker/Major/Minor/Cosmetic.
Жиілігі: қанша респондент соқтығысқан.
Бизнеске әсері: конверсия, комплаенс тәуекелдері (АҚК/төлемдер), айналымдар.
Басымдық = Күрделілігі × Жиілігі × Әсері.

Есеп (1 бет): мақсат, таңдау, негізгі инсайттар (5-7), мысалдар дәйексөздер, сәттерге бейне сілтемелер, шешім және тапсырманың иесі.

10) A/B және эксперименттеу

Не тестілеу керек: нақты бір фактор (CTA мәтіні, қадамдар тәртібі, өріс форматы).
Өлшемдер: қадамды/құйғышты конверсиялау, CTR, уақыт, error rate, болдырмау.
Іріктеме өлшемі: қажетті әсерге есептейміз (мысалы, uplift 5-10%, power 80%, α = 5%).
Этика және тәуекелдер: төлемдер/қорытындылар үшін зиянды барынша азайту: канареялық іске қосу, трафик кепкесі, болдырмаушылық.
Мультивариантты тесттер - тек үлкен көлемде.

11) Аспаптар мен артефактілер

Прототиптер: Figma/Framer/ProtoPie; код үшін - React/Next.
Жазу және талдау: скрин/камера, жылу карталары, session replay, оқиғалар.
Үлгілер: қамыр жоспары, модератор сценарийі, келісім нысаны, де-брифтің чек-парағы, бір беттің есеп үлгісі, decision log.
Деректер: жалған/иесiздендiрiлген, төлем тығындары және KYC.

12) Тесттерде қол жетімділік (A11y) және оқшаулау

Тосттар/қателер үшін 'aria-live', фокус-сақиналар арқылы навигацияны тексереміз.
Ашық/қараңғы тақырыптағы AA қарама-қарсылығы.
«Ұзын тілдер» тесті (DE/TR), күндер/валюта форматтары, RTL.
Айтылатын қате/табыс мәтіндері, иконаларға балама.

13) Негізгі флоның ерекшелігі (iGaming)

Тіркеу/ӨЕК: талаптардың түсініктілігі, фото-кеңестер, ETA («2 минутқа дейін»), құжат қателері.
Төлем/депозит/шығару: лимиттер, комиссиялар, мерзімдер, same-method ережесі; бас тарту мәтіндері; растау қадамы.
Бонустар/миссиялар: ашық шарттар, прогресс, мәртебелер; қараңғы үлгілерден аулақ болуға тиіс.
Жауапты ойын: бейтарап үн, лимиттерді оңай орнату, анықтамаға қол жеткізу.

14) Әзірлеуге беру (handoff) және дизайн-QA

Handoff-пакеті: прототип + спецификациялар (күй, анимациялар, белгілер), microcopy мәтіндері, i18n-кілттер, A11y-талаптар.
Definition of Done (UX): loading/empty/error/success, фокус/пернетақта, локализация күйі.
Дизайн-QA: орналасумен салыстыру, интерактивтер, контраст/фокус, мәтіндер, құрылғыларда/браузерлерде беттеу.

15) Чек парақтары

Тест алдында

• Зерттеу гипотезасы мен мәселесі тұжырымдалған.
• Fidelity деңгейі тапсырмаға сәйкес келеді.
• Сценарийлер мен жетістік критерийлері дайын.
• Рекрут пен слоттар расталды, келісімдер дайындалды.
• Прототип мақсатты құрылғыларда/браузерлерде ашылады.
• Сезімтал әрекеттерге арналған тығындар (төлем/АКҚ).

Тесттен кейін

• Конспектілер мен таймкодтар жинақталған.
• Проблемалар күрделілігі мен жиілігі бойынша белгіленген.
• Шешімдер анықталды, иелері тағайындалды.
• decision log және жол картасы жаңартылды.
• Қысқа есеп (1 бет) және демо-видео (≤ 5 мин) дайындалды.

16) Қарсы үлгілер

Сценарийлер мен тапсырмалардың орнына «сұлулықты» тестілеу.
Бірнеше гипотезаны бір тестіде араластыру.
Пайдаланушының әрекетіне дейін жетекші сұрақтар/кеңестер беру.
Тек «бақытты жол» - қатесіз/бос күйді көрсету.
А11у/локализацияны «шығарылғанға дейін» елемеу.
1-2 респондент бойынша растаусыз қорытынды жасау.
Іріктеме қуатын есептемей А/В жүргізу.

17) Жылдам үлгілер

• «Егер біз төлем тәсілін бірінші қадамға шығарсақ, онда депозиттің конверсиясы 7% -ға өседі, себебі күтпеген шектеулерді кейінірек азайтамыз.»

• «Банк картасын пайдалана отырып, шотты 500 UAH-қа толтырыңыз.»

• «Пайдаланушы толықтыруды көмексіз және ≤ 90 секунд ішінде аяқтайды.»

• «Тапсырманы орындау қаншалықты қиын болды?» (1 - өте оңай... 7 - өте қиын)

• Blocker: тұрып қалды және аяқтай алмайды → Major: елеулі кедергі келтіреді → Minor: баяулатады → Cosmetic: кедергі келтірмейді.

18) Қорытынды шпаргалка

low-fi-ден бастаңыз, қажет болған жағдайда ғана Fidelity-ді жоғарылатыңыз.
Экранды емес, сценарийді тестілеу.
Мерь Task Success/Time/Errors + SEQ/SUS.
Маңыздылығы × жиілігі × әсері бойынша басымдыққа ие болыңыз.
Әрбір циклде A11y мен оқшаулауды қолдаңыз.
Шешімдерді құжаттандыру және толық handoff беру.