NEXTWAVE / أعمالنادراسة حالة / من الفكرة إلى الاستخدام

طِراز — واجهة إدارة شركات المجموعة

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

اكتشف تفاصيل المشروع

موكاب واجهات طِراز على الكمبيوتر والجوال

1 / 1

معلومات المشروع

العميل: مشروع من تطوير Nextwave
قطاع العميل: الخدمات المهنية
المنصات: الويب
نوع المشروع: أنظمة أعمال

الخدمات المقدمة

تطوير تطبيقات الويبتصميم واجهة وتجربة المستخدم

الفكرة والسياق

نظرة عامة على المشروع

الاجتماع الجيد يبدأ بسؤال واضح: أي شركة تحتاج انتباهنا اليوم؟ من هنا بدأ طِراز؛ نظرة تجمع أنشطة المجموعة، ثم وصول مباشر إلى الشركة التي تستحق قراءة أقرب.

المشكلة التي بدأ منها التصميم

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

لذلك صغنا التحدي حول الانتقال بين مستويين: ماذا يحدث عبر المجموعة؟ وماذا يحدث داخل شركة بعينها؟ مع إبقاء اسم الشركة وحالة العمل ظاهرين أثناء القراءة.

كيف رتبنا تجربة العمل

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

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

تفاصيل تخدم الاستخدام

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

من داخل التجربة

صور المشروع

تعرّف على تفاصيل الواجهات وتجربة الاستخدام من خلال صور المشروع.

1 / 3

حالة استخدام: التحضير لاجتماع الإدارة

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

حالة استخدام: انضمام شركة إلى المجموعة

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

حالة استخدام: طلب يحتاج مراجعة

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

تصميم يُقرأ قبل أن يُشرح

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

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

نطاق العمل

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