Бозгашти UX дар ҳолати холӣ

1) Ҳолати холӣ чист ва чаро онҳо ба онҳо ниёз доранд

Ҳолати холӣ экран/виҷет мебошад, ки мундариҷаи асосӣ муваққатан мавҷуд нест: пеш аз амали аввал, пас аз тоза кардан, бо натиҷаи сифр, бо хатои зеркашӣ, бидуни ҳуқуқ/дастрасӣ.

• фаҳмонед, ки "чаро дар ин ҷо холӣ аст";
• арзиши қисматро нишон диҳед;
• Қадами ояндаро пешниҳод кунед (ё бештар аз он барои интихоб кардан)
• изтиробро кам кунед ва намуди зоҳириро пешгирӣ кунед.

Ҳолати холии хуб = контекст + фоида + амал.

2) Типологияи холии давлатӣ

1. бори аввал холӣ-Корбар то ҳол чизе эҷод накардааст/танзим накардааст.
2. Ҷустуҷӯи сифр/Филтр: Дархост натиҷа надод.
3. Холигии муваққатӣ: Маълумот бор карда мешавад ё навбат кор мекунад.
4. Маҳдудият/ҳуқуқ: дастрасӣ нест, сатҳи санҷиши нокифоя.
5. Истифодабаранда тоза карда шуд: Қуттии такрорӣ/таърих тоза карда шуд.
6. Мушкилоти техникӣ: нокомии шабака/хидмат, бозсозӣ.

3) Принсипҳои тарроҳӣ

Контекстуализм: мо дар бораи як сабаби мушаххаси холӣ сӯҳбат мекунем.
Value амал: аввал чаро ин бахш, баъд чӣ бояд кард.
Як CTA асосӣ: агар лозим бошад - миёна (маълумоти бештар/FAQ).
Кӯтоҳ ва мушаххас: 1-2 ҳукм + тугмаи тоза.
Дастгирии визуалӣ: нишона/тасвир маънои онро дастгирӣ мекунад, парешон намекунад.
Нагузоред, ки мурдагон ба охир расанд: Ҳамеша роҳи пешрафта вуҷуд дорад.
Мувофиқати оҳанг: дӯстона ва ором; ҳеҷ гуна шӯхӣ дар қадамҳои муҳим (пардохтҳо, амният) нест.
A11y ва маҳаллисозӣ: хонандаи экран, ки дуруст майл дорад, дарозии сатрҳоро ба назар мегирад.

4) Чорчӯбаи холӣ (қолаб)

Сарлавҳа (ихтиёрӣ, 1 сатр) - Арзиши даъво ё сабаб.
Матн (1-2 ҷумла) - "чаро холӣ аст" + "боз чӣ мешавад".
CTA ибтидоӣ амали асосии мақсаднок мебошад.
ACS/пайванди дуюмдараҷа - кӯмак/қоидаҳо/ҳуҷҷатҳо.
Визуалӣ (ихтиёрӣ) - тасвири осони 24-96 px, изофабор накунед.

5) Намунаҳои скрипт

5. 1 Onboarding/сифр аввал

Ҳадаф: ба аввалин амали муваффақ оварда расонед.
Матн: "Барои дидани тавсияҳои инфиродӣ, профилро пур кунед ва роҳнаморо интихоб кунед".
CTA: Профили популятсия/Интихоби роҳбарон.
Маслиҳат: Нишондиҳандаи микро қувва/вақтро илова кунед: "Ин 1 дақиқа вақтро мегирад".

5. 2 Ҷустуҷӯ/филтрҳо = натиҷаи сифр

Мақсад: Кӯмак дар ислоҳи дархост.

Матн: "Ҳеҷ чиз дар "blackjack зинда. "Blackjack" -ро санҷед ё филтри "Провайдер: X" -ро хориҷ кунед "

CTA: "Филтрҳои дубора" дуюмдараҷа: "Феҳристи кушод".

5. 3 Пардохт/ҳамён холӣ аст

Ҳадаф: ҳавасмандгардонии илова/такмили аввал.
Матн: "Усули пардохти худро захира кунед - пур кардан ва бозпас гирифтан тезтар мешавад".
CTA: "Илова кардани усули пардохт" дуввум: "Қоидаҳо ва пардохтҳо".

5. 4 Санҷиш/дастрасӣ

Мақсад: ба таври шаффоф маҳдудият ва масири хуруҷро шарҳ диҳед.

