web design uiMay 10, 202613 min read

حالت خالی محصول شماست، نه یک فکر ثانویه

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

By Boone
XLinkedIn
the empty state is your product

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

هر برنامه جدیدی را برای اولین بار باز کنید. صندوق ورودی خالی است، لیست پروژه‌ها خالی است، جستجو چیزی را نشان نمی‌دهد، شما فقط یک صفحه را پاک کرده‌اید. پنج لحظه مختلف، پنج صفحه خالی مختلف، و تقریباً هر محصولی با آنها مانند یک مشکل برخورد می‌کند.

آنها یک مشکل نیستند. آنها پنج سطح طراحی کاملاً متفاوت هستند و با هم تصمیم می‌گیرند که آیا کسی به استفاده از محصول شما ادامه می‌دهد یا بی‌سروصدا تب را می‌بندد.

چرا حالت خالی اولین برداشت واقعی شماست

مردم محصول شما را بر اساس صفحه اصلی قضاوت نمی‌کنند. آنها آن را بر اساس صفحه دوم قضاوت می‌کنند، صفحه‌ای که پس از ثبت نام، جایی که انتظار جادو داشتند و یک تصویر غم‌انگیز دریافت کردند که می‌گوید "هنوز چیزی اینجا نیست."

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

یک حالت خالی عالی، سه کار را همزمان انجام می‌دهد. این حالت به کاربر می‌آموزد که این ویژگی برای چیست، لحن احساسی محصول را تعیین می‌کند و به کاربر یک اقدام بعدی خاص می‌دهد که آسان‌تر از بستن تب است.

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

پنج نوع حالت خالی (و اینکه چرا به روش‌های متفاوتی نیاز دارند)

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

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

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

۳. پس از پاک کردن خالی. کاربر عمداً چیزی را خالی کرده است. آنها صندوق ورودی خود را خالی کرده‌اند، تمام وظایف خود را تمام کرده‌اند، همه چیز را بایگانی کرده‌اند. این لحظه، لحظه موفقیت است، نه غیبت.

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

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

هر نوع ترکیبی متفاوت از توضیح، عمل و لحن را می‌خواهد. حالت اجرای اولیه باید آموزش دهد، حالت پس از پاک کردن باید جشن بگیرد، حالت جستجو-خالی باید پیشنهاد دهد. از همان الگوی عمومی "اینجا چیزی نیست" برای هر پنج حالت استفاده کنید و چهار مورد از آنها را هدر داده‌اید.

پنج کارت برچسب‌گذاری شده در یک ردیف تمیز که نشان‌دهنده‌ی FIRST-RUN، ZERO-STATE، POST-CLEAR، ERROR-EMPTY و SEARCH-EMPTY هستند، که هر کدام از نظر بصری در برابر یک پس‌زمینه‌ی پاستلی نرم متمایز هستند.
پنج کارت برچسب‌گذاری شده در یک ردیف تمیز که نشان‌دهنده‌ی FIRST-RUN، ZERO-STATE، POST-CLEAR، ERROR-EMPTY و SEARCH-EMPTY هستند، که هر کدام از نظر بصری در برابر یک پس‌زمینه‌ی پاستلی نرم متمایز هستند.

در کنار هم: هر حالت خالی چه کاری باید و چه کاری نباید انجام دهد

وقتی آنها را کنار هم قرار دهید، تفاوت‌ها آشکار می‌شوند. در اینجا برگه تقلب آمده است.

