#UX_tadqiqotlari | Empty states — bo‘sh ekranlarni foydali qilish

💡 Bugun foydali mavzuni ko‘rib chiqamiz: empty states nima, ular nima uchun kerak va qanday qilib bo‘sh ekranlarni foydalanuvchini jalb qilish nuqtasiga aylantirish mumkin.

Empty state nima?

Empty state (bo‘sh holat) — bu foydalanuvchida hali ma’lumot yo‘q bo‘lganda ko‘rinadigan ekran yoki blok. Masalan:
• yangi akkauntda loyihalar bo‘lmasa;
• savatchada mahsulot bo‘lmasa;
• qidiruv hech narsa topmasa.

Ko‘pincha bo‘sh ekranlarga unchalik ahamiyat berilmaydi. Lekin aslida ular:
• xizmat haqida birinchi taassurotni beradi;
• foydalanuvchiga keyingi qadamni tushuntiradi;
• uni harakat qilishga motivatsiya qiladi.

Agar bu ekranlarni shunchaki “bo‘sh” qoldirsak, foydalanuvchi nima qilishni bilmay, ilovani tark etib qo‘yishi mumkin.

Amaliy misollar

🔹 Google Drive — papka bo‘sh bo‘lsa, foydalanuvchiga chiroyli illyustratsiya va matn chiqadi: “Fayl yuklab boshlash uchun tugmani bosing”. Bu yo‘naltiradi.
🔹 Airbnb — “Sizda hali buyurtmalar yo‘q” o‘rniga, illyustratsiya + “Ideal safaringizni yarating” degan matn va “Boshlash” tugmasi paydo bo‘ladi. Bu esa foydalanuvchini xizmatni o‘rganishga undaydi.

Foydali maslahatlar

🟡 Qisqa tushuntirish qo‘shing – nega ekran bo‘sh va foydalanuvchi nima qilishi kerak.
👉 Masalan: “Sizda hali loyihalar yo‘q. Ishni boshlash uchun birinchi loyihani yarating.”

🟡 CTA (Call to Action) bering – foydalanuvchini keyingi qadamlarga olib boradigan tugma.
👉 Masalan: “Loyiha yaratish” yoki “Mahsulot qo‘shish”.

🟡 Illyustratsiyadan foydalaning – ular ekran kayfiyatini ijobiy qiladi va vizual ravshanlik beradi.

🟡 Xatolik o‘rniga yordam bering – qidiruv natija bermasa, “Hech narsa topilmadi” deyish o‘rniga boshqa yo‘lni taklif qiling.
👉 Masalan: “Natija topilmadi. Boshqa so‘z yozib ko‘ring yoki mashhur kategoriyalardan tanlang.”

✅ Xulosa: Empty states — bu “bo‘sh” joy emas, balki foydalanuvchini qo‘llab-quvvatlash va jalb qilish uchun imkoniyat

@AbbosDesign