Матн: "Ин бахш пас аз тасдиқи шахсият дастрас аст. Он одатан то 2 дақиқа вақтро мегирад"

CTA: "Санҷед" миёна: "Чаро ин лозим аст?"

5. 5 Маълумот дар холии транзитӣ/муваққатӣ

Ҳадаф: кам кардани интизории изтироб.

Матн: "Ҷамъоварии маълумоти шумо. Ин одатан то 30 сонияро мегирад. Шумо метавонед як саҳифа гузоред - вақте ки ҳама чиз омода аст, мо шуморо огоҳ хоҳем кард"

CTA: "Фаҳмо" миёна: "Баъд чӣ мешавад?"

5. 6 Пас аз тоза кардан/тоза кардан

Ҳадаф тасдиқи амал ва пешниҳоди қадами оянда аст.

Матн: "Таърих тоза карда шуд. Амалиётҳои нав пас аз пур кардани навбатӣ пайдо мешаванд"

CTA: "Top Up".

5. 7 Хатогӣ/Бозсозӣ

Ҳадаф: роҳи равшани барқароршавӣ.

Матн: "Пурбор кардани маълумот ноком шуд. Шабакаи худро санҷед ё бори дигар санҷед"

CTA: "Такрор" миёна: "Вазъи система".

6) Микротектҳо: қолабҳои тайёр

• "Бозиҳои интихобшуда ҳангоми илова кардани бозиҳои аввал дар ин ҷо пайдо мешаванд. [Илова ба мунтахаб]"

• "Ҳеҷ чиз барои "{дархост}" ёфт нашуд Дархостро тоза кунед ё филтрҳоро аз нав барқарор кунед. [Филтрҳоро барқарор кунед]"

• "Шумо то ҳол ягон усули захирашуда надоред. Барои суръат бахшидани пардохтҳо корт ё ҳамён илова кунед. [Илова кардани усул]"

• "Хусусият бидуни тасдиқи синну сол дастрас нест. Ин 2 дақиқа вақтро мегирад. [Синну солро тасдиқ кунед] [Чаро?]"

• "Мо оморро дар давоми 24 соати охир ҳисоб мекунем... Ин одатан то 30 сония аст. Вақте ки шумо тамом мешавед, мо ба шумо огоҳинома нишон медиҳем"

• "Хизматрасонӣ дастнорас аст. Мо аллакай таъмир карда истодаем. Лутфан дертар кӯшиш кунед ё вазъро санҷед. [Такрор] [Вазъи система]"

7) Забони визуалӣ ва тасвирҳо

Барои пешгирӣ кардани баҳс бо CTA, монохромҳои сабук/дутарафаро истифода баред.
Андозаҳо ва ҷузъҳо - ба монанди корти мундариҷа (мувофиқати визуалӣ).
Манзараҳои хандаоварро дар сенарияҳои стресс тасвир накунед (пардохт/амният).

8) Маҳаллисозӣ ва мавҷудият

Барои дарозии хатҳо захира кунед (DE/TR дарозтар).
Форматҳои рақамӣ, асъор, санаҳои маҳаллиро тарҷума кунед.
Барои хонандагони экран: нақш = "ҳолат", aria-live = "хушмуомила/эътимодбахш" барои динамика.
Танҳо дар тасвир маъно надиҳед: нусха кардан бо матн.
320 px хониш ва контрасти WCAG-ро санҷед.

9) Нишондиҳандаҳо ва таҷрибаҳо

• CTR дар CTA-и холии асосӣ;
• гузариш ба "муваффақияти аввал" (чорабинии фаъолсозӣ);
• Вақт ба амали аввал
• басомади бозгашт ба экран бидуни пешрафт;
• Фоизи натиҷаҳои ҷустуҷӯи сифр
• даъват ба дастгирии сенария.

• сарлавҳаи мушаххас ва сарлавҳаи умумӣ;
• Амали CTA vs бетараф;
• Илова кардани сметаи вақт
• мавҷудияти CTA миёна (FAQ) ва тартиби тугмаҳо;
• тасвир vs нишона vs бе визуалӣ.

10) Анти-намунаҳо

"Ин ҷо холӣ аст" бидуни шарҳ ё қадам.
Шӯхӣ дар қадамҳои муҳим (пардохт, амният).
Яке бештар CTA-ро бидуни контекст ёд гиред.

Гарави ғайрифаъол: "бояд илова карда шавад. "Фаъолона нависед: "Илова кунед..."

