تصميم تطبيق ويب ولوحة معلومات

Orka. من قاعدة المعدات كلها إلى قراءة واحدة

لوحة معلومات إدارية باللغة البرتغالية لمعدات ترسل قراءات المياه، مع نظرة عامة وقائمة قابلة للتصفية وشاشة تفاصيل لكل وحدة.

دوري: تصميم الواجهات
حالة المشروع: تصميم الواجهة · أرشيف Figma

نموذج Orka التصميمي، مركّب للوحة المشاريع هذه من شاشات حقيقية للمشروع. — نموذج تصميمي مُركَّب من أجل لوحة المشاريع هذه من شاشات حقيقية للمشروع.

شاشات من ملف التصميم الأصلي في Figma، ببيانات تجريبية.

مساهمتي

Orka لوحة معلومات إدارية لسطح المكتب باللغة البرتغالية لإدارة المعدات ومستخدميها والشركات التي تملكها. ترسل الوحدات قراءات للمياه مثل pH وORP ودرجة الحرارة.

ثلاث شاشات تحمل البنية: نظرة عامة وقائمة المعدات وتفاصيل وحدة واحدة. كل القيم فيها بيانات تجريبية.

مسجّل من النموذج الأولي في Figma. من النظرة العامة إلى جهاز واحد والتقارير والإعدادات.

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

الإجماليات أولًا، والأحداث الأخيرة بالقرب

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

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

قائمة Equipamentos بتبويبات وعامل تصفية وبحث، وصفوف تحمل الرموز من EQ-001 إلى EQ-011 تعرض القراءات والحالة والخطة والشركة والتنبيهات. — يبرز اللون وأيقونات التنبيه الاستثناءات أثناء تصفح القائمة بنظرة سريعة.

تفاصيل الوحدة EQ-001 ببلاطات قراءات زرقاء، وصف من قيم العاكس، ورسوم بيانية خطية، ومقياس pH، ورسم بياني لحجم المياه. — وحدة واحدة: القراءات الحالية أولًا، ثم كيف تغيّرت كل قراءة.

من القائمة إلى وحدة واحدة

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

تحافظ شاشة التفاصيل على ترتيب النظرة العامة لوحدة واحدة: القراءات الحالية في البلاطات الكبيرة، وقيم العاكس في صف أفتح، ثم رسوم بيانية لتغيّر كل قراءة مع حدّها الأدنى والأقصى. يحدد مقياس pH النطاقات بوصفها غير مقبولة ومقبولة ومرغوبة، مما يحوّل الرقم إلى حكم.

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