web design uiMay 1, 202610 min read

ضد‌داشبورد

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

By Boone
XLinkedIn
the anti dashboard

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

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

داشبورد یعنی تصمیم، نه داده

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

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

صندوق ورودی Linear همه issueها را یک‌جا پرت نمی‌کند. اول بر اساس اولویت مرتب می‌کند، بعد بر اساس SLA، و صفحه آن‌قدر کوتاه است که واقعاً بشود خالی‌اش کرد. نمای پروژه در Vercel بیست چیز را بالای صفحه نشان نمی‌دهد. خط زمانی deploy و URL را نشان می‌دهد، و کل سؤال یک توسعه‌دهنده همین است. هر دو تیم یک طرف را انتخاب کردند.

نمودار چارچوب ووکسلی: یک علامت سؤال مرجانی روی یک پایه که به یک دکمه اقدام فیروزه‌ای ختم می‌شود، با چهار ویجت خاکستری و کم‌رنگ که به لبه‌های قاب رانده شده‌اند
نمودار چارچوب ووکسلی: یک علامت سؤال مرجانی روی یک پایه که به یک دکمه اقدام فیروزه‌ای ختم می‌شود، با چهار ویجت خاکستری و کم‌رنگ که به لبه‌های قاب رانده شده‌اند

پنج الگوی شکست

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

گورستان Salesforce. دوازده ویجت که کسی بازشان نمی‌کند، در شبکه 4x3 چون روی وایرفریم همین جا می‌شد. وجود دارند چون یک بار کسی خواسته و هیچ‌کس اختیار حذف یکی را نداشته. توجهی که به هر چیز داده شود از همه‌چیز دزدیده شده است.

چرخ‌وفلک معیار. شش KPI در یک نوار افقی، هرکدام یک عدد، یک درصد و یک sparkline ریز. بدون زمینه، بدون مقایسه، بدون اقدام پیشنهادی. کاربر حس مبهمی از باخبر بودن دارد و هیچ کاری نمی‌کند.

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

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

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

شبکه ضدالگوهای ووکسلی: چهار کاشی برچسب‌دار شامل GRAVEYARD با دوازده ویجت ریز، CAROUSEL با نواری از میله‌ها، SAURON پر از رگه‌های فید، و ASSEMBLE با تکه‌های ووکسلی پراکنده
شبکه ضدالگوهای ووکسلی: چهار کاشی برچسب‌دار شامل GRAVEYARD با دوازده ویجت ریز، CAROUSEL با نواری از میله‌ها، SAURON پر از رگه‌های فید، و ASSEMBLE با تکه‌های ووکسلی پراکنده

داشبورد عالی به یک سؤال جواب می‌دهد

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

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

پنل پروژه در Cursor به «کجا بودم و داشتم چه می‌کردم» جواب می‌دهد. درخت فایل یک طرف، آخرین پرامپت بالا، ادیتور وسط. نه تله‌متری، نه نمودار مصرف. صفحه همان کار است.

Cron و Notion Calendar به «بعدی چیست» جواب می‌دهند. رویداد بعدی بالای روز است و هفته زیرش. نه اسکرول بی‌پایان، نه نقشه حرارتی ماهانه که برای جلب توجه دعوا کند. موضعشان این است که رویداد بعدی از شکل ماه مهم‌تر است.

حرکت Raycast: داشبورد لازم نیست شبیه داشبورد باشد

Raycast تمیزترین نسخه است. نوار جستجو خودِ داشبورد است. بدون ویجت، فقط یک ورودی. چند حرف بزن و چیز درست ظاهر می‌شود.

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

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

پنج قانون ضد‌داشبورد

این قوانین روی هم انباشته می‌شوند. چهار از پنج را رعایت کنی داشبورد معمولاً کار می‌کند. دوتا را رعایت کنی یک گورستان منتشر کرده‌ای.

قانون ۱: یک سؤال برای هر صفحه

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

صفحه اصلی Stripe به «کسب‌وکار امروز چطور است» جواب می‌دهد. نمای پروژه Vercel به «وضعیت این deploy چیست». صندوق Linear به «الان چه چیزی به توجه من نیاز دارد». سطح‌های متفاوت برای سؤال‌های متفاوت. هیچ‌کدام سعی نمی‌کنند هر سه باشند.

قانون ۲: یک فهرست اولویت، مرتب‌شده توسط محصول

صفحه یک فهرست دارد و محصول آن را مرتب می‌کند. نه کاربر. نه سرستون قابل‌تنظیم. محصول ترتیب را بر اساس جواب «کاربر بعدش چه کار کند» انتخاب می‌کند. ترتیب همان موضع است.

Linear اول با اولویت و بعد با SLA مرتب می‌کند. Stripe Atlas چهار کارت اقدام را بر اساس آنچه قدم بعدی کسب‌وکار را باز می‌کند مرتب می‌کند. Superhuman بر اساس VIP و سیگنال قصد مرتب می‌کند، نه ترتیب زمانی معکوس خشک. محصول دارد کاری را می‌کند که کاربر نمی‌خواهد بکند.

قانون ۳: بازه زمانی معقول، یک بار انتخاب‌شده

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

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

قانون ۴: هر عدد به یک اقدام وصل است

عددی که اقدامی به آن وصل نباشد تزئین است. ضد‌داشبورد هر عدد اصلی را قلاب حرکت بعدی می‌بیند. درآمد امروز به پرداخت‌های ناموفق لینک می‌شود. issueهای باز به صف triage. زمان deploy به لاگ build.

