فهم أنظمة وأنماط التصميم
نشرت: 2022-03-11في حين أنه قد يبدو وكأنه طريقة جديدة للتعامل مع سير العمل الرقمي ، فإن مفهوم نظام التصميم ليس "جديدًا" على الصناعات الإبداعية. في جوهر أي نظام تصميم توجد لغة لأنماط التصميم التي تحل المشكلات الشائعة التي قد يواجهها المصمم.
نشأت فكرة لغة النمط من الهندسة المعمارية والتصميم الحضري منذ أكثر من 40 عامًا ويمكن تطبيقها على أي تخصص تصميم تقريبًا.
تعد أنظمة التصميم مثل التصميم متعدد الأبعاد موضوعًا شائعًا ، ومع ذلك فإن النهج المنتظم للتصميم كان جزءًا لا يتجزأ من ناشري المجلات على مدى عقود. أثناء التنقل بين صفحات أي مجلة رئيسية ، من السهل أن ترى أن كل قسم مُعرَّف بشكل فريد على أنه قالب ذو تخطيط مشترك وخطوط وألوان وما إلى ذلك.
تسمح أنماط التصميم المستخدمة لأقسام الصفحة بترتيب النص والصور بشكل متسق وفعال بطريقة تكمل الرؤية الإبداعية للنشر.
عند النظر إلى المجلات المنافسة ، من السهل أن ترى كيف يمكن مقارنة لغة تصميم أحدهما مع الآخر.
إذا لم يفعلوا ذلك بالفعل ، فسيقوم المصممون من العديد من الصناعات قريبًا بدمج لغة التصميم والقوالب في سير عملهم. بالنسبة لمصممي المنتجات الرقمية ، يتطور هذا الموضوع ، ويتعلم الكثيرون التصميم من مكتبات الأنماط داخل أنظمة معقدة لأول مرة (أو حتى المساعدة في تحديدها).
هناك تعقيد إضافي عند محاذاة أنماط تصميم البرامج مع قاعدة التعليمات البرمجية للواجهة الأمامية ، والتي يمكن أن تجعل تعلم لغة التصميم أمرًا مربكًا.
لغات التصميم شاملة
لغة التصميم ، كما هو الحال مع أي لغة ، معقدة وتحتوي على فروق دقيقة قد تبدو محيرة للتعلم في البداية. هذا هو السبب في أنه من المفيد التفكير في لغة التصميم كنظام معقد "يتكون من العديد من المكونات التي قد تتفاعل مع بعضها البعض."
لفهم نظام معقد ، من المهم التفكير في لغة التصميم بشكل شامل :
- ابدأ بنظرة شاملة لكيفية تأثير التصميم على العلامة التجارية أو الأعمال التجارية.
- ثم فكر في دور التصميم مع فرق متعددة الوظائف ومصممين آخرين.
- أخيرًا ، ضع في اعتبارك كيف يؤثر التصميم على المنتج والمستخدمين في لحظة معينة.
يؤكد هذا المنظور الشامل على طريقة منهجية للتفكير في سير عمل التصميم ، ويسمح بتطبيق لغة التصميم بسهولة عند حل مشكلات معينة.
في الممارسة العملية ، تعتبر لغة التصميم موردًا يستخدم للمساعدة في تقليل التكرار وتحسين الاستمرارية في الطريقة التي يتعامل بها المصممون مع مشاكل التصميم الشائعة. على سبيل المثال ، هناك مشكلة شائعة يواجهها مصممو المنتجات وهي "أحتاج إلى وضع عبارة تحث المستخدمين على اتخاذ إجراء للنقر عليها".
هذا شيء تم حله من قبل ، لذا بدلاً من إعادة اختراع العجلة (أو الزر) ، ستحدد لغة التصميم زرًا يمكن إعادة استخدامه "نمط تصميم" بخصائص محددة مسبقًا ، مثل اللون والشكل ، جنبًا إلى جنب مع إرشادات لأفضل الممارسات.
عادةً ما تكون لغة تصميم المنتج الرقمي موردًا متعدد الوظائف بهدف تحسين كفاءة سير العمل والتعاون بين الفرق.
في بعض الحالات ، يتم تمديد اللغة إلى مكتبة أنماط حية متصلة مباشرة بقاعدة كود الواجهة الأمامية والتحليل المتري للأنماط. هذا النوع من الأنظمة المعقدة ذات التبعيات المختلفة يجعل النهج الشامل لحل المشكلات أمرًا ضروريًا للغاية.
إن الشيء الرائع في تعلم لغة التصميم هو أن زملاء الفريق عادة ما يكونون متحمسين جدًا للواجهة والتفاعلات المستخدمة لتحديد المنتج. يعد تعلم لغة جديدة تحديًا بشكل عام ، ولكنه يمكن أن يكون أيضًا تجربة غامرة تربط الفريق!
أسئلة شائعة "لتصميم" التفكير المنظومي
سيضمن إتقان لغة التصميم جودة النظام من خلال الكرازة - والتي قد تشمل:
- تدريب المصممين الجدد ؛
- إرشاد صغار الموظفين وإدارة المقاولين ؛ أو
- العمل مباشرة مع المهندسين لتحسين الواجهة الأمامية للمنتج قبل الإصدار.
من خلال هذه الجهود التعاونية ، سيتمكن المصمم من ضمان دعم المبادئ التوجيهية للنظام أو صقلها بناءً على الحاجة.
مهما كان الواجب ، هناك سؤالان شائعان حول أنظمة التصميم يعتقدان أن المصمم قد يكون مسؤولاً عن:
ما الذي يجب أن أفكر فيه عند التصميم داخل نظام التصميم؟
اعتمادًا على مدى تعقيد نظام التصميم ، من المهم البدء باتباع نهج شامل للمشكلة التي يتم حلها. ضع في اعتبارك مثال الزر من قبل.
إذا كان اللون مضبوطًا مسبقًا ليكون # 1f9efc وقام المصمم بجعله # 1b3e9b دون استشارة المصممين الآخرين الذين يستخدمون مكتبة الأنماط نفسها ، فقد يتسبب ذلك في حدوث خطأ في النظام.
عند العمل ضمن نظام تصميم ، فكر في كيفية تأثير المشكلة التي يتم حلها على دورة تطوير المنتج بأكملها. في كثير من الحالات ، لن يكون هناك ، ولا ينبغي أن يكون ، تأثير كبير لأن مكتبة الأنماط قد تم التحقق منها بالفعل.
إذا كانت المشكلة التي يتم حلها جديدة على نظام التصميم ، فقد تكون هناك فرصة لتطوير مكتبة الأنماط والمساعدة في تحديد نمط تصميم جديد.
عندما يتطور النظام ، يكون جديدًا بالنسبة لسير عمل الفريق. هنا ، المرونة مطلوبة لأن أنماط التصميم ستتكرر بمرور الوقت. ومع ذلك ، في حين أنه من السهل تغيير لون الزر ، يجب مراعاة التعقيد الأكبر للنظام في جميع الأوقات.
لهذا ، من المفيد تحديد تصنيف لتنظيم نظام التصميم ومكتبة الأنماط. يجب أن تكون المصطلحات المستخدمة مفهومة بسهولة عبر الوظائف.
انقر لرؤية الصورة بالحجم الكامل.من خلال تجميع عناصر التصميم في موضوعات مفهومة بشكل عام ، تسمح مكتبة الأنماط للنظام بالعمل عبر مهام سير عمل الفريق وتطوير الاتصال بالطريقة التي يتم بها التحدث عن أنماط التصميم.
كيف أعرف متى أحتاج إلى كسر نمط أو إنشاء نمط جديد داخل نظام تصميم؟
عادة ما تعتمد الحاجة إلى كسر أو إنشاء نمط تصميم جديد على نضج النظام. عندما يتطور نظام التصميم ، تتغير الأنماط بشكل متكرر. عندما يتم إنشاء النظام ، يجب أن تكون هناك عملية طلب تغيير قائمة للمساعدة في ضمان الاستمرارية والجودة.
من المهم أيضًا مراعاة تعقيد النظام. إذا كان تغيير النمط يؤثر على المصممين والفرق الأخرى ، فقد تستغرق العملية وقتًا أطول للتنفيذ وغالبًا ما تتطلب مستوى أعمق من الجهد أو الموارد (على سبيل المثال ، تحديث إرشادات لغة التصميم أو مكتبات الأنماط أو قاعدة التعليمات البرمجية للواجهة الأمامية).
بشكل عام ، لا يُقصد بمكتبة الأنماط أن تكون جامدة. فكر في الأمر على أنه صندوق أدوات يمكنه حل المشكلات وإكمال المهام. إذا لم تحقق جميع محاولات التصميم داخل حدود مكتبة الأنماط أهداف المشروع ، فقد يؤدي الحدس إلى البحث عن أداة جديدة - أو ربما تغيير النمط الحالي.
ألق نظرة على الرسم البياني أدناه. القاعدة العامة هي أن الهوية والعناصر ، التي تشكل اللبنات الأساسية للعلامة التجارية ، نادرًا ما تتغير لأنها تساعد في تحديد العلامة التجارية ومصنوعات التصميم.
تمتلك معظم المؤسسات الكبيرة أدلة نمط منفصلة للعناصر المتعلقة بالعلامة التجارية - خاصة الشعارات والألوان والخطوط التي لا تتغير كثيرًا. بالنسبة لعناصر مثل الأزرار ، قد يتكرر هذا أو لا يتكرر اعتمادًا على تطور لغة التصميم ، ولكن هذه أيضًا بها تغييرات أقل تكرارًا بسبب ارتباطها بجميع جوانب المنتج.
غالبًا ما تظهر تغييرات نمط التصميم أو الأنماط الجديدة على مستوى المكونات والتفاعلات لأنها تحدد تدفقات المستخدم ومجموعات الميزات. من الشائع أن يتم تحديد تدفقات المستخدمين الجدد في خارطة طريق المنتج ، خاصةً عند طرح الميزات.
ستحتوي أنماط التصميم الجديدة على خصائص مشابهة للأنماط المحددة بالفعل في المكتبة (مثل الخطوط والألوان) ولكنها قد تتطلب تحديثات للواجهة أو حالات تفاعلية بالإضافة إلى لغة التصميم.
سيوفر مدير المنتج أو مالك المنتج الذي يعمل مع المصمم متطلبات الميزات الجديدة التي تتوافق مع أهداف العمل. عندما تقرر كسر أو إنشاء نمط تصميم جديد ، تذكر نظرية الأنظمة المعقدة ، وتأكد من أن الحل هو قرار مشترك.
فيما يلي بعض الخطوات التي يجب مراعاتها عند التفكير في كيفية كسر أو تغيير نمط التصميم:
ضمان مراقبة الجودة والاستمرارية
تذكر أن الجودة هدف منتج مشترك. كل شخص مسؤول عن ضمان قيام نظام التصميم بعمله.
اتبع دائمًا هذا النهج الشامل وفكر في التأثير المحتمل لكسر نمط أو إنشاء نمط جديد.
اسال نفسك:
- هل كسر نمط هو الطريقة الوحيدة لحل مشكلتي؟
- كيف ستتأثر الفرق الأخرى إذا كسرت هذا النمط؟
- ماذا سيحدث لمكتبة الأنماط إذا كسرت هذا النمط؟
تواصل مع المتعاونين
تحدث إلى المصممين وأعضاء الفريق متعدد الوظائف لمعرفة ما إذا كان أي شخص آخر لديه نفس القيود. تعرف على كل شيء عن متطلبات النظام الأساسي وكيف سيعمل النمط المقترح عبر عائلة المنتج بأكملها.
اسال نفسك:
- من عمل أيضًا على هذا المنتج أو المنصة؟
- ما هي أفضل ممارسات المنصة التي أصمم من أجلها؟
- من الذي يمكنني التحدث إليه قد يكون قادرًا على المساعدة في قراري وتوصياتي؟
فهم قدرات الواجهة الأمامية
تعرف على ما هو ممكن للتنفيذ الأمامي. إذا كان التغيير مجرد تحديث لخصائص HTML / CSS / JavaScript ، فعادةً لا يتطلب كسر نمط أو إنشاء شيء جديد تمامًا.
بدلاً من ذلك ، يمكن أن يكون تحديثًا بسيطًا لمبدأ لغة التصميم. كمصمم ، من المهم العمل بشكل وثيق مع الواجهة الأمامية وربما إيجاد طرق للتعاون أسبوعيًا أو يوميًا.
اسال نفسك:
- هل تم تكليف فريق الواجهة الأمامية بتحديث التصميم هذا؟
- هل التغيير الذي أفكر فيه تحديثًا أماميًا؟
- هل هناك شيء مفقود من إرشادات أفضل الممارسات؟
تحقق من صحة القرار
إذا تم تحديد الحاجة إلى نمط جديد ، فيجب التحقق من صحة القرار مع المتعاونين والمستخدمين النهائيين وتوافقه مع أهداف العمل.
إذا كانت مكونات الواجهة الأمامية مرتبطة بالمقاييس ، فإن اختبار A / B السريع سيساعد في التحقق من الصحة. إذا لم يكن الأمر كذلك ، فإن إجراء اختبارات قابلية الاستخدام سيعمل بشكل رائع.
اسال نفسك:
- هل لدى فريقنا عملية طلب تغيير للتحقق من صحة أنماط التصميم الجديدة؟
- ما الذي يجب علي فعله للتحقق من قراري؟
- هل ينشئ هذا القرار تدفق مستخدم جديد ، أم أنه ميزة مضافة؟
نفس العمل ، عقلية مختلفة
عند التصميم داخل نظام ، من المهم أن يتبنى مصممو المنتجات عقلية الصورة الكبيرة المطلوبة لاتخاذ القرار. ستساعد مبادئ النظام المعقد والتفكير المنظومي المصممين أثناء نموهم في حياتهم المهنية. وينطبق الشيء نفسه على عملية البناء من مكتبة الأنماط.
هذه الأساليب مفيدة لبدء لغة تصميم جديدة أو المساهمة في لغة موجودة لأنه بمجرد أن تصبح العقلية في مكانها الصحيح ، تصبح الأساليب المنهجية ، حسناً ، "منهجية".
إن معرفة أن الصناعات والتخصصات الأخرى قد استخدمت طرقًا مماثلة لتبسيط سير العمل لسنوات عديدة يوفر لمصممي المنتجات نقطة مرجعية ممتازة لأفضل الممارسات.
في نهاية اليوم ، لن يغير التصميم داخل النظام تمامًا الطريقة التي يتم بها إنجاز العمل. بالتأكيد ، ستكون هناك بعض الأدوات الجديدة لربط وإدارة التعقيدات ، ولكن في النهاية ، سيكون هذا تحولًا إلى عقلية شاملة من شأنها أن تساعد حقًا في تحسين سير العمل.
• • •
مزيد من القراءة على مدونة Toptal Design:
- كيفية إنشاء دليل نمط الرسم والمكتبة ومجموعة واجهة المستخدم
- بيانات مشكلة التصميم - ما هي وكيفية تأطيرها
- استخدم إلهامك - دليل للوحات المزاج
- التصميم التعاوني - دليل لتصميم منتج مؤسسي ناجح
- تصميم المستقبل: الأدوات والمنتجات التي تنتظرنا