رفتن به محتوای اصلی

حالت خالی؛ صفحه‌ای که بیشتر از همه نادیده گرفته می‌شود

اولین چیزی که کاربر تازه در محصول شما می‌بیند، اغلب یک صفحه‌ی خالی است. چطور حالت خالی را به شروع راه تبدیل کنیم: سه نوع حالت خالی، الگوی متن و نمونه‌های فارسی.

کاور مقاله: طراحی حالت خالی

کاربر تازه ثبت‌نام کرده و وارد داشبورد می‌شود. هیچ پروژه‌ای ندارد، هیچ سفارشی، هیچ پیامی. چیزی که می‌بیند، متن خاکستری کوچکی است: «موردی یافت نشد.»

این لحظه‌ی مهمی است: کاربر هنوز تصمیم نگرفته بماند یا نه، و صفحه به او هیچ کمکی نمی‌کند. حالت خالی، شاید کم‌هزینه‌ترین جایی است که می‌شود تجربه‌ی محصول را بهتر کرد.

سه نوع حالت خالی

همه‌ی صفحه‌های خالی یکی نیستند و هر کدام متن متفاوتی می‌خواهند:

  1. بار اول: کاربر هنوز چیزی نساخته. هدف: نشان دادن ارزش و قدم اول.
  2. کار تمام شده: همه‌ی اعلان‌ها خوانده شده، صندوق خالی است. هدف: حس خوب، کوتاه.
  3. نتیجه‌ای نیست: جست‌وجو یا فیلتر چیزی پیدا نکرده. هدف: کمک به پیدا کردن.
سه نوع حالت خالی: بار اول، کار تمام شده و نتیجه‌ای نیست
هر نوع حالت خالی هدف متفاوتی دارد و متن متفاوتی می‌خواهد

الگوی متن: چیست، چرا خالی است، حالا چه

حالت خالی خوب سه چیز می‌گوید:

  • این‌جا قرار است چه چیزی باشد.
  • چرا هنوز خالی است (اگر واضح نیست).
  • قدم بعدی، با یک دکمه که فعل دارد.
نوعمتندکمه
بار اولهنوز اسکیلی نخریده‌اید. اسکیل‌های طراحی و نوشتن را ببینید و اولین را به کتابخانه‌تان اضافه کنید.دیدن اسکیل‌ها
کار تمام شدههمه‌ی اعلان‌ها را خوانده‌اید.(ندارد)
نتیجه‌ای نیستبرای «پوستر یلدا» چیزی پیدا نشد. کلمه‌ی کوتاه‌تری امتحان کنید یا فیلترها را بردارید.حذف فیلترها

نکته‌هایی که فرق می‌سازند

کلمه‌ی جست‌وجوشده را تکرار کنید. «برای «پوستر یلدا» چیزی پیدا نشد» به کاربر نشان می‌دهد سیستم دقیقاً چه چیزی را گشته، و شاید غلط تایپی خودش را ببیند.

یک دکمه، نه سه دکمه. حالت خالی جای انتخاب نیست؛ مهم‌ترین قدم را پیشنهاد دهید.

تصویر کمک می‌کند، ولی جای متن را نمی‌گیرد. یک تصویر ساده که نشان دهد صفحه‌ی پر چه شکلی است، خیلی بهتر از تصویر تزئینی است.

در «کار تمام شده» ساده بمانید. «همه‌ی اعلان‌ها را خوانده‌اید» کافی است. جشن گرفتن برای خواندن اعلان، اغراق است.

نمونه‌ی حالت خالی ضعیف و حالت خالی خوب برای کتابخانه‌ی کاربر
«موردی یافت نشد» در برابر حالت خالی‌ای که راه را نشان می‌دهد

حالت‌های دیگری که فراموش می‌شوند

حالت خالی فقط یکی از حالت‌هایی است که معمولاً کسی برایشان متن نمی‌نویسد. برای هر صفحه این‌ها را هم بنویسید: در حال بارگذاری، خطا، بدون اینترنت، بدون دسترسی. الگوی پیام خطا را در راهنمای پیام خطا آورده‌ام.

عکس سپنتا پویا
نویسنده

طراح محصول و سازنده‌ی دیزاین‌سیستم کاشی. سایت‌های زیادی را با هوش مصنوعی ساخته‌ام و چند سال اخیر روی ایجنتیک کردن فرایندهای هوش مصنوعی کار کرده‌ام. اسکیل‌های این سایت همان‌هایی‌اند که خودم هر روز با آن‌ها کار می‌کنم.

بیشتر درباره‌ی من

چیزی که خواندید را همین امروز به دستیارتان بدهید

همه‌ی این اسکیل‌ها با لایسنس دائمی، به‌روزرسانی رایگان برای همیشه و راهنمای نصب برای همه‌ی ابزارها.

تایید شده توسط سپنتا پویا
محتوا · v1.0.0

یوایکس رایتر فارسی

متن رابط سایت و اپ شما را بازنویسی می‌کند یا از صفر می‌نویسد: دکمه، خطا، حالت خالی، اعلان، لحن برند و درست‌نویسی.

Claude CodeClaude.aiCodexCursorGemini CLI
۵۹۰٬۰۰۰ تومان۸۹۰٬۰۰۰