تصميم لوحة القيادة - الاعتبارات وأفضل الممارسات

استمع إلى النسخة الصوتية من هذه المقالة

تعد لوحات المعلومات طريقة فريدة وفعالة لتقديم الذكاء المستند إلى البيانات باستخدام تقنيات تصور البيانات التي تعرض البيانات ذات الصلة والقابلة للتنفيذ بالإضافة إلى إحصائيات التتبع ومؤشرات الأداء الرئيسية (KPIs). يجب أن تقدم لوحات المعلومات هذه البيانات بتنسيق سريع وسهل المسح الضوئي مع المعلومات الأكثر صلة التي يمكن فهمها في لمحة.

نشأ المصطلح من لوحة أجهزة القياس التقليدية للسيارات ، وقد تطورت لتؤدي نفس الوظيفة في العالم الرقمي. في كتابه ، وضع ستيفن قليل الأمر على أفضل وجه:

لوحة المعلومات هي عرض مرئي لأهم المعلومات المطلوبة لتحقيق هدف أو أكثر ؛ يتم دمجها وترتيبها على شاشة واحدة حتى يمكن مراقبة المعلومات في لمح البصر.

في هذه المقالة ، نحدد الأمثلة الاستراتيجية والتحليلية والتشغيلية والمعلوماتية بالإضافة إلى المبادئ الأساسية التي تكمن في صميم كل تصميم ناجح للوحة القيادة ، بغض النظر عن نوعه.

يعد اتباع النهج الصحيح لتصور البيانات ميزة أساسية في وضع الأساس للوحة القيادة الناجحة. تصور البيانات هو عرض البيانات عبر الرسومات والصور - هدفها الأساسي هو مساعدة صانعي القرار على تحديد الأنماط أو فهم المفاهيم الصعبة التي قد لا يتم اكتشافها في التطبيقات المستندة إلى النص.

يقول نوح إليينسكي وجولي ستيل في كتابهما ، تصور البيانات :

الغرض من المصمم في تصميم تصور البيانات هو إنشاء منتج يتم استقباله جيدًا وفهمه بسهولة من قبل القارئ. يجب أن تخدم جميع خيارات التصميم والتطبيقات الخاصة هذا الغرض.

الخصائص الرئيسية للوحات العدادات الكبيرة

تعرض لوحة القيادة الفعالة معلومات مفيدة وقابلة للتنفيذ في لمحة. يبسط التمثيل المرئي للبيانات المعقدة ويساعد أصحاب المصلحة على فهم وتحليل وتقديم الأفكار الرئيسية.

لوحات المعلومات الرائعة واضحة وسهلة الاستخدام وقابلة للتخصيص.

• ينقلون المعلومات بسرعة.
• يعرضون المعلومات بوضوح وكفاءة.
• تظهر الاتجاهات والتغيرات في البيانات بمرور الوقت.
• يمكن تخصيصها بسهولة.
• يتم تقديم عناصر الواجهة ومكونات البيانات الأكثر أهمية بشكل فعال في مساحة محدودة.

سيساعد التخصيص الأولي للبيانات والمعلومات المرئية لمتطلبات المستخدم الرئيسية في تحسين قابلية الاستخدام والقضاء على الحاجة إلى شخصيات مستخدم مختلفة.

توفر لوحات المعلومات الرائعة كل شيء بنقرة واحدة.

• يمكن الوصول إلى جميع المعلومات الأساسية على الفور.
• يتم إعطاء الأولوية للبيانات.
• يتم عرض المعلومات بوضوح في تسلسل هرمي مرئي على شاشة واحدة.
• يوفر التصميم نظرة عامة متماسكة تتضمن بيانات أولية متفرقة وواضحة مع فرص إضافية للتنقيب عن المزيد.
• يتم عرض العناصر (مخطط ، جدول ، نموذج) في عرض مصغر مع القدرة على إظهار المزيد من التفاصيل في نافذة مشروطة أو الانتقال إلى صفحة بمزيد من التفاصيل.
• يعمل التصميم على تحسين قابلية الاستخدام باستخدام عوامل التصفية التي تتيح للمستخدمين تخصيص كيفية عرض البيانات وتصفية المحتوى باستخدام الملصقات والفئات ومؤشرات الأداء الرئيسية.

التعقيد المنخفض يوفر الوضوح

