تخطّي إلى المحتوى الرئيسي
رجوع

تطبيق NSG Maps

تطبيق ملاحة واستكشاف للأماكن موجَّه للسوق السعودي. تولّيت توثيق نظام التصميم وإنتاج المواد التسويقية لمتاجر التطبيقات.

الدور
مصمم واجهات وتجربة مستخدم
السنة
المنصة
iOS وAndroid
الفريق
NSG للخدمات الجيومكانية

السياق

NSG Maps تطبيق ملاحة واستكشاف للأماكن مصمَّم للمملكة العربية السعودية، حيث تكتسب أسماء الأماكن المحلية والبحث بالعربية ونقاط الاهتمام الخاصة بكل منطقة أهمية تفوق ما تراعيه منتجات الخرائط العالمية.

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

القيود

  • كانت مكتبة المكوّنات موجودة أصلاً في Figma لكنها نمت بشكل عشوائي، بتسميات غير متسقة وحالات غير موثّقة.
  • كان على مواد متاجر التطبيقات أن تعمل بالعربية والإنجليزية وأن تلتزم بمتطلبات Apple وGoogle للقطات الشاشة والترجمة.

القرارات التصميمية

  1. [عنصر نائب] القرار الأول — استبدله بالقرار التصميمي الأهم

    [عنصر نائب] لماذا اختير هذا الخيار دون البدائل. يكتبه محمد؛ مادة للمقابلات.

    البديل المرفوض: [عنصر نائب] ما الذي دُرس ورُفض، ولماذا لم يُعتمد.

  2. [عنصر نائب] القرار الثاني — استبدله بالقرار الثاني

    [عنصر نائب] المبررات هنا.

    البديل المرفوض: [عنصر نائب] البديل المرفوض هنا.

النتيجة

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

مجموعة كاملة من لقطات الشاشة والمواد التسويقية ثنائية اللغة لمتجري App Store وGoogle Play.

بأثر رجعي

توثيق نظام قائم بالفعل هو في معظمه تفاوض: تحديد أيٍّ من ثلاثة أشكال للزر هو الشكل المعتمد. البدء بجرد للمكوّنات وقائمة بما سيُهمل جعل تلك النقاشات أسرع.

  • تطبيق جوال
  • نظام تصميم
  • توثيق
  • مواد متاجر التطبيقات
  • خرائط