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

قِنطار — واجهة الخزينة ومراجعة الحركات

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

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

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

1 / 1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

صور المشروع

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

1 / 3

حالة استخدام: تفسير رصيد حساب

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

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

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

حالة استخدام: بند لم يُسجل بعد

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

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

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

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

نطاق العمل

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