أهم أمثلة التمثيل المرئي للبيانات وتصميمات لوحة المعلومات

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

ثلاث طرق: فهم أفضل لمبادئ تجربة المستخدم وراء التصميم الجيد للوحة القيادة ، وتطبيق التميز الرسومي ، والممارسة.

يتبع تصميم لوحة معلومات UX مبادئ محددة وأفضل الممارسات. من ناحية أخرى ، يتطلب التميز الرسومي فحصًا أكثر شمولاً.

يُعرَّف التميز الرسومي بأنه:

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

يعد عمل إدوارد تافت مصدرًا ممتازًا لفهم أفضل للتميز الرسومي. يعتبر "ليوناردو دافنشي للبيانات" وله عدد كبير من المؤلفات والكتب والمحاضرات المنشورة. يعد David McCandless ، الذي أسس موقع Information is beautiful ، وهو موقع يمثل الأفضل في تصورات البيانات والتميز الرسومي ، مصدرًا ممتازًا آخر.

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

أهم تصورات البيانات

نابليون 1812 مارس

يعتبر تصور مينارد لمسيرة نابليون عام 1812 أحد "أفضل الرسومات الإحصائية التي تم إنشاؤها على الإطلاق": كان من المستحيل إنشاء تصور بأكبر قدر من المعلومات كما فعل مينارد لولا تطبيق التميز الرسومي.

يُظهر هذا التصور الفردي عدد قوات نابليون حسب الموقع ، ودرجة الحرارة التي واجهتها القوات ، والمسار الذي سلكته القوات من وإلى موسكو.

خريطة جون سنو للكوليرا

يُظهر الرسم البياني لجون سنو 1854 موقع 13 بئراً عامة في لندن و 578 حالة وفاة بسبب الكوليرا باستخدام قضبان مكدسة متعامدة مع موقعها: من السهل فهمها ، وتكشف الحقيقة في البيانات ، وتوفر للمستخدم جميع المعلومات التي يحتاجها لرسم صورة مناسبة. استنتاج بشأن وفيات الكوليرا.

تاريخ موسيقى الروك

يمثل الرسم أدناه جزءًا بسيطًا من تصور البيانات بالكامل ، ويظهر جزءًا من أكثر من 30 نمطًا من الموسيقى من أكثر من 700 فنان خلال الفترة الزمنية من 1955 إلى 1978.

إنه لا يمثل الفنانين والأنماط فحسب ، بل يُظهر التأثيرات ، وحجم مبيعات التسجيلات ، والفئات الأسلوبية ، وأين انتهت أو استمرت. إن تحقيق هذا النوع من التميز الرسومي ليس بالأمر الهين.

حيث ينمو سكان أوروبا وينخفضون

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

الروتين اليومي للأشخاص المشهورين

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

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

عالم اللغات الجرافيكية

يصور هذا التصور الكلاسيكي للبيانات عدد اللغات الموجودة على هذا الكوكب ، حيث يتم التحدث بها ، ومن يتحدث بها في جيوب مختلفة من العالم.

بدون مستوى عالٍ من التميز الرسومي ، سيكون من الصعب إظهار هذا القدر الكبير من البيانات بطريقة أنيقة وغنية بالمعلومات وسهلة الفهم.

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

لكي يتم اعتبار لوحة القيادة متفوقة ، يجب أن تفي بمجموعة من معايير تجربة المستخدم المحددة:

• اصطلاحات تسمية واضحة ومتسقة
• أولوية تدفق البيانات وتخطيطها
• الهوامش مناسبة لسهولة القراءة
• البيانات ليست مخفية أو محملة فوق طاقتها
• مفهومة وسهلة القراءة

لوحة معلومات التسويق KPI

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

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

لوحة القيادة الشريطية

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

لوحة القيادة التطبيب عن بعد

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

لوحة معلومات الأسهم

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

لوحة تحكم جمهور الويب

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

لوحة إدارة التوثيق

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

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

تطبيق الطقس البذر النبات - لوحة القيادة المتنقلة

لوحة معلومات الجوال هذه مفيدة وكذلك سهلة الفهم. تساعد Breadcrumbs في التنقل ، وتساعد الرموز ذات الأوصاف اللغوية الشائعة على إنشاء تصميم UX رائع.

لوحة تحكم بطاقة الائتمان - لوحة بيانات الجوال

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

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

• • •

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

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