مبادئ تصميم واجهات المستخدم

مبادئ التصميم القيّمة لواجهات المستخدم

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

مراعاة المستخدمين في التصميم

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

المشاكل الشائعة في واجهات المستخدم

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

أهداف تصميم واجهات المستخدم

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

تنظيم عناصر الشاشة

• يعتمد الوضوح البصري على تنظيم العناصر على الشاشة بشكل واضح وسهل الفهم.
• يجب أن يُسهّل التنظيم الجيد على المستخدم التعرف على عناصر واجهة المستخدم الأساسية والثانوية.
• التأثيرات التي تؤثر على الوضوح البصري:
  • تكوين بصري مرضٍ.
  • التسلسل والترتيب المنطقي للعناصر.
  • عرض كمية مناسبة من المعلومات.
  • التجميع.
  • محاذاة عناصر واجهة المستخدم.
  • التناسق في التصميم.

ترتيب البيانات والمحتويات

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

مخططات الترتيب

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

شاشة الملاحة والتدفق

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

التكوين البصري المريح

• يُحاول النظام الإدراكي للبشر إيجاد معنى للأشياء من حوله، ويحاول هيكلة الأشياء عندما يواجه حالات غير واضحة.
• لضمان تكوين بصري مريح، يجب تنظيم عناصر الشاشة بحيث تتضمن الصفات التالية:

التوازن

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

التناظر

• يشير التناظر إلى تكرار العناصر من يمين ويسار الخط المركزي للشاشة.

الانتظام

• الانتظام يعني إنشاء مسافات موحدة وثابتة بين نقاط المباعدة الأفقية والعمودية.
• عند تنظيم العناصر بشكل منتظم، يُعالج المستخدم العمود الأقصى اليسار، بينما يُلاحِظ العمودين الآخرين في نفس الوقت.
• إذا كانت عناصر الشاشة غير منتظمة، سيتم معالجة موقع وحجم كل شكل بشكل منفصل.

التوقعية

• التوقعية هي وضع الأشياء في الأماكن التي يُمكن للمستخدم التنبؤ بها على الشاشة.
• يُمكن للمستخدم التنبؤ بمكان ظهور القائمة و محرك البحث في أعلى الشاشة، تليها الكلمات الرئيسية المستخدمة في البحث.

التسلسل

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

الاقتصاد

• الاقتصاد هو استخدام أقل عدد ممكن من أساليب الحوار و الخطوط و الألوان و تقنيات العرض.

الوحدة

• الوحدة هي جعل العناصر تبدو كوحدة متكاملة (للتماسك البصري) من خلال:
  • استخدام أشكال، أو أحجام، أو ألوان متشابهة.
  • تقليل المسافة بين عناصر الشاشة.
  • استخدام العناصر الإضافية بشكل مقتصد.

النسبة

• النسبة هي استخدام نسب مرضية لدمج البيانات معا.

البساطة

• يمكن تقليل عدد النقاط المُصطفّة باستخدام:
  • أقل عدد من الأعمدة لعرض العناصر على الشاشة.
  • دمج العناصر لتقليل عدد عناصر واجهة المستخدم.

التجميعات

• التجميعات هي تقنية تُستخدم لترتيب عناصر الشاشة بصريًا حسب وظيفية كل منها.
• يمكن تصميم التجميعات من خلال:
  • محاذاة Elements of the screen in groups.
  • إنشاء مساحة فارغة بين المجموعات.
  • استخدام عناصر إضافية بشكل مقتصد.

أنواع التجميعات

• بسيطة: تُستخدم لمحاذاة العناصر المماثلة بشكل رأسي مع مسافة عمودية صغيرة بينها.
• الصناديق: تُستخدم لاحتواء البيانات المتصلة مع بعضها باستخدام إطار.
• الخلفيات: تُستخدم لإنشاء مجموعات عن طريق إعطاء لون مختلف لخلفية عناصر الشاشة.