| نوع خالی | وقتی ظاهر می‌شود | کاری که باید انجام دهد | از چه چیزی باید اجتناب کرد | |---|---|---|---| | اولین اجرا | کاربر تازه ثبت نام کرده است، هنوز هیچ کاری انجام نداده است | آموزش اقدام اصلی با داده‌های نمونه یا یک کار اولیه هدایت شده | چهره غمگین به علاوه "شروع کنید" بدون مقصد | | حالت صفر | یک منطقه خاص جدید است، اما کاربر محصول را می‌شناسد | پیشنهاد ۲ یا ۳ اقدام مشخص، اشاره به الگوها | تکرار کل تور آشنایی با سیستم | | پاکسازی پس از خرید | کاربر تازه کار را تمام کرده، بایگانی کرده یا یک لیست را خالی کرده است | جشن بگیرید، سپس کار منطقی بعدی را که باید انجام دهید، ارائه دهید | طوری رفتار کنید که انگار کاربر کار اشتباهی انجام داده است | | خطا-خالی | بارگیری یا همگام‌سازی داده‌ها با شکست مواجه شد | به زبان ساده بگویید چه چیزی شکست خورده، دوباره امتحان کنید، یک صفحه وضعیت را لینک کنید | نمایش یک حالت خالی عمومی و تظاهر به اینکه هیچ مشکلی وجود ندارد | | جستجوی خالی | کاربر یک پرس‌وجو تایپ کرد، هیچ نتیجه‌ای دریافت نکرد | نشان دهید چه چیزی جستجو کرده، پرس‌وجوهای مرتبط پیشنهاد دهید، پیشنهاد ایجاد دهید | "نتیجه‌ای یافت نشد" با بن‌بست |

توجه داشته باشید که حالت‌های خرابی تقریباً در سراسر جدول یکسان هستند. اکثر محصولات به طور پیش‌فرض برای هر سطح خالی یک پیام عمومی یکسان می‌دهند، به همین دلیل است که هر حالت خالی در اکثر برنامه‌ها به همان اندازه متوسط ​​​​به نظر می‌رسد.

چهار حرکت طراحی که باعث می‌شوند حالت‌های خالی کار کنند

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

  1. داده‌های نمونه. صفحه را با محتوای نمونه واقع‌بینانه‌ای که کاربر می‌تواند با آن بازی کند، ویرایش کند یا پاک کند، از قبل پر کنید. داشبورد Stripe با دکمه "مشاهده داده‌های آزمایشی" نسخه کتاب درسی است.

۲. اقدامات پیشنهادی. دو یا سه مرحله بعدی خاص را به صورت دکمه یا کارت نمایش دهید، نه یک دکمه مبهم «شروع کنید». پیشنهادهای الگوی Notion در یک صفحه جدید، حرکت هستند.

۳. تصویر آموزشی. از تصویر برای نشان دادن اینکه وضعیت پر شده چگونه خواهد بود استفاده کنید، نه یک کارتون غم‌انگیز. پیش‌نمایش کوچکی از اینکه یک صندوق ورودی یا یک بورد پس از پر شدن چگونه به نظر می‌رسد.

۴. متن تنظیم لحن. سه تا دوازده کلمه که شخصیت محصول را مشخص می‌کند و به کاربر می‌گوید که این فضا برای چیست. متن صندوق ورودی خالی Linear در یک خط، صدای برند بیشتری نسبت به اکثر صفحات فرود دارد.

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

چهار کارت برچسب‌گذاری شده در یک شبکه‌ی منظم که داده‌های نمونه، اقدامات پیشنهادی، تصاویر آموزشی و متن تنظیم لحن را در مقابل پس‌زمینه‌ای پاستلی نرم نشان می‌دهند.
چهار کارت برچسب‌گذاری شده در یک شبکه‌ی منظم که داده‌های نمونه، اقدامات پیشنهادی، تصاویر آموزشی و متن تنظیم لحن را در مقابل پس‌زمینه‌ای پاستلی نرم نشان می‌دهند.

محصولات واقعی که این را به درستی انجام می‌دهند (و چه چیزهایی را باید بدزدند)

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

صندوق ورودی خالی BRAND4⟧. Linear با صندوق ورودی خالی به عنوان یک لحظه تعطیلات کوچک رفتار می‌کند. متن خشک، کمی خنده‌دار، متناسب با برند است و تصویر به جای عذرخواهی، آرام است. دکمه "شروع کنید" وجود ندارد زیرا به آن نیازی ندارید.