في عالم مليء بالبيانات ، يعد توفير معلومات واضحة من أصعب الأمور التي يمكن تحقيقها. يعد تقديم البيانات الأكثر صلة فقط على لوحات المعلومات أمرًا ضروريًا - فكلما زادت المعلومات التي نعرضها ، كان من الصعب على المستخدمين العثور على ما يحتاجون إليه.

عند مواجهة الكثير من البيانات للاختيار من بينها ، يجب على المصممين عرض المجموعة الفرعية الأكثر صلة فقط. نحن بحاجة إلى تحديد الأولويات وإزالة المقاييس المضللة وغير الواضحة بعناية.

يجب أن تسترشد قرارات التصميم الفعالة للوحة المعلومات بما يلي:

• أهداف المشروع
• طبيعة البيانات
• احتياجات المستخدمين

عند قراءة تصور (أو أي نوع آخر من التواصل) ، فإن القارئ لديه قدر محدود من القوة الذهنية لتكريسها للمشكلة. سيتم تخصيص بعض هذه القوة العقلية لفك تشفير التصور ؛ يمكن بعد ذلك استخدام أي قوة ذهنية متبقية لفهم الرسالة (إذا لم يستسلم القارئ بعد في حالة الإحباط). نوح إليينسكي وجولي ستيل (تصور البيانات)

الهدف الأساسي للوحة القيادة هو جعل المعلومات المعقدة سهلة الوصول والفهم. لذلك ، يجب أن تكون الواجهة التي تعرض البيانات نظيفة ومباشرة من أجل تقليل الحمل المعرفي للمستخدمين والوقت الذي يقضونه في البحث.

يجب أن تقدم بنية المعلومات البيانات الأساسية أولاً مع السماح بالوصول إلى المقاييس الداعمة أو الثانوية. يجب تصميم نظام بحث تدريجي يبدأ بنظرة عامة ثم يخوض في مزيد من التفاصيل - فهو يسهل تحديد أولويات البيانات ويخلق الوضوح.

تحديد أهداف لوحة المعلومات وعرض البيانات المناسبة

عند تصميم لوحات المعلومات ، يبدأ مصممو لوحات المعلومات الناجحين بمجموعة محددة جيدًا من الأهداف التي تركز على المشكلة التي يجب حلها والرؤى الرئيسية القابلة للتنفيذ التي يحتاج الأشخاص إلى أخذها بعيدًا عن البيانات.

أهداف التصميم الجيد تعزز التنفيذ الفعال والدقيق. إن استخدام إطار عمل SMART لتحديد الأهداف يضع التركيز على أهداف محددة وقابلة للقياس وقابلة للتنفيذ وواقعية ومستندة إلى الوقت .

بعض الأسئلة الأساسية التي يجب طرحها عند تحديد أهداف تصميم لوحة المعلومات:

• كم عدد الخطوات التي يحتاج المستخدمون إلى اتخاذها لتحقيق هدف معين؟
• هل الواجهة بديهية بما يكفي ليبلغ المستخدم هدفه بمفرده؟
• ما هي المعلومات التي يحتاجها المستخدم لتحقيق هدفه بنجاح؟

لتحديد الهدف من تصميم لوحة معلومات معين ، حدده بالسؤال ، "ما هي المشكلة المحددة التي سيحلها هذا التصميم للمستخدم؟" ستوفر الإجابة رؤى حول المقاييس والخصائص والقيم والمرئيات والبيانات ذات النتيجة.

يركز التصميم الذي يركز على الهدف على حلول المشكلات الحقيقية وهو الأساس لجميع تصميمات لوحة القيادة الرائعة. ابدأ بفهم واضح لأهداف العمل ، واعتبر أهداف المستخدم ، ثم انقل المعلومات الأساسية التي يجب توصيلها.

السياق في تصميم لوحة القيادة

أحد أكبر تحديات تصميم لوحة القيادة هو خدمة شخصيات متعددة. بمجرد تحديد دور كل مستخدم ، يصبح من الضروري فهم مواضع تداخل احتياجاتهم وأين تتباعد.

التواصل الفعال هو المبدأ الأساسي لكل تصميم ناجح للوحة القيادة. سيساهم توقع السيناريوهات المحتملة التي قد يجد المستخدمون أنفسهم فيها في فهم أفضل لظروف المستخدم.