Сархатҳои дароз: ҳадди аксар 1-2 ҳукм.
Ҷойгузин ба ҷои нишона дар шаклҳо - A11y ва фаҳмишро бадтар мекунад.
Маҳдудиятҳои пинҳон ("фаврӣ", гарчанде ки таъхир имконпазир аст).

11) Рӯйхати назоратии пеш аз озодкунӣ

• Маълум аст, ки чаро холӣ аст?
• Оё ба фасли як ҷумла аҳамият дорад?
• Оё як CTA асосӣ ва агар лозим бошад, дуюмдараҷа вуҷуд дорад?
• Матн кӯтоҳ аст (≤ 140 аломат) ва мушаххас?
• Агар лозим бошад, сметаи вақт/кӯшишҳои иловашуда?
• Оҳанг ба скрипт мувофиқат мекунад (ором/дастгирӣ)?
• Маҳаллисозӣ ва A11y санҷидашуда (атрибутҳои ария, контраст)?
• Тасвир CTA бартарӣ надорад?

12) Пеш аз/баъд аз намунаҳо

Каталоги бозиҳо (сифри аввал)

Пеш: "Дар ин ҷо ҳоло ҳеҷ чиз нест"

Баъд аз: "Лентаи худро ҷамъ кунед. 3 жанри дӯстдоштаро интихоб кунед - биёед тавсия диҳем. [Жанрҳоро интихоб кунед]"

Ҷустуҷӯи сифр

Пеш: "Ҳеҷ чиз ёфт нашуд"

Баъд аз: "Бо "roulette-и баландсуръат" ҳеҷ натиҷае ба даст намеояд. Филтри "High-limit" -ро хориҷ кунед ё "roulette" -ро санҷед. "[Филтрҳоро барқарор кунед]"

Пардохтҳо

Пеш: "Усулҳои пардохт вуҷуд надоранд"

Баъд аз: "Корт ё ҳамёнатонро захира кунед - пур кардан ва бозпас гирифтан тезтар мешавад. [Илова кардани усул] [Пардохтҳо ва истилоҳот]"

Санҷиш

Пеш: "Дастрасӣ нест"

Баъд аз: "Ин бахш пас аз тасдиқи шахсият дастрас аст. Ин 2 дақиқа вақтро мегирад. [Тафтиш кунед] [Чаро ин муҳим аст]"

13) Ҷобаҷогузорӣ ба системаи тарроҳӣ

• 'title' (сатр, ихтиёрӣ)
• 'бадан' (матни кӯтоҳ 1-2 ҳукм)
• 'primary' Action {label, onlick} '
• 'secondary' Action {label, href/onlick} '
• 'икон/тасвир' (ихтиёрӣ)

Матнҳоро дар файлҳои i18n дар паҳлӯи ҷузъ нигоҳ доред, калидҳо ва тавсифҳоро нигоҳ доред, харитаи оҳангро пайваст кунед (оҳанг ва лексикон барои ҳолатҳо).

14) Созандаи зуд (нусхабардорӣ ва истифода)

• Сарлавҳа: "Аз қадами аввал сар кунед"
• Матн: "Ҳамин ки шумо манфиатҳоро интихоб мекунед, дар ин ҷо тавсияҳо дода мешаванд".
• CTA: "Роҳбаронро интихоб кунед"
• Миёна: "Ин чӣ гуна кор мекунад?"

• Матн: "Ҳеҷ чиз бо "{query}" ёфт нашуд Филтрҳоро аз нав барқарор кунед ё дархостро тоза кунед"
• CTA: "Филтрҳои дубора"
• Дуюм: "Каталог"

• Матн: "Хусусият пас аз тасдиқи синну сол дастрас аст. Одатан то 2 дақиқа"
• CTA: 'Синну солро тасдиқ кунед'
• Дуюм: "Чаро ин лозим аст?"

• Матн: "Мо барои рӯз маълумот ҷамъ мекунем. Ин одатан то 30 сония аст. Мо ба шумо хабар медиҳем, ки ин кай анҷом ёфтааст"
• CTA: "Хуб"

Варақаи ниҳоии фиреб

Контекст + арзиш + амал - дар як "стек".
Як CTA асосӣ бе рақобат дар вазни визуалӣ.
Кӯтоҳ ва мушаххас: 1-2 ҳукм.
Ҳамеша роҳи халосӣ: экранҳои нопурра.
Маҳаллисозӣ ва A11y дар сатҳи компонент мебошанд.