پیشنهادات قالب BRAND14⟧. یک صفحه جدید Notion از نظر فنی خالی است، اما هرگز احساس خالی بودن نمی‌کند. مکان‌نما آماده است، دستورات اسلش به شما اشاره می‌کنند و پیشنهادات قالب به صورت متنی ظاهر می‌شوند. شما هرگز به یک دیوار خالی خیره نمی‌شوید، به منویی از گزینه‌ها خیره می‌شوید.

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

کرون، اکنون تقویم آنبورد شده Notion است. وقتی آنبوردینگ شما تمام می‌شود، تقویم رویدادهای متصل واقعی شما را نشان می‌دهد، اما همچنین میانبرهای صفحه کلید و چند رویداد نمونه را که شخصیت محصول را نشان می‌دهند، نشان می‌دهد. در عرض ده ثانیه احساس جهت‌گیری می‌کنید.

اولین عرضه Things 3. Things با یک پروژه آنبوردینگ ارائه می‌شود که از محصول برای آموزش محصول استفاده می‌کند. هر وظیفه یک درس است. تا زمانی که آخرین مورد را بررسی می‌کنید، از هر ویژگی مورد نیاز خود استفاده کرده‌اید و حالت خالی، زندگی واقعی شماست.

محصولات بیشتری که ارزش دزدیدن از آنها را دارند (گرانولا، سوپرهیومن، Stripe، Replit، ChatGPT)

چند مورد دیگر، که به سمت محصولات جدیدتر و ابزارهای هوش مصنوعی متمایل هستند، زیرا الگوها هنوز در آنجا مستقر هستند.

اولین درخواست رونویسی گرانولا. گرانولا می‌داند که ناخوشایندترین لحظه، اولین جلسه‌ای است که چیزی برای رونویسی ندارید. بنابراین پیشنهاد می‌دهد که یک آزمون کوتاه ضبط کنید یا یک نمونه رونویسی را وارد کنید تا بتوانید ببینید هوش مصنوعی چه کاری انجام می‌دهد. این مشکل مرغ و تخم‌مرغ را که محصول در غیر این صورت داشت، از بین می‌برد.

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

داشبورد خالی Stripe. Stripe در لحظه ثبت نام، داشبوردی کاملاً پر از داده‌های نمونه را نشان می‌دهد. یک نشانگر واضح «مشاهده داده‌های آزمایشی» وجود دارد و با یک کلیک به حساب واقعی و خالی خود برمی‌گردید. قبل از اینکه مسیر رسیدن به مقصد را ببینید، مقصد را می‌بینید.

فضای کاری خالی Replit. یک فضای کاری جدید Replit خالی نیست. این یک ویرایشگر کد با یک فایل شروع کننده، یک کنسول با یک سلام دوستانه و یک دکمه اجرا است که از قبل کار می‌کند. شما در ده ثانیه اول کد می‌نویسید.

**صفحه اعلان خالی ChatGPT. حالت خالی ChatGPT به طور معروف یک کادر متنی واحد است و به نوعی کار می‌کند زیرا محصول دارای کشش فرهنگی است. هنوز هم در پایین برای کاربران جدید، پیشنهاداتی را اضافه می‌کند که حداقل مقدار ممکن است. اگر برند ChatGPT را ندارید، حالت خالی ChatGPT را کپی نکنید.

حالت‌های شکست، نامگذاری و سرزنش

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

چهار کارت شکست با برچسب‌های «تصویر غم‌انگیز»، «با هیچ چیز شروع نکن»، «بن‌بست» و «خالی بی‌نهایت» که هر کدام یک نشانه بصری کوچک از مشکل پیش آمده دارند، در پس‌زمینه‌ای با رنگ پاستلی ملایم.
چهار کارت شکست با برچسب‌های «تصویر غم‌انگیز»، «با هیچ چیز شروع نکن»، «بن‌بست» و «خالی بی‌نهایت» که هر کدام یک نشانه بصری کوچک از مشکل پیش آمده دارند، در پس‌زمینه‌ای با رنگ پاستلی ملایم.

