نظام محاسبة مؤسسي متميز — تصميم UI/UX

نظرة عامة#

نظام تصميم UI/UX متكامل لبوابة ERP محاسبية مؤسسية: 24 شاشة بجودة إنتاجية تغطي سير العمل المحاسبي كاملًا، من شجرة الحسابات إلى إقفال الفترة، مبنية على نظام رموز موثّق بدلًا من تصاميم شاشات منفردة.

المشكلة#

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

الحل#

بدأت بالرموز التصميمية (Tokens) لا بالشاشات: نظام ألوان متكامل (سطح، حاويات سطح بخمسة مستويات ارتفاع، ألوان أساسية وثانوية وثالثية بمتغيرات ثابتة وحاوية، وألوان دلالية للأخطاء)، ومقياس طباعة بخطين — Hanken Grotesk للعرض والعناوين، وInter للنصوص والبيانات — بحيث تتشارك كل الشاشات نفس القواعد البصرية قبل رسم أي تخطيط.

المعمارية#

يُنظَّم النظام في أربع طبقات: دفتر الأستاذ الأساسي (شجرة الحسابات، القيود اليومية، دفتر الأستاذ العام)، المعاملات (فواتير البيع/الشراء، مطالبات المصروفات)، التقارير (الأرباح والخسائر، الميزانية العمومية، ميزان المراجعة)، والعمليات (الأصول، الميزانيات، مراكز التكلفة، البنوك، الضرائب/القيمة المضافة، إعدادات التدقيق، إقفال الفترة). تُعيد كل شاشة استخدام نفس مكونات الجدول وشارة الحالة وحقل النموذج.

الميزات#

• نظام رموز تصميم متكامل: أكثر من 30 دورًا لونيًا دلاليًا عبر خمسة مستويات ارتفاع سطحي، جاهز لتشغيل واجهات فاتحة ووضع داكن مستقبلي.
• مقياس طباعة من خمسة مستويات (عرض، عنوان، لقب، نص، تسمية) يمتد عبر Hanken Grotesk وInter.
• 24 شاشة مصممة بالكامل تغطي دورة الحياة المحاسبية بأكملها — ليست نماذج معزولة، بل مسار متماسك يمكن لمحاسب حقيقي اتباعه من البداية للنهاية.
• لغة موحدة لشارات الحالة وجداول البيانات مُعاد استخدامها عبر شاشات دفتر الأستاذ والمعاملات والتقارير.

عملية التطوير#

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

التحديات#

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

النتائج#

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

تحسينات مستقبلية#

نسخة رموز للوضع الداكن باستخدام نفس نظام الارتفاع، ونماذج أولية تفاعلية لسير عملي إقفال الفترة والتسوية البنكية.