Ҳолати холӣ ва маслиҳатҳои UX

1) Чаро ҳолати холӣ лозим аст

• мефаҳмонад, ки чаро холӣ
• нишон медиҳад, ки чӣ кор кардан лозим аст,
• қадами аввалини бехатарро пешниҳод мекунад,
• изтиробро коҳиш медиҳад ва вақти дастгирӣ сарфа мекунад.

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

1. Бори аввал - корбар то ҳол ҳеҷ коре накардааст.
2. Маълумоти сифр - Объектҳо сохта намешаванд ё рӯйхат холӣ аст.
3. Филтрҳо/ҷустуҷӯ (натиҷа надорад) - шартҳо ҳама истисно карда шуданд.
4. Хатогӣ/дастрасии муваққатӣ - шабака/сервер, аммо маълумот аслан аст.
5. Ҳуқуқ/маҳдудият вуҷуд надорад - дастрасӣ рад карда мешавад, QAS/нақш/маҳдудият талаб карда мешавад.
6. Нигоҳдорӣ - кори ба нақша гирифташуда, интизорӣ.

3) Сохтори холии корт

Нишона/тасвир (аз ҳад зиёд бор накунед; контраст ≥ АА).
Сарлавҳаи як сатр: "Ин ҷо ҳанӯз холӣ аст".

Сабаб/контекст: "Шумо ҳоло илова накардаед... "/" Филтр ҳеҷ мувофиқате наёфт. "

1-2 амал (CTA): ибтидоӣ (сенарияи асосӣ), дуюмдараҷа (алтернативӣ).
Истинод ба наҷот (ихтиёрӣ).
Сатҳи саҳифа: навигатсия ва филтрҳои муқаррариро нигоҳ доред - экранро ба ақиб табдил надиҳед.

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)

Равшан ва меҳрубон. Нагузоред, ки "Хато 0x"....
Сабаби → амал. "Филтри VIP ҳамаи сабтҳоро истисно кард. Филтрро аз нав барқарор кардан мехоҳед?
Не гуноҳ. Барои холӣ будан корбарро айбдор накунед.
Як фикр, як ҳукм.
Маҳаллисозӣ: Аз метафораҳои фарҳангӣ канорагирӣ кунед; хатчӯб + 20-30% дарозии матн.

5) Тасвирҳо ва визуалӣ

Бетараф, бетараф; дар мавзӯи торик, сабукии тасвирҳоро зиёд кунед.
Тасвирҳоро ҳамчун воситаи ягонаи маъно истифода набаред.
Ҷадвал собит шудааст; Шабака ё ибтидоиро вайрон накунед.

6) CTA ва алтернативаҳо

CTA ибтидоӣ қадами асосии навбатӣ (эҷод/амонат/обуна) мебошад.
Дуюм - "ниг. Демо", "воридот", "филтрҳои дубора".
Маҳдудияти интихоб: то 2 CTA; боқимонда дар "Бештар".
Бо хатарҳо/пардохтҳо - матни шаффоф дар бораи оқибатҳо ва бекоркунӣ.

7) Ҳолати холӣ аз рӯи сенария

7. 1 Аввалин давидан

Рӯйхати назоратии 3-5 қадам: "Усули пардохт илова кунед", "Провайдерро интихоб кунед".
Гузарондани тугма + пайванди роҳнамо.

7. 2 Маълумот нест

Шарҳи кӯтоҳе, ки чаро холӣ аст + CTA Create/Import.
Маслиҳат: "Шумо метавонед CSV-ро бор кунед" (истинод ба қолаб).

7. 3 Филтрҳо/ҷустуҷӯ

Нишон диҳед, ки кадом филтрҳо фаъоланд ва тугмаи "Бозсозӣ".
Мувофиқати наздик ё дархостҳои алтернативиро пешниҳод кунед.

7. 4 Хатогӣ/дастнорас будан

"Мо ба мушкилот дучор шудем. Бори дигар кӯшиш кунед" + "Retry "/" Вазъи система "