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

Hamiid Nouasria

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

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

 

الخطوات الخمس لاختيار تصميم لوحة المعلومات المناسب للوحة تحكم مسؤول موقع الويب الخاص بك

  1. حدد الغرض (الأغراض) من لوحة المعلومات
  2. حدد تمثيلات البيانات التي تحتاجها
  3. اختر تصميم تخطيط
  4. تأكد من أنه يمكنك الوصول إلى جميع الصفحات الضرورية من مكان واحد
  5. تأكد من أنها قابلة للتخصيص

1 - تحديد الغرض (الأغراض) من لوحة المعلومات

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

بمعنى آخر ، هل يتطلب عملك التكيف مع تغييرات السوق بسرعة و / أو على أساس يومي ، أم أنه يتبع استراتيجية طويلة الأجل؟

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

لوحة المعلومات التشغيلية هي لوحة معلومات مصممة لمساعدة المستخدمين على مراقبة البيانات في الوقت الفعلي مقابل مؤشرات الأداء الرئيسية والمقاييس. تستجيب لوحة العدادات هذه بسرعة - حتى في الدقيقة - للتغييرات.

المصدر :Pexesl

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

تمكّنك لوحة المعلومات التحليلية من اتخاذ قرارات بناءً على المعلومات التي تم جمعها على المدى الطويل وتساعد على وضع الاستراتيجيات ومراقبة تنفيذها.

2 - تحديد تمثيلات البيانات التي تحتاجها

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

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

  • كم عدد متغيرات البيانات التي سيتم عرضها في مخطط واحد؟
  • كم عدد نقاط البيانات التي سيتم عرضها لكل متغير؟
  • هل سيتم عرضها بمرور الوقت ، أو الفئة ، أو المجموعة ، أو أي طريقة تصنيف أخرى؟

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

3 - اختر تصميم تخطيطي

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

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

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

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

4 - تأكد من أنه يمكنك الوصول إلى جميع الصفحات الضرورية من مكان واحد

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

  • ملفك الشخصي
  • المحتوى
  • الصفحات المقصودة
  • مخططات البيانات
  • الوحدات و / أو المكونات الإضافية

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

5 - تأكد من أنها قابلة للتخصيص

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

 

كيف يبدو أفضل تصميم للوحة تحكم المشرف؟

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

دعنا أولاً نلقي نظرة على هذا:

تم إنشاء لوحة القيادة هذه في أعلى وحدة لوحة تحكم إدارة التحكم الشامل ، باستخدام اللوحات وتقارير Google Analytics والعديد من الكتل والأدوات المحسّنة للحصول على تجربة إدارة سهلة ومرنة.

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

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

 

 

 

هل أنت مستعد لتطوير أداء موقع مؤسستك؟

هل أنت مستعد لتطوير أداء موقع مؤسستك؟

 

 

استنتاج

هناك العديد من لوحات معلومات الموقع هناك. لكن ليس كل منهم يستوفي المعايير الخمسة للوحة معلومات الموقع الجيدة. وحتى عندما يبدو أحدهم جيدًا بما فيه الكفاية على سبيل المثال ، فقد تجد نفسك مُلحًا لكتابة أي تعديل تفكر فيه! ومع ذلك ، فإن لوحة معلومات Varbase تعمل بشكل جيد مع مواقع دروبال ، وتمكنك من إجراء أي تعديلات بأكواد 0!