اسحب للاستكشاف. مرّر أو استخدم إصبعين للتكبير. افتح المساعدة لعرض اختصارات لوحة المفاتيح.

Yan
متاح
للمشاريع
لنتحدث
Yan Fontão Boring view
All work

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

Orka

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

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

01

مساهمتي

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

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

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

02

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

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

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

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

03

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

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

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

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

التعليمات

Yan Fontão
لمسة
تفتح شاشة
نقرة
تفتح شاشة
سحب
يتجوّل في اللوحة
العجلة
الفأرة تكبّر، ولوحة اللمس تحرّك، وإصبعان يكبّران
− +
تراجع لرؤية اللوحة كاملة، أو اقترب
الأسهم
في دراسة الحالة: ↑↓ لتبديل الدراسة، ←→ لتبديل الوسائط. في اللوحة: للتحريك
مسافة
تفتح أو تعود
Enter
يفتح
Esc Backspace
رجوع
Home
العودة إلى الوسط، ثم إلى المقدمة
PgUp PgDn
القناة السابقة أو التالية
Tab
يتنقل بين المشاريع والروابط
R
مشروع عشوائي
0–9
اكتب رقم القناة، 1–61
?
هذه الصفحة
الاختصارات

موسيقى اللوحة

الملفات مضغوطة وموحّدة الصوت للويب.

متاح
للمشاريع
لنتحدث

رسالة جديدة إلى يان

أخبرني من أنت وسأرد عليك.

000

عن يان

مرحبًا، أنا يان

مصمم منتجات/ مهندس تصميم

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

  • 2018بداية تطوير البرمجيات
  • UI + codeالتصميم والتنفيذ

عملت مع Motorola · Ambev Tech · Rei do Pitaco · OneTool · CESAR

البرازيل · عن بُعد أو هجين أو حضوريًا

صورة يان فونتاو جالسًا بسترة خضراء ونظارة ويمسك ميكروفونًا.
متاح
للمشاريع
لنتحدث
متاح
للمشاريع
لنتحدث
000

قناة مقفلة

بموجب اتفاقية عدم إفصاح

أدخل الرمز

اطلب الرمز من يان ↗
متاح
للمشاريع
لنتحدث
YAN FONTÃO دراسات الحالة

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

Orka

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

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

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

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

مساهمتي

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

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

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

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

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

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

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

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

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

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

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