لماذا يهم
حين ينمو المنتج ميزةً بعد ميزة، يُصمَّم المكوّن نفسه ويُبنى غالباً أكثر من مرة، وعلى يد أشخاص مختلفين. فتظهر فروق صغيرة: نسختان من الزر نفسه، وثلاث درجات من اللون الرمادي ذاته. ثم يجب إجراء كل تغيير في أكثر من مكان، ويفوت بعضها.
يمنح نظام التصميم مصمّميك ومهندسيك مجموعة واحدة من القواعد للألوان والخطوط والمسافات والمكوّنات، ويوثّق سبب كل قاعدة. تُبنى الشاشات الجديدة من أجزاء موجودة أصلاً، فيستغرق التغيير وقتاً أقل ويبدو المنتج متّسقاً في كل مكان.
كيف يسير العمل
نبدأ بجرد كل مكوّن مستخدم في منتجك، ونحدد أين بُني الشيء نفسه أكثر من مرة. هكذا ترى ما لديك فعلاً قبل أن يُصمَّم أي شيء جديد.
ثم نحدد القواعد للألوان والخطوط والمسافات والمكوّنات، ونوثّق المنطق وراء كل قاعدة. وحين يواجه فريقك حالة لا تغطيها القواعد، يساعده هذا المنطق على اتخاذ القرار.
نبني مكتبة المكوّنات ونطبّقها على المنتج شاشةً بعد شاشة، ونعمل جنباً إلى جنب مع مهندسيك وهم يبنونها برمجياً.
إن كان لديك أكثر من منتج أو علامة، يمكن لنظام واحد أن يخدمها جميعاً مع احتفاظ كل منها بمصطلحاته. وإن كان منتجك بالعربية، يُصمَّم النظام ليعمل من اليمين إلى اليسار منذ البداية، فلا تحتاج الشاشات العربية إلى إعادة بناء لاحقاً.
ما تحصل عليه
- جرد للمكوّنات المستخدمة اليوم، وأين تتكرر.
- مكتبة مكوّنات يبني منها مصمّموك ويبني وفقها مهندسوك.
- توثيق يغطي الحالات المعتادة والاستثناءات وطريقة الإضافة إلى النظام.
يمتلك فريقك النظام من بعدها. يمكننا البقاء لمساعدته على النمو، أو تسليمه مع توثيق كل شيء.
أعمال ذات صلة
بنك أبوظبي التجاري: لغة تصميم واحدة. نما تطبيق بنك أبوظبي التجاري ميزةً بعد ميزة. فإن كان لديك حساب تقليدي وآخر إسلامي، شعرت كأنك تتعامل مع بنكين مختلفين. كان أحد الخيارات إعادة بناء التطبيق حول مساعد محادثة. أوصينا بعدم ذلك، وبنينا بدلاً منه لغة تصميم واحدة عبر المنتجات الثلاثة: مكوّنات ومنطق مشتركة، مع مساحة لكل منها للاحتفاظ بمصطلحاته. نفّذه مؤسسو راي أثناء عملهم في بنك أبوظبي التجاري.
خدمات أخرى: تصميم المنتجات والخدمات · العلامة والإبداع · التسليم والتشغيل