لوحة معلومات CRM ودراسة حالة تصميم واجهة المستخدم

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

الإطار الزمني: 6 أسابيع الأدوات: المصور ، فوتوشوب المنتج النهائي: تم إنشاؤه بواسطة مطوري العميل باعتباره CRM الخاص بهم

المشروع

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

التصميم

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

نهجنا

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

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

المنتج النهائي

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

غب

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

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

هل أعجبك ما تراه؟
تحقق من صفحة تصورات البيانات التفاعلية لمزيد من التفاصيل حول ما نقوم به.