تخطي إلى المحتوى

تصميم UI/UX

الشاشة الجيدة تجيب عن سؤال قبل أن تكون جميلة

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

  • مدير النظامما حال النظام كله اليوم؟
  • مدخل بياناتما الذي أسجله الآن، وأين؟
  • الماليةما المستحق وما المدفوع؟
  • قائد فريقما مهام الفريق اليوم؟

الفصل الأول

كل شيء موجود، لكنه في أماكن مختلفة

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

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

سيناريو نصمم له في منصات العقارات، وليس اقتباسًا من عميل.

الفصل الثاني

منصة واحدة، أربعة أشخاص، أربعة أسئلة

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

سؤاله الأول

ما حال النظام كله اليوم؟

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

سؤاله الأول

ما الذي أسجله الآن، وأين؟

قرارنا: قائمة بما يخصه فقط، ونماذج بخطوات واضحة وحقول مطلوبة معلّمة، فلا يضيع بين أقسام المال.

سؤاله الأول

ما المستحق وما المدفوع؟

قرارنا: الفاتورة ببنودها وضريبتها في مكان واحد، وحالتها (مدفوعة، معلقة، متأخرة) ظاهرة، والتحميل بصيغة PDF بنقرة.

سؤاله الأول

ما مهام الفريق اليوم؟

قرارنا: قائمة من أربعة عناصر فقط، أهمها الصيانة والعمال، فلا يرى قائد الفريق ما لا يخصه.

الفصل الثالث

ثلاثة قرارات صغيرة، ولماذا اتخذناها

العقد الطويل يصبح ست خطوات

نموذج واحد بكل الحقول يرهق من يملؤه. قسّمناه إلى ست خطوات، ورقّمنا العقود تلقائيًا فلا يُسأل المستخدم عما يعرفه النظام.

التنبيه يذهب إلى المستخدم، لا العكس

تاريخ انتهاء العقد كان سيبقى عمودًا في جدول. جعلناه تنبيهًا يظهر قبل الموعد حيث ينظر المستخدم أولًا.

من اليمين لليسار أصلًا

العنوان والسهم والأيقونة وترتيب الأعمدة تُرسم للعربية أولًا، لا تُعكس من نسخة إنجليزية فتبدو في غير مكانها.

الفصل الرابع

كيف نشارك في حل مشكلتك

  1. نسمع

    مقابلات مع المستخدمين وأصحاب العمل، لنعرف من يفتح الشاشة وماذا يريد منها.

  2. نرسم الرحلة

    خرائط رحلة وتدفقات شاشات تُظهر أين يتعثر المستخدم وما الأولوية.

  3. نجرّب مبكرًا

    نماذج تفاعلية تُعرض على مستخدمين قبل كتابة سطر كود واحد.

  4. نسلّم ما يدوم

    نظام تصميم ومكونات قابلة لإعادة الاستخدام، وتصميم متجاوب، وتسليم منظم للمطورين.

ولأن من يصمم هو من يبني، لا يضيع شيء بين الفكرة والكود.

لا تعرف ما الذي يعطّل مستخدميك اليوم؟ ابدأ ببحث تجربة المستخدم

عندك منصة بأدوار كثيرة؟ نبدأ بسؤال واحد: من يفتح الشاشة؟

أخبرنا عن منتجك، وسنرد عليك برأي صريح وخطوة تالية واضحة.

ابدأ مشروعك

أخبرنا عن مشروعك وسنتواصل معك قريبًا.

كيف نقدر نساعدك؟واتساب