قوة الهيكل - دليل لتصميم نماذج النظام

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

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

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

بعد عام 2007 ، أجبر تدفق الشركات الرقمية على أن تكون أكثر إصرارًا على تماسك التصميم عبر المنتجات والمنصات. تم اتباع التركيز على الإرشادات المرئية ومكتبات المكونات ، ولكن تم تكلس هذه المستندات بسرعة في صفحات ملفات PDF والملفات المشتركة. من خلال التجربة والخطأ ، أصبح صانعو أنظمة التصميم الحديثة ينظرون إلى عملهم على أنه منتجات حية ، وليس وثائق ثابتة.

Zalando هو سوق الأزياء الرائد عبر الإنترنت في أوروبا. تعتبر Atlassian عالميًا لأدوات تطوير البرامج الخاصة بها. لكل منها فرق إنتاج كبيرة واحتياجات تصميم معقدة. ما الذي يمكن تعلمه من نماذج نظام التصميم الخاصة بهم؟

زالاندو: التعاون كنموذج لنظام التصميم

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

قد يعتقد المرء أن الحفاظ على نظام تصميم لمثل هذه العلامة التجارية البارزة سيتطلب حوكمة صارمة ودائرة ضيقة من صانعي القرار في مجال التصميم. بدلاً من ذلك ، نهج Zalando تعاوني بلا ريب. بدلاً من رؤية نظام التصميم الخاص بها ككيان مثالي تحت تهديد الانتروبيا ، تشجع Zalando فرق الميزات على المساهمة بأفكار جديدة حسب الحاجة. كيف يعمل؟

الهدف الأساسي لفريق نظام التصميم (ZDS) في Zalando هو مساعدة فرق الميزات على تطوير المكونات التي يحتاجونها لجعل المنتجات تتألق. في نفس الوقت ، تضمن ZDS عدم المساس بسلامة نظام التصميم. بهذه الطريقة ، تعد ZDS بمثابة ارتباط وشبكة أمان.

عندما يجد فريق ميزة Zalando نفسه في حاجة إلى حل يتعارض مع نظام تصميم الشركة ، فإنه يقدم مساهمة باستخدام نموذج Google بسيط. عند استلام بطاقة مساهمة ، تقوم ZDS بمراجعة وتصنيف طلب التغيير على أنه خفيف أو متوسط ​​أو ثقيل . كل فئة لها تسلسلها الخاص للمراجعة التعاونية والتصميم والتكرار.

بمجرد أن تجعل المساهمة من خلال هذه العملية وتصبح حقيقة واقعة ، يقوم فريق ZDS بتحديث بوابة نظام التصميم المشترك مركزيًا ، ويعرض التغييرات في العرض التوضيحي الأسبوعي ، ويبلغ التحديثات إلى أصحاب المصلحة والعملاء.

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

• الحوكمة مهمة ، لكن يجب أن تركز الفرق التي تشرف على أنظمة التصميم على نجاح الفرق الأخرى داخل مؤسساتها.
• اجعل عملية مساهمة الميزة بسيطة وشفافة وتعاونية ، وقم بتوثيق جميع الاتصالات.
• اطلب من المصممين والمطورين العمل معًا على إجراء تغييرات على النظام ، وبالتالي تعزيز لغة نظام مشتركة.
• قم بإنشاء قائمة تحقق تضمن أن كل تحديث للنظام يعالج مشكلات الوصول.

Atlassian: إعادة تصور نظام التفكير في التصميم

ينشئ Atlassian أدوات لتطوير البرامج والتعاون ، مثل Jira و Trello.

في عام 2017 ، أعادت Atlassian تسمية وإطلاق موقع لإرشادات التصميم الخاصة بها. في الوقت نفسه ، استضافت الشركة موقعًا منفصلاً مخصصًا لمكونات واجهة المستخدم الخاصة بها وأمثلة الكود المقابلة لها.

