wireframe (Engzly App: Low-Fidelity Wireframes for Digital Government Services)

عن المشروع:

يهدف مشروع "إنجزلي" (Engzly) إلى تبسيط الإجراءات الحكومية المعقدة من خلال منصة رقمية موحدة. ركزت في هذا العمل على بناء المخططات الهيكلية (Wireframes) لشاشات التعريف (Onboarding Screens) لضمان رحلة مستخدم سلسة وخالية من التشتت.

المشكلة التي يحلها التصميم:

يعاني المستخدمون غالباً من الحيرة تجاه الأوراق المطلوبة أو فترات الانتظار الطويلة. يوفر هذا التصميم حلاً من خلال:

وضوح المعلومات: شاشات تشرح للمستخدم الوثائق المطلوبة بدقة قبل البدء.

كفاءة الوقت: ميزة حجز الدور عبر الإنترنت لتقليل الازدحام.

المميزات التي تم التركيز عليها في الـ Wireframe:

هيكلية المعلومات (Information Architecture): تنظيم المحتوى بأسلوب هرمي يبرز العناوين الأساسية والرسائل التحفيزية.

عناصر التنقل (Navigation Components): استخدام مؤشرات الصفحات (Pagination Dots) وزر "تخطي" بشكل استراتيجي لمنح المستخدم السيطرة الكاملة على تجربته.

التصميم المرتكز على المحتوى: تم تصميم الهيكل ليدعم النصوص البرمجية (Microcopy) الجذابة التي تخاطب المستخدم بلهجة ودية وبسيطة.

الأدوات المستخدمة:

Figma: لبناء الهياكل والتدفق المنطقي للشاشات