تصویر غم‌انگیز. یک نماد دوستانه با چشمان افتاده در کنار "هنوز چیزی اینجا نیست". در Figma زیبا به نظر می‌رسد، در محصول توهین‌آمیز به نظر می‌رسد. کاربر غمگین نیست، کاربر تازه ثبت نام کرده است.

دکمه "شروع کن" به ناکجاآباد. یک فراخوان عمل بزرگ که یک فرم ایجاد عمومی بدون هیچ زمینه، بدون الگو، بدون مثال باز می‌کند. کاربر کلیک می‌کند، یک فرم خالی می‌بیند و حالا حالت خالی به اندازه دو صفحه نمایش عمق دارد.

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

خالی بی‌نهایت. رایج در محصولات هوش مصنوعی. کل رابط کاربری یک کادر ورودی خالی است که منتظر یک درخواست است. بدون مثال، بدون پیش‌فرض، بدون ریل. کاربر "سلام" را تایپ می‌کند و برمی‌گردد.

ریاضی فعال‌سازی: چرا ۶۰ ثانیه اول بیشترین اهمیت را دارد

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

حالت خالی، صفحه نمایش بین ثبت نام و فعال‌سازی است. هر ثانیه‌ای که کاربر صرف خیره شدن به "هنوز چیزی اینجا نیست" می‌کند، ثانیه‌ای است که می‌توانست برای فعال‌سازی صرف کند و این افت شدید است. ۶۰ ثانیه اول یک جلسه، همبستگی قوی‌تری با ماندگاری کاربر نسبت به مجموع ۶۰ دقیقه بعدی دارد.

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

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

زاویه هوش مصنوعی: طراحی برای فضای خالی بی‌نهایت

محصولات هوش مصنوعی یک مشکل فضای خالی منحصر به فرد دارند. رابط کاربری اغلب یک جعبه ورودی واحد است که از لحاظ تئوری می‌تواند هر کاری انجام دهد، به این معنی که عملاً تا زمانی که کاربر نداند چه چیزی را درخواست کند، نمی‌تواند هیچ کاری انجام دهد. این فضای خالی بی‌نهایت است.

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

راه حل مانند محصولات معمولی است، فقط واضح‌تر. پیشنهادهای پیشنهادی که محدوده‌ی توانایی هوش مصنوعی را نشان می‌دهند، مکالمات نمونه یا نسل‌هایی که کیفیت را نشان می‌دهند، چند الگوی شروع که کاربر را از شروع سرد عبور می‌دهند. حرکت "ضبط یک جلسه‌ی آزمایشی" Granola برای هر کاری که هوش مصنوعی شما انجام می‌دهد اعمال می‌شود.

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

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

لحن و پس از پاکسازی: حالت‌های خالی با احساسات

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

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

پس از پاکسازی، شایسته یک جشن کوچک است. کاربر به تازگی یک لیست را تمام کرده، همه چیز را بایگانی کرده و به صندوق ورودی صفر رسیده است. Things 3 وقتی هر کار را تکمیل می‌کنید، یک پیام کوچک موفقیت را نمایش می‌دهد. Linear بی‌سروصدا یک صف تریاژ خالی را جشن می‌گیرد. دوپامین واقعی است و این یکی از معدود لحظاتی است که محصول واقعاً از کاربر راضی است.

در این کار زیاده‌روی نکنید. یک انیمیشن کاغذی هر بار که کسی پنج کار را انجام می‌دهد، تا سه‌شنبه قدیمی می‌شود، در حالی که یک تشکر تمیز و آرام به همراه یک پیشنهاد متفکرانه "بعدی چیست؟" هر بار ارائه می‌شود. بعد از صفر شدن صندوق ورودی، پیشنهاد دهید که روز را برنامه‌ریزی کنید. پس از پاکسازی یک پروژه، پیشنهاد دهید که پروژه بعدی را بررسی کنید.