مع مرور الوقت ، يتوافق الموقعان ، مما تسبب في حدوث إحباط وارتباك بين فرق التصميم والتطوير الداخلية ، وبائعي تكامل التطبيقات من الأطراف الثانية ، وعملاء Atlassian.

إدراكًا للفجوة المتزايدة بين التصميم والتطوير ، اختارت Atlassian إعادة التفكير في نهجها في أنظمة التصميم. لم يعد بإمكانها التعامل مع وثائق التصميم والتطوير على أنها أكثر قليلاً من مجرد وسيلة لتوليد مخرجات التعليمات البرمجية والرسومات لمنتجات Atlassian. يجب احترام نظام التصميم كمنتج في حد ذاته.

لفهم مشكلتها تمامًا ، خضعت Atlassian لمراجعة خارجية وأصدرت استطلاعات رضا العملاء. وكما هو متوقع ، فقد تم اعتبار الموقعين منحرفين وعفا عليهما الزمن. بفضل سمعتها على الخط ونظامها البيئي الكبير من المصممين والمطورين وأصحاب المصلحة الذين يطلبون التغيير ، أقرت Atlassian بأوجه قصورها وشرعت في إعادة تصور نظام التصميم الخاص بها.

في بداية أغسطس 2020 ، أطلق فريق نظام تصميم Atlassian (ADS) موقعًا جديدًا يدمج إرشادات للعلامة التجارية والمحتوى المرئي والمكونات والأنماط.

بالإضافة إلى ذلك ، فإن فريق ADS:

• تم ترحيل نصف مكونات واجهة المستخدم الخاصة به إلى النظام الجديد (الباقي قيد التقدم)
• أعد كتابة الوثائق وتبسيطها طوال الوقت
• بحث محسن داخل النظام
• تمت إضافة روابط رمز النقر لنسخها

يأتي الدليل الأكثر دلالة على نضج عقلية Atlassian من مصمم ADS الرئيسي Jennie Yip: "المفهوم الخاطئ الشائع حول أنظمة التصميم هو أنه بمجرد نشرها ، فإنها تصبح مصدرًا ثابتًا للحقيقة. نظام التصميم لا يكتمل أبدًا. في Atlassian ، بدأنا في تحويل الطريقة التي ننظر بها إلى نظام التصميم الخاص بنا ... إلى كيان حي ومتنفس. "

5 مبادئ نظام التصميم تستحق التذكر

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

1. أنظمة التصميم هي منتجات رقمية.

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

2. أنظمة التصميم تعاونية.

يجب أن تخدم أنظمة التصميم احتياجات أصحاب المصلحة الذين يمثلون وظائف عمل متعددة. يؤدي توفير سبل التعاون إلى منع الأنظمة من التواجد داخل صوامع التصميم والهندسة ويضمن عدم تجاهل أفكار المنتج.

3. تزدهر أنظمة التصميم على البساطة.

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

4. تتطلب أنظمة التصميم استراتيجيات الاتصال والمشاركة.

تحتاج الفرق التي تدير أنظمة التصميم إلى التفكير في كيفية توصيل التحديثات والميزات الجديدة بانتظام إلى المساهمين. يجب أن توفر الرسائل الإخبارية وجلسات الأسئلة والأجوبة واستراتيجيات التواصل الأخرى المعلومات والمشاركة: "هذه هي التغييرات. لهذا السبب يجب أن تهتم ".

5. أنظمة التصميم مركزية.

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

قوة المرونة الهيكلية في التصميم

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

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

اسمحوا لنا أن نعرف ما هو رأيك! يرجى ترك أفكارك وتعليقاتك وملاحظاتك أدناه.

• • •

مزيد من القراءة على مدونة Toptal Design:

• الاتساق هو المفتاح - كيفية بناء نظام تصميم فيجما
• فهم أنظمة وأنماط التصميم
• Figma مقابل Sketch مقابل Axure - مراجعة قائمة على المهام
• لماذا نستخدم التصميم متعدد الأبعاد؟ موازنة الإيجابيات والسلبيات
• الماضي لا يزال حاضرًا - نظرة عامة على التصميم الخالد