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

دَسْت — واجهة المشتريات والمخزون

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

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

موكاب واجهات دَسْت على الكمبيوتر والجوال

1 / 1

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

العميل: مشروع من تطوير Nextwave
قطاع العميل: التجارة والتجزئة
المنصات: الويب
نوع المشروع: أنظمة أعمال

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

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

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

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

قد تبدأ مشكلة التوريد بقطعة واحدة. لذلك بنينا دَسْت حول سؤالين يعرفهما فريق التشغيل جيدًا: ما الذي ينقصنا، وما الخطوة التالية لوصوله؟ تتصل الإجابة عبر مركز التشغيل والمنتجات وأمر الشراء.

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

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

كما أن زر الاستلام يحتاج معنى واضحًا: متى يتغير الرصيد؟ وهل يمكن أن تتكرر الزيادة إذا ضغط المستخدم مرة ثانية؟ هذان السؤالان وجها تصميم مسار الطلب.

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

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

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

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

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

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

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

صور المشروع

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

1 / 3

حالة استخدام: اكتشاف منتج يحتاج توريدًا

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

حالة استخدام: مراجعة أمر متعدد البنود

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

حالة استخدام: تأكيد وصول التوريد

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

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

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

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

نطاق العمل

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