أصبح نظام التصميم من المألوف وتقريباً يجب أن يكون أداة لشركة تكنولوجيا المعلومات مثل استخدام لوحات kanban وخفة الحركة. هناك العديد من التعريفات لنظام التصميم: شخص ما يفهم من خلاله فقط مجموعة واجهة المستخدم ، بينما يعتقد شخص ما أن نظام التصميم يتضمن بالضرورة قاعدة مكونة في الكود.
من الطريقة التي فهمنا أن الوقت قد حان للتبديل من مجموعة واجهة المستخدم إلى رسم لعرض أنماط في التعليمات البرمجية - تحت القص.
من أين بدأنا؟
أولاً ، كان لدينا مجموعة من رسومات واجهة المستخدم لكل من المنصات - الويب ، iOS ، Android. كما أطلقنا دليل Wordpress الذي يصف كيفية استخدام المكونات ودمجها ، ويشرح أسلوب QIWI. يساعد استخدام مجموعة واحدة من أدوات واجهة المستخدم والأدلة على تسريع عمل المصممين وجعل واجهات المنتج على منصات مختلفة متناسقة بصريًا.
يتم استخدام مجموعة أدوات واجهة المستخدم الفردية في
محفظة QIWI و
QIWI Piggy Bank و
QIWI Bonus و
QIWI Cashier و
QIWI Teamplay ، كما نستخدمها عند تصميم واجهات لمنتجات جديدة. يتزايد عدد المنتجات التي يتم إطلاقها باستمرار ، لذلك كان إنشاء قوالب للصفحات الداخلية خطوة منطقية. تساعد قوالب الصفحات الأمامية في تقليل مستوى التباين في الأنماط وتسريع عمليات التصميم بشكل ملحوظ.
في المرحلة الأولى ، حصلنا على نظام تصميم مرئي ، على أساسه يمكننا الآن نشر نظام تصميم في الكود.
ماذا الان
بدأنا في ملء نظام التصميم هذا الصيف. يعمل الآن مطورو من فرق مختلفة وجميع مصممي محفظة QIWI على نظام التصميم.
في المرحلة الأولية ، تواصلنا بنشاط مع الشركات التي طبقت بالفعل نظام التصميم بنجاح. من أجل فهم ما سوف يندرج في نظام التصميم وتحديد الأنماط ، فإننا نعقد اجتماعات منتظمة مع فريق التصميم في الداخل.
من الجوانب المهمة عند إنشاء نظام تصميم التواصل مع فريق التطوير ، تتمثل إحدى أفكار المشروع في إنشاء مجتمع من المطورين والمصممين من فرق مختلفة سيعملون معًا على إنشاء وتعبئة ، وتبادل الخبرات مع بعضهم البعض.
الآن ما زلنا في الطريق ، والعملية مستمرة ، والخطط للعام المقبل تتمثل في ملء قاعدة المكونات الرئيسية وفي الوقت نفسه إضافة مكونات فريدة للمنتجات الفردية ، كل من قطاعي B2B و B2C.
ومع ذلك ، لا يتم تضمين جميع منتجات QIWI في نظام التصميم. على سبيل المثال ، لا يتم تضمين
الضمير في ذلك - يختلف النمط المرئي لهذا المنتج عن عمد.
كيف هو العمل
عندما يظهر مكون جديد ، نقوم بتنسيقه داخل فريق التصميم ووضعه في مجموعة واجهة المستخدم ، ثم يتم وصله إلى Zeplin و Abstract. الخلاصة تسمح لك بإصدار تصميمات ، إنها نوع من بوابة للمصممين. من مجموعة أدوات واجهة المستخدم ، يدخل المكون النهائي في المستودع على جيثب ، حيث يمكن للمطورين العثور عليه.
الآن نظام التصميم في طور الملء ، لديه بالفعل المكونات الأساسية. التالي في السطر أنماط وأنماط أكبر + مكونات منتج فريدة.
نظام التصميم مفيد لجميع المشاركين في عمليات المنتج:
- للأعمال - يتيح نظام التصميم مرتين أسرع إطلاق حلول جديدة واختبار فرضيات المنتج ؛
- للفريق - هناك قاعدة بيانات واحدة للمكونات المختبرة ، مما يزيد من سرعة وجودة العمل ؛
- للمستخدمين - يساعد على إنشاء تجربة مستخدم موحدة في عائلة منتجات QIWI.
نعمل الآن على جعل نظام التصميم مرنًا وقابل للتخصيص للأنماط الجديدة.
واحدة من المهام الرئيسية هي نقل المنتجات الحالية إلى نظام واحد. سيساعد ذلك في التخلص من الإرث في التصميم والرمز والحفاظ باستمرار على واجهات المنتج والخدمة.