مبادئ تصميم النظام | System Design Principles

تصميم النظام

ما هي مبادئ تصميم النظام؟ ما هو تصميم النظام نفسه؟ من أين يأتي هذا المفهوم ولماذا هو مهم؟

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

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

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

هذا هو المكان الذي يصبح فيه تصميم النظام ضروريًا في تصميم المنتج.

مبادئ تصميم النظام

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

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

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

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

ما هو تصميم النظام؟

اسمحوا لي أن أقتبس تعريفًا من nngroup.com، والذي يعتبر مرجعًا في مجال hgتصميم وتصميم تجربة المستخدم. هذا التعريف موجز ومفيد، ووفقًا للتفسيرات التي قدمتها، سيوضح لك معنى تصميم النظام أو نظام التصميم.

A design system is a set of standards to manage design at scale by reducing redundancy while creating a shared language and visual consistency across different pages and channels.

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

على سبيل المثال، في تصميم نظام موقع أكاديمية ما، تم تحديد العناصر التالية:

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

4 مبادئ أساسية في تصميم النظام

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

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

1. يجب مراعاة أهداف وقيم المشروع (المنتج) في تصميم ديزاين النظام

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

2. يجب أن يكون تصميم النظام متوافقًا مع هوية ولغة العلامة التجارية المصممة

بالإضافة إلى مراعاة أهداف المنتج وقيمه، يجب أيضًا مراعاة هوية العلامة التجارية وقيم العلامة التجارية. لا يمكن تصميم منتج وإنتاجه كمجموعة فرعية من علامة تجارية معينة ولكن ليس هناك أي تنسيق أو توافق مع قيم العلامة التجارية. يُظهر تصميم المنتج بطريقة ما هوية وصوت العلامة التجارية. على سبيل المثال، قد يتم تمثيل العلامة التجارية بلون أو عنصر معين أو مجموعة من الألوان والعناصر. يجب أن يولي مصمم واجهة المستخدم (UI) اهتمامًا خاصًا لتلك الألوان أو العناصر في تصميم النظام وإدراجها في التصميم.

3. يحدد تصميم النظام كلاً من القواعد العامة ومبادئ التصميم والتفاصيل

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

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

4. يجب التأكد من أن جميع الفرق تفهم تصميم النظام المصمم

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

 يجب أن يكون تصميم النظام بسيطًا وواضحًا. لأنه إذا كان غامضًا، فلن يصل إلى أهدافه وقد يؤدي إلى سوء فهم ويصبح عقبة أمام العمل الجماعي. لذلك، على الرغم من أن تصميم النظام يتم تنفيذه بمساعدة برنامج مثل Figma؛ كما ترافقه الأوصاف والنص المكتوب (Documentation). الغرض من الوصف في تصميم النظام هو ضمان فهم اللغة المشتركة التي تم تصميم النظام بها.

الملخص والاستنتاج

  1. يجعل نظام التصميم عملية تصميم المنتج بالإضافة إلى الترقيات والتغييرات اللاحقة التي سيتم إجراؤها في تصميم المنتج سهلة وسريعة للغاية.
  2. تصميم النظام هو بمثابة دليل للفريق الفني يساعدهم على فهم تصميم UI / UX للمنتج أو الموقع وتنفيذه بسلاسة.
  3. تصميم النظام ليس بالمهمة السهلة. يجب أن يعرف المصمم بشكل صحيح المشروع الذي سيقوم بتصميم النظام من أجله، وفهم أهدافه وقيمه، وتصميم النظام وفقًا لعوامل التصميم المختلفة.
  4. لتصميم نظام ناجح، لا يكفي اتباع المبادئ الواردة في هذه المقالة. أي أن مصمم واجهة المستخدم لا يمكنه تصميم النظام فقط من خلال معرفة مبادئ تصميم النظام. يحتاج إلى مزيد من التدريب.
  5. لا يقومون بتدريس تصميم النظام في دورة تصميم واجهة المستخدم. لأنه مجال متخصص ويتطلب تدريبه الخاص. إذا أراد المصمم تعلم هذه الخبرة، فعليه اجتياز الدورة التدريبية لتصميم النظام.

منشور ذات صلة
أدوات Premiere 7 Minutes

أدوات Adobe Premiere pro

أمير مقدم

في برنامج Premiere، حدد الأدوات من لوحة Tools أو استخدم اختصار لوحة المفاتيح. يمكنك تغيير حجم لوحة الأدوات وتغييرها عمودياً أو أفقيًا.

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

السلة