ضع دائمًا سياق المستخدمين في الاعتبار عند التصميم - حدد معرفتهم التقنية ومدى إلمامهم بالنظام بشكل عام وأهدافهم وما إلى ذلك.

تأكد من طرح الأسئلة التالية عند محاولة تحديد سلوك المستخدم والسياق:

• هل يأخذ التصميم في الاعتبار الاتجاه الذي اعتاد الزائر على القراءة فيه؟
• هل يتطلب التفاعل مع لوحة القيادة معرفة فنية؟
• هل سيتمكن المستخدمون من إنجاز معظم الإجراءات ببضع نقرات فقط؟
• هل يتماشى التصميم مع سياق المستخدم من خلال إنشاء قوائم تفصيلية ؛ هل تستخدم الأيقونات ولوحات الألوان الموحية؟

يجب أيضًا اعتبار لوحة الألوان المستخدمة في تصميم لوحة القيادة كسياق. تم تصميم العديد من لوحات معلومات منتجات SaaS من شركة إلى شركة في واجهة مستخدم ذات طابع داكن لأنها تُستخدم لعدة ساعات متتالية.

يمكن أن تساعد واجهات المستخدم ذات الطابع الداكن في تقليل إجهاد العين ودعم الوضوح البصري داخل الواجهة. ومع ذلك ، فإن اتباع هذا النهج يتطلب تقييمًا دقيقًا لاتجاه التصميم - المزايا والعيوب والمزالق المحتملة كما هو موضح في مقال سابق عن التصميم في مدونة: Dos UI Dos and Don'ts.

تصميم أفضل للوحة القيادة باستخدام أبحاث المستخدم

يساعد البحث عن المستخدم في إنشاء بيئة يتم فيها تقديم بيانات ذات صلة وواضحة وموجزة للمستخدمين. يساعدهم هذا في التفكير في المحتوى والبيانات التي يبحثون عنها ، بدلاً من كيفية استخدامها والوصول إليها.

يجب أن تعمل بعض لوحات المعلومات - أو أن تكون قابلة للتخصيص بسهولة لتناسب المستخدمين ذوي الأدوار المختلفة الذين ينظرون إلى نفس لوحة المعلومات الأساسية. يعد بحث المستخدم مهمًا لأنه يساعد في تحديد أهداف المستخدم والنماذج العقلية والسياق البيئي ونقاط الألم. هذه عوامل تؤثر بشكل كبير على التصميم النهائي للوحة القيادة.

يشير مصمم تجربة المستخدم والباحث والمؤلف مايك كونيافسكي إلى أن هذه هي "عملية فهم تأثير التصميم على الجمهور".

يجب على المصمم أن يحدد أنواع المستخدمين المختلفة وأن يفهم أين تتشابه أهدافهم وأين تختلف. ما هي المعلومات الأكثر قابلية للتنفيذ بالنسبة لنوع مستخدم ما مقابل نوع مستخدم آخر؟ يجب عليهم مراعاة ما إذا كانت هناك حاجة إلى وجود تخطيط مختلف من نوع مستخدم إلى آخر ، أو إذا كان هناك حل لحالة استخدام أكثر عمومية.

مع أخذ ذلك في الاعتبار ، من الجيد البدء بإطارات سلكية بدائية والانتقال إلى نماذج أولية يمكن اختبارها مع مستخدمين فعليين أثناء مرحلة بحث المستخدم. يمكن أن تخرج الإحصاءات القيمة حقًا من مرحلة بحث قصيرة عن المستخدم مع خمسة مستخدمين فقط - وستوفر قدرًا هائلاً من الوقت لاحقًا.

الإفصاح التدريجي في تصميم لوحة القيادة

الإفصاح التدريجي هو تقنية تُستخدم للحفاظ على انتباه المستخدم من خلال تقليل الفوضى. يساعد إنشاء نظام للإفصاح التدريجي في إنشاء بيئة تتمحور حول المستخدم ، مما يساعد على إعطاء الأولوية لاهتمام المستخدم وتجنب الأخطاء وتوفير الوقت. كما يسمح للمستخدمين بالتركيز على الميزات الرئيسية التي تهمهم وعدم إجبارهم على استعراض جميع الميزات - بما في ذلك الميزات التي لا يحتاجونها أو لا يهتمون بها.

