تطبيق شحن بنظام IOS
تفاصيل العمل
وصف مفصّل لمراحل تنفيذ تطبيق Fast Shipping:
1. مرحلة تحليل المتطلبات وتخطيط المشروع
الوصف: في هذه المرحلة، تم دراسة احتياجات المستخدمين وسوق التطبيقات اللوجستية لتحديد ميزات التطبيق الرئيسية. أُجري تحليل تنافسي لتقييم الميزات الشائعة والمفقودة في التطبيقات المنافسة.
الأدوات المستخدمة: أدوات تحليل الأعمال مثل Miro وNotion لتوثيق المتطلبات وإنشاء خريطة التدفق.
2. تصميم تجربة المستخدم (UX)
الوصف: تم إنشاء سيناريوهات المستخدم (User Scenarios) لتوضيح مسار كل نوع من المستخدمين، من تسجيل الدخول إلى تتبع الشحنات. تضمن العمل رسم خريطة تدفق المستخدم (User Flow) لتحديد الشاشات اللازمة وترابطها.
الأدوات المستخدمة: Figma، Adobe XD.
النتيجة: إنشاء إطار هيكلي (Wireframe) مبدئي لكل شاشة.
3. تصميم واجهة المستخدم (UI)
الوصف: بناء تصميمات ذات مظهر حديث واحترافي، تتضمن شاشات تسجيل الدخول، التتبع، وإنشاء الطلبات. تم التركيز على استخدام ألوان مريحة ومتناسقة مع العلامة التجارية.
الأدوات المستخدمة:
Figma: لإنشاء التصميمات التفصيلية.
Adobe Illustrator: لإضافة أيقونات أو عناصر رسومية مخصصة.
النتيجة: تصميم أكثر من 20 شاشة متكاملة تراعي سهولة الاستخدام والجاذبية البصرية.
4. إعداد المكونات القابلة للتخصيص (Design Components)
الوصف: إنشاء أكثر من 13 مكوناً تصميمياً مثل أزرار، نماذج إدخال، وبطاقات عرض. المكونات مصممة لتكون قابلة لإعادة الاستخدام وتوفير الوقت عند التخصيص.
الأدوات المستخدمة: Figma - ميزة المكونات القابلة للتكرار (Components).
5. إنشاء النموذج التفاعلي (Prototype)
الوصف: تحويل التصميمات إلى نموذج تفاعلي يسمح بمحاكاة تجربة التطبيق كاملة. يُستخدم هذا النموذج للحصول على مراجعات من العملاء والمستخدمين.
الأدوات المستخدمة: Figma، وميزة النماذج التفاعلية (Prototyping).
6. اختبار المستخدم (Usability Testing)
الوصف: تجربة النموذج التفاعلي مع عدد من المستخدمين لمعرفة سهولة التنقل في التطبيق واستكشاف أي عوائق.
الأدوات المستخدمة:
Maze أو User Testing للحصول على تقارير حول أداء المستخدمين.
النتيجة: تحسينات على التصميم بناءً على تعليقات المستخدمين.
7. تسليم الملفات النهائية
الوصف: تنظيم العناصر والطبقات ضمن التصميمات لضمان سهولة العمل مع فريق التطوير. جميع الملفات مصنفة ومجمعة لتسهيل التعديلات المستقبلية.
الأدوات المستخدمة: Figma لتصدير الملفات بتنسيقات مختلفة (SVG، PNG، وغيرها).