ایالت های خالی و نکات UX

1) چرا کشورهای خالی مورد نیاز است

• توضیح می دهد که چرا خالی،
• نشان می دهد که چه باید بکنید بعدی،
• اولین قدم امن،
• اضطراب را کاهش می دهد و موجب صرفه جویی در زمان پشتیبانی می شود.

2) گونه شناسی کشورهای خالی

1. بار اول: کاربر هنوز هیچ کاری انجام نداده است.
2. صفر داده ها - اشخاص ایجاد نمی شوند و یا لیست خالی است.
3. فیلترها/جستجو (بدون نتیجه) - شرایط همه را حذف کرد.
4. خطا/عدم دسترسی موقت - شبکه/سرور، اما داده ها در اصل است.
5. بدون حقوق/محدودیت - دسترسی ممنوع است، QAS/نقش/محدودیت مورد نیاز است.
6. تعمیر و نگهداری - کار برنامه ریزی شده، انتظار.

3) ساختار کارت خالی

شمایل/تصویر) اضافهبار نکنید ؛ کنتراست ≥ AA)

تیتر یک خط: «اینجا هنوز خالی است».

دلیل/زمینه: "شما هنوز اضافه نکرده اید... "/" فیلتر هیچ تطابقی پیدا نکرد "

اقدامات 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 "/" وضعیت سیستم "را امتحان کنید