مطار القاهرة الدولي - مركز التحكم والعمليات

تصور لوحة معلومات تنظم نشاط مباني الركاب والمشكلات والتنبيهات.

الدورمصمم تجربة المستخدم ومصور البيانات

صممت تسلسل العمليات والتحذيرات وتفاعلات اللوحة.

تصور لوحة معلومات ويبتصور للوحة معلومات

المشكلة

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

قرارات التصميم

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

الحل

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

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

نظرة أقرب إلى المزايا والواجهة والأدلة التي تدعم العمل.

قرار التصميم الرئيسي

وضعت التحذيرات القابلة للضبط بجانب المعلومات التشغيلية التي تفسرها.

المقايضة: يزيد جمع المؤشرات كثافة العرض. يحتاج وضوح الأولويات ورسائل التحذير الكاملة إلى اختبار مع مراجعي العمليات.

Figma Dashboard UX Real-Time Telemetry Information Architecture Design Systems WCAG 2.2 informed

نظرة أقرب على التصميم

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

خريطة المبنى الثالث بجانب المشكلات النشطة وتفاصيل الرحلات ووسم حالة عدم الاتصال.
نظرة عامة على الواجهة مع توضيحات
٠١ · تحديد النطاق التشغيلي

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

تبويبات مباني المطار مع تحديد المبنى ٣ بين المبنى ٢ وخدمات الدعم.
تفصيل مكبر من لقطة الشاشة. الشرح أعلاه هو البديل النصي له.
٠٢ · إبراز الحالات التي تستدعي الانتباه

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

نظرة عامة على عمليات المبنى ٣ وقسم للمشكلات النشطة وعنوان مختصر لمشكلة بوابة.
تفصيل مكبر من لقطة الشاشة. الشرح أعلاه هو البديل النصي له.
٠٣ · توضيح حالة تحديث البيانات

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

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

لماذا هذا النهج

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

ما تعلمته

أظهر تحويل تخطيط Figma إلى لوحة تفاعلية كيف تتغير كثافة المعلومات باختلاف الشاشة.

مهمة التحقق التالية

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

تشمل الأدلة التصميمات والعروض المباشرة والقرارات الموثقة. تتطلب نتائج الأعمال قياسات موثقة المصدر.

التسجيلات والنصوص

تفضّل القراءة مع الاستماع؟ استكشف مكتبة الصوت والنصوص المصاحبة لكل تسجيل.

استكشف التسجيلات