مضاد لوحة التحكم
أغلب لوحات التحكم مقابر بيانات بنتها فرق تخاف من الاختيار. مضاد لوحة التحكم صاحب رأي، يبدأ بالفعل، ويجيب عن سؤال واحد. هذا ما يبدو عليه.
أغلب لوحات التحكم مقابر بيانات. اثنا عشر عنصرًا، وثماني لوحات ألوان، وأربعة نطاقات زمنية، وصفر رأي حول ما يجب أن ينظر إليه المستخدم أولًا. سمّى الفريق ذلك "قرارًا مبنيًا على البيانات" وأطلقه. يفتحه المستخدم مرة واحدة، ويمسحه بعينيه كغريب، ولا يفتحه ثانية.
مضاد لوحة التحكم يراهن على العكس. سؤال واحد، وقائمة أولويات واحدة، وإجراء واحد. كل ما لا يغذي القرار التالي يُحذف أو يُخفى أو يُدفع إلى ما تحت الطية. هذه حجة هذا الرهان، والعلامات التي تربح به، وخمس قواعد تحفظ الخط.
لوحات التحكم قرارات، لا بيانات
لوحة التحكم ليست مكانًا لتخزين الأرقام. إنها مكان لاتخاذ القرارات. إذا لم تجب الشاشة عن "ماذا أفعل الآن"، فهي ديكور فوقه مكتبة رسوم بيانية.
أغلب فرق المنتجات تتجنب هذا السؤال لأن الإجابة عنه تتطلب رأيًا. جدار العناصر يملك أمان البوفيه. لا أحد يُلام على إطلاق كل المقاييس، بل على اختيار واحد فقط. فيختار الفريق لا شيء، ويدفع المستخدم الثمن من انتباهه.
صندوق الوارد في Linear لا يعرض كل المشكلات دفعة واحدة. يرتبها حسب الأولوية ثم حسب SLA، والشاشة قصيرة بما يكفي لتفريغها فعلًا. وعرض المشروع في Vercel لا يعرض 20 شيئًا فوق الطية. يعرض الجدول الزمني للنشر والرابط، وهذا هو السؤال كله الذي يطرحه المطور. الفريقان اختارا جانبًا.
أنماط الفشل الخمسة
كل لوحة تحكم تفشل في اختبار "ماذا أفعل الآن" تفشل بإحدى خمس طرق معروفة. وكل واحدة منها تعمل في الإنتاج الآن.
مقبرة Salesforce. اثنا عشر عنصرًا لا يفتحها أحد، في شبكة 4×3 لأن هذا ما اتسع في الإطار السلكي. وُجدت لأن أحدًا سأل مرة، ولم يملك أحد صلاحية حذف أي منها. الانتباه الممنوح لأي شيء هو انتباه مسروق من كل شيء.
دوّامة المقاييس. ستة مؤشرات أداء في شريط أفقي، كل منها رقم ونسبة ومخطط صغير. لا سياق، ولا مقارنة، ولا إجراء مقترح. يشعر المستخدم بأنه مطّلع بشكل غامض ولا يتحرك في أي اتجاه.
نظرة عين سورون. كل حدث، وكل سطر سجل، وكل webhook، في الزمن الحقيقي، يتمرر. لا شيء مميز، وكل شيء يذوب في كل شيء. البيانات الفورية بلا ترتيب أولويات ضجيج على مؤقت.
لوحة التحكم التي تحتاج تركيبًا. اسحب عنصرًا. اضبط استعلامًا. احفظ التخطيط. ندمْ عليه صباح اليوم التالي. أن تطلب من المستخدم تصميم لوحته بنفسه يعني أن تطلب منه القيام بعمل فريق المنتج.
لوحة الغرور التنفيذية. الأرقام ترتفع، وكل رسم أخضر، وكل ربع على المسار. لا قرارات تتبع لأنه لا حاجة إليها. اللوحة موجودة لتُلتقط لها صورة وتوضع في عرض مجلس الإدارة.
لوحة التحكم الرائعة تجيب عن سؤال واحد
مضاد لوحة التحكم يبدأ بالسؤال لا بالعناصر. ما الذي يفتح المستخدم هذه الشاشة ليعرفه؟ اكتبه في جملة واحدة. كل ما على الشاشة إما يجيب عنه أو يستحق مكانًا تحته.
الصفحة الرئيسية في Stripe Dashboard تجيب عن "كيف حال العمل اليوم". إيرادات اليوم، ومقارنة بالأمس، والأشياء الثلاثة التي تحتاج إنسانًا: دفعة فاشلة، ونزاع، وطلب تحقق. وبقية Stripe على بعد نقرة.
لوحة المشروع في Cursor تجيب عن "أين كنت وماذا كنت أفعل". شجرة الملفات على جانب، وآخر برومبت في الأعلى، والمحرر في الوسط. لا قياسات ولا رسوم استخدام. الشاشة هي العمل.
Cron وNotion Calendar يجيبان عن "ما التالي". الحدث التالي في أعلى اليوم، والأسبوع تحته. لا تمرير لانهائي، ولا خريطة حرارية شهرية تتصارع على الانتباه. الرأي هنا أن الحدث التالي أهم من شكل الشهر.
حركة Raycast: لوحة التحكم لا يجب أن تبدو كلوحة تحكم
Raycast هو النسخة الأنقى. شريط البحث هو لوحة التحكم. لا عناصر، مجرد حقل إدخال واحد. اكتب بضعة أحرف فيظهر الشيء الصحيح.
الدرس ليس "ابنِ شريط بحث". الدرس أن لوحة التحكم لا يجب أن تكون تخطيطًا من البطاقات. صفحة GitHub الرئيسية هي طلبات الدمج المسندة إليك، نقطة. وصفحة Notion الرئيسية هي آخر ثلاث مستندات لك ولا شيء غير ذلك. وSuperhuman يفتح على صندوق وارد يبدأ بالفرز ويمكن الوصول فيه إلى الصفر، لأن المنتج صُمم على فكرة أن الصندوق يجب أن ينتهي. لا شيء من هذه لوحات بالمعنى التقليدي. وكلها لوحات بالمعنى الوحيد المهم.
الكشف التدريجي هو المبدأ الكامن تحتها. اعرض الشيء الواحد المهم الآن. واكشف الذيل الطويل فقط حين يشير المستخدم إلى أنه يريده.
القواعد الخمس لمضاد لوحة التحكم
هذه القواعد تتراكم. حقق أربعًا من خمس فتعمل اللوحة غالبًا. حقق اثنتين فقد أطلقت مقبرة.
القاعدة 1: سؤال واحد لكل شاشة
كل عرض في لوحة التحكم يجيب عن سؤال واحد بالضبط. اكتبه. إذا تعذر الدفاع عن عنصر كجزء من الإجابة، فلا يُطلق في هذا العرض. الأسئلة الأخرى تنال عروضًا أخرى، لا العرض نفسه مع تبويب فوقه.
صفحة Stripe الرئيسية تجيب عن "كيف حال العمل اليوم". وعرض مشروع Vercel يجيب عن "ما حالة هذا النشر". وصندوق Linear يجيب عن "ما الذي يحتاج انتباهي الآن". أسطح مختلفة لأسئلة مختلفة. ولا واحد منها يحاول أن يكون الثلاثة.
القاعدة 2: قائمة أولويات واحدة، يرتبها المنتج
للشاشة قائمة واحدة، والمنتج هو من يرتبها. لا المستخدم. ولا ترويسة عمود قابلة للتخصيص. المنتج يختار الترتيب بناءً على الإجابة عن "ماذا يجب أن يفعل المستخدم بعد ذلك". الترتيب هو الرأي.
Linear يرتب حسب الأولوية ثم SLA. وStripe Atlas يرتب بطاقات الإجراءات الأربع حسب ما يفتح الخطوة التجارية التالية. وSuperhuman يرتب حسب VIP وإشارة النية، لا حسب الترتيب الزمني العكسي الصارم. المنتج يقوم بالعمل الذي لا يريد المستخدم القيام به.
القاعدة 3: أفق زمني معقول، يُختار مرة واحدة
لوحة التحكم تختار أفقًا زمنيًا افتراضيًا واحدًا وتكسب حق تغييره. اليوم، هذا الأسبوع، هذا الشهر، كل الوقت. اختر ما يناسب السؤال وتوقف عن تقديم خمسة مفاتيح تبديل.
لوحة إيرادات لعمل قائم على المعاملات تبدأ باليوم. ولوحة الاحتفاظ تبدأ بهذا الأسبوع. ولوحة المالية تبدأ بهذا الشهر. ولوحة تُفتح بلا افتراضي ومنتقي تواريخ ينتظر إدخالًا خسرت المستخدم أصلًا.
القاعدة 4: كل رقم مرتبط بإجراء
رقم بلا إجراء مرفق ديكور. مضاد لوحة التحكم يعامل كل رقم أساسي كخطّاف للحركة التالية. إيرادات اليوم تقود إلى الدفعات الفاشلة. والمشكلات المفتوحة تقود إلى طابور الفرز. وزمن النشر يقود إلى سجل البناء.
تخطيط البطاقات الأربع في Stripe Atlas أنقى مثال. كل بطاقة رقم وزر. "0 دولار إيرادات، أعدّ تكامل الدفع." "0 موظفين، وظّف أول موظف." لا يُترك المستخدم أبدًا عالقًا عند إحصائية بلا طريق للأمام.
القاعدة 5: أخفِ الذيل الطويل
مضاد لوحة التحكم يقبل أن 80% من المقاييس تهم 5% من المستخدمين 5% من الوقت. هذه المقاييس تعيش خلف تبويب، أو رابط "المزيد"، أو عرض تحليلات منفصل. الشاشة الرئيسية هي السؤال، لا الفهرس.
إخفاء المقاييس يبدو محفوفًا بالمخاطر لأن أحدًا سيسأل عن المقياس الذي أزلته. الحل أن تجعله قابلًا للعثور عليه لا مرئيًا. البحث وسطح تحليلات مخصص يتكفلان بالذيل الطويل.
أنماط مضادة تُحذف فور رؤيتها
هذه تظهر في كل تدقيق تقريبًا. وكل منها دليل على أن الفريق يختبئ خلف الميزات بدل إطلاق رأي.
كل مقياس على كل شاشة. الإيرادات والاحتفاظ والتسرب وMAU وNPS وCSAT في إطار واحد ليست سؤالًا، إنها تحوّط. قسّمها إلى عروض حسب الدور أو المهمة.
"العناصر القابلة للتخصيص" بديلًا عن رأي المنتج. ترجم "يمكن للمستخدمين ضبط لوحتهم بأنفسهم" إلى "لم يتفق الفريق على ما يهم". التخصيص ميزة حقيقية حين تكون الافتراضيات قوية، وعذر حين لا تكون.
سجل النشاط المباشر الذي لا يقرؤه أحد. قائمة تتمرر بكل حدث في النظام. مفيدة لسجلات التصحيح، وعديمة النفع في لوحة تحكم. مقال تصور البيانات للمصممين يشرح لماذا الزمن الحقيقي بلا تسلسل هرمي مجرد ضجيج مكلف.
الحالة الفارغة التي تطلب من المستخدم تصميم لوحته. "اسحب العناصر من الشريط الجانبي للبدء." المنتج يعترف في الشاشة الأولى بأنه بلا رأي. مقال الحالات الفارغة هي المنتج يشرح لماذا الشاشة الأولى هي سطح التفعيل لا واجبًا منزليًا.
تبويبات تخفي الإجابة الفعلية. ستة تبويبات في الأعلى، وأهم البيانات في التبويب الثالث. إما أن ترقّي التبويب الثالث، أو تقبل أن التبويبين الأول والثاني ليسا بالأهمية التي ظنها الفريق.
قبل وبعد، في إطار واحد
الانتقال من المقبرة إلى مضاد لوحة التحكم هو غالبًا قرار تخطيط لا قرار ميزات. البيانات نفسها، مرتبة حول السؤال.
قسم "قبل" شبكة 4×3 تتنافس كل خلية فيها على الانتباه. وقسم "بعد" يستخدم التسلسل البصري الهرمي لتقسيم الشاشة إلى ثلاث مناطق: إحصائية بطل مرتبطة بالسؤال، وقائمة إجراءات قصيرة مرتبطة بالحركة التالية، وتذييل خافت للمستخدم الفضولي. لم يُحذف شيء، الفريق فقط اختار أي الميزات تنال المقعد المميز.
تدقيق لوحة التحكم
مرّر أي لوحة تحكم لمنتج عبر هذه الأسئلة السبعة. إذا لم تستطع الإجابة عن كل منها بنعم واضحة، فاللوحة لم تكتمل.
- ما السؤال الواحد الذي يجيب عنه هذا العرض؟ اكتبه كجملة. إذا لم يتفق الفريق على الجملة، فالفريق لم يصمم اللوحة بعد، لقد رتب عناصر فقط.
- هل هناك رقم أساسي واحد مرتبط بإجراء؟ لا ثلاث إحصائيات متنافسة. رقم بطل واحد، وحركة تالية واضحة واحدة، وكل عنصر آخر مرتب تحته مثل قسم البطل في صفحة هبوط.
- هل قائمة الأولويات يرتبها المنتج لا المستخدم؟ إذا كانت الإجابة "يمكن للمستخدم ترتيبها كما يشاء"، فالمنتج لم يختر جانبًا. الافتراضيات هي الرأي.
- ما الأفق الزمني الافتراضي لهذا العرض، ولماذا؟ يجب أن يطابق الافتراضي السؤال. مفتاح تبديل بلا افتراضي مدروس دليل على أن الفريق تهرّب.
- ماذا قررت أن تخفي؟ إذا كانت الإجابة "لا شيء"، فالفريق لم يؤدِّ العمل. المقاييس المخفية دليل وجود رأي.
- هل تقدّم الحالة الفارغة المنتج أم توقفه؟ إذا طلبت من المستخدم ضبط العناصر، فقد أطلقت واجبًا منزليًا كمنتج. استبدلها بإجراء واحد مجهز.
- إذا فتح مستخدم جديد هذه الشاشة ولم يرَ غيرها، هل يفهم المنتج؟ العرض الرئيسي عرض مبيعات بقدر ما هو أداة.
لوحة تجتاز هذه الأسئلة السبعة هي لوحة يفتحها المستخدم أكثر من مرة. ولوحة تفشل في أي منها تُمسح بالعين وتُلتقط لها صورة وتُهجر. مقال مبادئ تصميم صفحات الهبوط يغطي نسخة صفحات التسويق من الانضباط نفسه، ومقال مبادئ تصميم الويب يغطي كيف يتبعه بقية المنتج.
الاحتكاك في المكان الصحيح
مضاد لوحة التحكم ليس بساطة من أجل البساطة. إنه احتكاك في المكان الصحيح. العرض الرئيسي سهل، والذيل الطويل أصعب بنقرة واحدة. هذا التدرج هو التصميم. مقال تصميم الاحتكاك عن قصد يشرح لماذا بعض الاحتكاك ميزة.
الأسئلة الشائعة
ما الفرق بين لوحة التحكم ومضاد لوحة التحكم؟
لوحة التحكم التقليدية تحاول عرض كل مقياس قد يريده المستخدم. ومضاد لوحة التحكم يجيب عن سؤال واحد ويربط كل رقم ظاهر بإجراء. النسخة التقليدية بوفيه. ومضاد لوحة التحكم سطح قرار.
هل يجب أن تتضمن كل لوحة تحكم تخصيصًا؟
تقريبًا لا تحتاج أي لوحة منتج إلى تخصيص عميق. أغلب الفرق تطلق التخصيص لتتجنب اختيار الافتراضيات. الافتراضيات القوية تتفوق على العناصر القابلة للضبط في كل مقياس احتفاظ تقريبًا. احتفظ بالتخصيص لأسطح المستخدمين المتقدمين، لا للعرض الرئيسي.
كم مؤشر أداء يجب أن تعرض لوحة التحكم على الشاشة الرئيسية؟
إحصائية بطل واحدة مرتبطة بالإجابة، إضافة إلى ثلاثة إلى خمسة إجراءات ثانوية. بعد الخمسة، تفقد العين ترتيب الأولويات وتعود اللوحة إلى دوّامة مقاييس. أخفِ الذيل الطويل خلف سطح تحليلات أعمق.
اختر جانبًا، ثم أطلق الشاشة
تصميم لوحات التحكم ليس أصعب مشكلة في المنتج. إنه الأكثر تأجيلًا. الفرق تقضي شهورًا في ترتيب العناصر لأن تفضيل عنصر على آخر يبدو مخاطرة. مضاد لوحة التحكم يعامل تلك المخاطرة كأنها العمل الفعلي. اختر السؤال. اختر الأولوية. اختر الأفق الزمني. اختر ما تخفيه.
لوحات التحكم التي ستفوز في 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
