Empty states жана UX кеңештери

1) Эмне үчүн бош байлык керек

• эмне үчүн бош экенин түшүндүрөт,
• эмне кыларын көрсөтөт,
• коопсуз биринчи кадамды сунуштайт,
• тынчсызданууну азайтат жана колдоо убактысын үнөмдөйт.

2) Empty-шарттар типологиясы

1. Биринчи учуруу (биринчи жолу) - колдонуучу эч нерсе кыла элек.
2. Берилиштер жок (zero data) - маңыз түзүлбөйт же тизме бош.
3. Filters/издөө (no results) - шарттары бардык алынып салынды.
4. Ката/убактылуу жеткиликсиздик - тармак/сервер, бирок маалыматтар негизинен бар.
5. Укуктар/чектөөлөр жок - кирүүгө тыюу салынат, KUS/роль/лимит талап кылынат.
6. Техникалык тейлөө - пландуу иштер, күтүү.

3) карта түзүлүшү empty

Сөлөкөт/иллюстрация (ашыкча эмес; контраст ≥ AA).
Бир сапта аталышы: "Бул жерде азырынча бош".
Себеп/контекст: "Сиз али кошула элексиз" .../" Чыпка эч кандай дал келген жок ".
1-2 иш-аракеттер (CTA): биринчилик (негизги сценарий), экинчилик (альтернатива).
Link жардам (кошумча).
Бет деңгээл: кадимки багыттоо жана чыпкалар сактоо - экран туюк буруш үчүн эмес.

html
<section class="empty" role="region" aria-labelledby="empty-title">
<svg aria-hidden="true" class="empty__icon"><!-- … --></svg>
<h2 id = "empty-title "> It's empty for now </h2>
<p> Create the first campaign or change the filters. </p>
<div class="actions">
<button class =" btn btn--primary "> Create campaign </button>
<button class =" btn btn--ghost "> Reset Filters </button>
</div>
<a class =" help" href = "/help/campaigns "> How it works </a>
</section>

4) Тон жана текст (UX-Copyright)

Так жана достук. "Ката 0x" качуу....

Себеби → аракет. "VIP" чыпкасы бардык жазууларды жокко чыгарды. чыпкасы кайра?"

күнөөсү жок. Колдонуучуну боштук үчүн күнөөлөбөңүз.
Бир ой - бир сүйлөм.
Локализация: маданий метафоралардан алыс болуңуз; текст узундугу + 20-30% койду.

5) Иллюстрациялар жана визуалдык

бейтарап, көзгө көрүнбөгөн; караңгы темада иллюстрациялардын жарыктыгын жогорулатуу.
Иллюстрацияларды жалгыз маани берүүчү катары колдонбоңуз.
масштабы белгиленген; торду жана базалык линияны бузбаңыз.

6) CTA жана альтернатива

Баштапкы CTA - негизги кийинки кадам (түзүү/депозиттик/жазылуу).
Экинчилик - "демо көрүү", "импорт", "чыпкаларды өчүрүү".
Тандоо лимити: 2 CTA чейин; калганы - "Дагы".
Тобокелдиктер/төлөмдөр учурунда - кесепеттери жана жокко чыгаруу жөнүндө ачык-айкын текст.

7) Сценарийлер боюнча бош шарттар

7. 1 Биринчи учуруу

3-5 кадамдардын Гайд-чек тизмеси: "Төлөм ыкмасын кошуу", "Провайдерди тандоо".
"Өткөрүп жибер" баскычы + гидге шилтеме.

7. 2 Маалымат жок

Кыска түшүндүрмө "эмне үчүн бош" + CTA "түзүү "/" импорттоо".
Эскертүү: "Сиз CSV жүктөй аласыз" (шаблон боюнча шилтеме).

7. 3 чыпкалар/издөө

Кайсы чыпкалар активдүү жана "Таштоо" баскычын көрсөтүңүз.
Жакын окшоштуктарды же альтернативдүү суроо-талаптарды сунуштаңыз.

7. 4 Ката/жеткиликсиздик

"Биз көйгөйгө туш болдук. Кийинчерээк аракет" + "Кайталоо "/" Системанын абалы".