چیدمان چهارکارتی Stripe Atlas تمیزترین نمونه است. هر کارت یک عدد است به‌اضافه یک دکمه. «۰ دلار درآمد، یکپارچه‌سازی پرداخت را راه بینداز.» «۰ کارمند، اولین نفر را استخدام کن.» کاربر هیچ‌وقت روی یک آمار بدون مسیر رو به جلو گیر نمی‌ماند.

قانون ۵: دنباله بلند را پنهان کن

ضد‌داشبورد می‌پذیرد که ۸۰٪ معیارها برای ۵٪ کاربران و ۵٪ اوقات مهم‌اند. آن معیارها پشت یک تب، یک لینک «بیشتر» یا یک نمای تحلیلی جدا زندگی می‌کنند. صفحه اصلی خودِ سؤال است، نه فهرست راهنما.

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

درخت تصمیم ووکسلی: پنج کارت نزولی با برچسب‌های ONE QUESTION، ONE LIST، TIME HORIZON، ACTION TIED، HIDE TAIL که با خطوط رابط باریک مرجانی به هم وصل شده‌اند
درخت تصمیم ووکسلی: پنج کارت نزولی با برچسب‌های ONE QUESTION، ONE LIST، TIME HORIZON، ACTION TIED، HIDE TAIL که با خطوط رابط باریک مرجانی به هم وصل شده‌اند

ضدالگوهایی که باید در نگاه اول حذف شوند

اینها تقریباً در هر ممیزی پیدا می‌شوند. هرکدام نشانه‌ای است که تیم پشت قابلیت‌ها پنهان شده به جای اینکه موضع منتشر کند.

هر معیار روی هر صفحه. درآمد، حفظ مشتری، churn، MAU، NPS و CSAT در یک قاب سؤال نیست، احتیاط است. به نماهای نقش‌محور یا وظیفه‌محور تقسیمش کن.

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

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

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

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

قبل و بعد، در یک قاب

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

قاب دوتکه قبل و بعد ووکسلی: BEFORE شبکه‌ای متراکم از دوازده ویجت یکسان را نشان می‌دهد، AFTER به یک آمار قهرمان بزرگ در بالا، سه ردیف اقدام زیر آن و یک پاورقی کم‌رنگ از ویجت‌های ثانویه در پایین جمع می‌شود
قاب دوتکه قبل و بعد ووکسلی: BEFORE شبکه‌ای متراکم از دوازده ویجت یکسان را نشان می‌دهد، AFTER به یک آمار قهرمان بزرگ در بالا، سه ردیف اقدام زیر آن و یک پاورقی کم‌رنگ از ویجت‌های ثانویه در پایین جمع می‌شود

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

ممیزی داشبورد

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

  1. این نما به کدام یک سؤال جواب می‌دهد؟ آن را به‌صورت یک جمله بنویس. اگر تیم روی جمله به توافق نرسد، تیم هنوز داشبورد را طراحی نکرده، ویجت‌ها را چیده است.
  2. آیا یک عدد اصلی وصل به یک اقدام وجود دارد؟ نه سه آمار رقیب. یک عدد قهرمان، یک حرکت بعدی بدیهی، و هر عنصر دیگر زیر آن رتبه‌بندی شده، مثل بخش هیرو یک لندینگ.
  3. آیا فهرست اولویت را محصول مرتب کرده، نه کاربر؟ اگر جواب این است که «کاربر می‌تواند هر طور بخواهد مرتبش کند»، محصول طرفی را انتخاب نکرده. پیش‌فرض‌ها همان موضع‌اند.
  4. این نما به‌طور پیش‌فرض روی کدام بازه زمانی است و چرا؟ پیش‌فرض باید با سؤال بخواند. تاگل بدون پیش‌فرضِ سنجیده نشانه است که تیم توپ را شوت کرده بیرون.
  5. چه چیزی را تصمیم گرفتی پنهان کنی؟ اگر جواب «هیچ چیز» است، تیم کار را انجام نداده. معیارهای پنهان اثبات یک موضع‌اند.
  6. آیا حالت خالی محصول را جلو می‌برد یا متوقفش می‌کند؟ اگر از کاربر می‌خواهد ویجت تنظیم کند، تکلیف شب را به‌جای محصول منتشر کرده‌ای. با یک اقدام آماده و مشخص جایگزینش کن.
  7. اگر کاربر جدید این صفحه را باز کند و دیگر هیچ صفحه‌ای نبیند، محصول را می‌فهمد؟ نمای اصلی همان‌قدر که ابزار است، پیشنهاد فروش هم هست.

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

اصطکاک در جای درست

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

سؤال‌های متداول

تفاوت داشبورد و ضد‌داشبورد چیست؟

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

آیا هر داشبورد محصولی باید سفارشی‌سازی داشته باشد؟

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

یک داشبورد در صفحه اصلی چند KPI باید نشان بدهد؟

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

طرف را انتخاب کن، بعد صفحه را منتشر کن

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

داشبوردهایی که در 2026 برنده‌اند آن‌هایی نیستند که بیشترین داده را دارند. آن‌هایی‌اند که بیشترین موضع را دارند. Linear، Vercel، Stripe، Cursor، Cron، Raycast، GitHub، Notion و Superhuman همه یک چیز مشترک دارند. طرفی را انتخاب کردند و صفحه آن طرف را حمل می‌کند.

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

Want a dashboard that ships an opinion instead of a wall of widgets? Brainy designs product dashboards that pick a side and earn the screen.

Get Started

More from Brainy Papers

Keep reading