الكشف التدريجي هو أفضل ممارسة لتصميم لوحة المعلومات والتي ستقلل أيضًا من معدلات الخطأ إلى حد كبير ؛ سيؤدي ذلك إلى تحسين الكفاءة ومساعدة المستخدمين على تحسين فهمهم للوحات المعلومات عندما يعتمد النظام على تحديد أولويات الميزات.

يؤدي الكشف التدريجي إلى إرجاء الميزات المتقدمة أو التي نادرًا ما يتم استخدامها إلى شاشة ثانوية ، مما يجعل التطبيقات أسهل في التعلم وأقل عرضة للخطأ. - جاكوب نيلسن

تعد الرسوم المتحركة طريقة رائعة لتلبية مجموعة متنوعة من احتياجات المستخدم مع أداء وظائف متعددة أيضًا. إنه خيار رائع للاستخدام أثناء تحميل البيانات والمرئيات وهو حل إفصاح تقدمي متقدم.

الرسوم المتحركة هي عملية خلق وهم الحركة. إنها ديناميكية تخلق إحساسًا بالتقدم وردود الفعل المستمرة ، وبالتالي تقليل عدم يقين المستخدم وزيادة الأداء المتصور.

مزايا استخدام الإفصاح التدريجي في لوحات المعلومات:

• تقليل عدم اليقين والقلق لدى المستخدم (من خلال عرض علامات التقدم ، يتأكد المستخدمون من أن كل شيء يعمل على النحو المنشود)
• تزويد المستخدمين بشيء للنظر إليه (عرض جزئي للبيانات) بدلاً من جعلهم ينتظرون
• تزويد المستخدمين بتوقعات واضحة للخطوات القادمة ، وخلق فهم لطريقة تقديم المعلومات بشكل هرمي

تتضمن المشكلات المحتملة مع عمليات الكشف التدريجي وتحميل البيانات ما يلي:

• استخدام المؤشرات والإفصاحات بطريقة غير ملائمة. ستؤدي أوقات التحميل القصيرة والخطوات غير المجدية إلى تشتيت الانتباه والعمل ضد مبادئ قابلية الاستخدام.
• يمكن أن يؤدي التأخر في استرداد البيانات دون وجود مؤشر واضح للتقدم إلى عدم يقين المستخدم ومعدلات ارتداد أعلى.
• يعد استخدام مؤشرات التقدم الثابتة حلاً ذا معنى ضئيل ، ولا يقدم معلومات كافية حول التقدم ، مما قد يؤدي أيضًا إلى عدم يقين المستخدم ومعدلات ارتداد أعلى.

ملخص

تُعد لوحات المعلومات طريقة فعالة لتوصيل البيانات والمعلومات الأخرى ، خاصةً مع التصميم المرتكز على المستخدم والمرتكز على الهدف الذي يتبع أفضل ممارسات تصميم لوحة المعلومات وتصور البيانات المناسب. على الرغم من أن كل لوحة معلومات مختلفة ولها أهدافها ومتطلباتها وقيودها الخاصة ، فإن اتباع هذه المبادئ الأساسية سيساعد في إنشاء تصميمات متميزة بغض النظر عن التفاصيل:

• أولاً وقبل كل شيء ، تعاطف مع أنواع المستخدمين وافهم أهدافهم.
• نقل قصة واضحة للمستخدمين من خلال الاستفادة من العناصر المرئية والتسميات وتقنيات الكشف التدريجي والرسوم المتحركة الموحية.
• اجعل الأمور المعقدة سهلة من خلال تطبيق تقنيات بحث المستخدم.
• كشف البيانات والمعلومات في الوقت المناسب ، في نظام للتنقيب.
• استخدم تصور البيانات للتعبير عن المعلومات بطريقة هادفة.

• • •

مزيد من القراءة على مدونة Toptal Design:

• تجربة مستخدم التجارة الإلكترونية - نظرة عامة على أفضل الممارسات (باستخدام مخطط المعلومات الرسومي)
• أهمية التصميم المتمحور حول الإنسان في تصميم المنتج
• أفضل مجموعات مصممي UX - أمثلة ودراسات حالة ملهمة
• مبادئ ارشادية للواجهات المتنقلة
• التصميم التوقعي: كيفية إنشاء تجارب مستخدم سحرية