خطا و جستجو: حالت‌های خالی که اعتماد را جلب یا از دست می‌دهند

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

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

حرکت درست، ارتباط ساده با کاربر در مورد شکست است. به کاربر بگویید که چه چیزی با کلمات او شکست خورده است، نه با کلمات شما. به آنها فرصت دوباره بدهید، یک صفحه وضعیت را پیوند دهید، به تنظیمات پیکربندی نادرست اشاره کنید. اگر حالت خطا-خالی ساختار بصری حالت پر شده را به ارث ببرد، امتیاز بیشتری دارد، بنابراین کاربر متوجه می‌شود که چه چیزی را از دست داده است.

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

جستجوی خالی GitHub اغلب پیشنهاد ایجاد یک مشکل با عنوان عبارت جستجو شده را می‌دهد. Notion پیشنهاد ایجاد یک صفحه را می‌دهد. Linear پیشنهاد ثبت یک اشکال را می‌دهد. جستجو-خالی جایی است که «شروع کنید» می‌تواند در آن دوام بیاورد، زیرا مقصد اکنون مشخص است.

چگونه وضعیت‌های خالی محصول خود را بررسی کنید

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

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

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

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

اگر می‌خواهید این را به یک فعالیت تیمی تبدیل کنید، ۹۰ دقیقه را اختصاص دهید و از طراح، مدیر محصول و یک مهندس که از نوشتن متن متنفر است دعوت کنید. دستور کار بسیار ساده است و می‌توانید نتایج را در همان هفته ارسال کنید.

۳۰ دقیقه اول، ممیزی را به صورت تیمی انجام دهید، یک صفحه را به اشتراک بگذارید و از هر سطح خالی عبور کنید. در مورد اینکه هر کدام از کدام نوع هستند بحث کنید. اختلاف نظر اشکالی ندارد، مکالمه نکته اصلی است.

۳۰ دقیقه‌ی بعد، سه حالت خالی با بالاترین ترافیک را انتخاب کنید و آنها را فوراً بازنویسی کنید. یک جمله متن تنظیم لحن، دو اقدام پیشنهادی و تصمیمی در مورد اضافه کردن داده‌های نمونه. در برابر وسوسه‌ی کامل کردن تصاویر مقاومت کنید، ابتدا متن را بنویسید.

۳۰ دقیقه‌ی آخر، به مالکان و یک هدف ارسال یک هفته‌ای اختصاص دهید. این را به یک ابتکار سه‌ماهه تبدیل نکنید. حالت‌های خالی کوچک، محدود و سریع ارسال می‌شوند. سه حالت را این هفته فعال کنید، سه حالت دیگر را هفته‌ی آینده، و ظرف یک ماه نمودار فعال‌سازی شما تغییر خواهد کرد.

حالت خالی، زبان بدن محصول است

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

وقتی کاربر روی صفحه‌ای بدون هیچ چیزی قرار می‌گیرد، هر انتخابی که انجام داده‌اید نمایش داده می‌شود. آیا به آنها فکر کرده‌اید، یا پیش‌فرض را ارسال کرده‌اید. آیا محصول را به آنها آموزش داده‌اید، یا به خاطر خالی بودن عذرخواهی کرده‌اید. آیا متنی نوشتید که شبیه یک آدم باشد یا یک جادوگر از سال ۲۰۰۸؟

با فضای خالی مثل در ورودی رفتار کنید، نه مثل پاورقی. اول از همه آن را طراحی کنید، نه آخر. ماهانه آن را بررسی کنید. کسی را استخدام کنید که آن را در اختیار داشته باشد.

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

Want your product's empty states designed by people who treat them like the front door, not a footnote? Hire Brainy.

Get Started

More from Brainy Papers

Keep reading