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

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

• من أهم مبادئ تصميم واجهات المستخدم هو دمج احتياجات وقدرات المُستخدمين في التصميم بشكل واضح.

تصميم الواجهة

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

العوامل المؤثرة على استخدام الشاشة والنظام

• كمية المعلومات المعروضة في الشاشة.
• كيفية تنظيم المعلومات المعروضة.
• اللغة المُستخدمة للتواصل مع المُستخدم.
• وضوح عناصر الشاشة.
• الجماليات المُستخدمة في التصميم.
• تناسق الشاشة مع باقي الشاشات في النظام.

المشاكل شيوعًا في تصميم الواجهات

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

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

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

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

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

العوامل المؤثرة على الوضوح البصري

• تكوين بصري مُرضي
• التسلسل والترتيب المنطقي.
• عرض الكمية الصحيحة من المعلومات.
• التجميع.
• محاذاة عناصر الشاشة.
• الاتساق في التصميم.

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

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

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

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

التنقل بين الشاشات

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

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

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

التوازن

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

التناظر

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

االنتظام

• خلق مسافات موحدة وقياسية وثابتة بين نقاط المباعدة األفقية والرأسية.

التوقعّية

• وضع األشياء في األماكن التي يتمكن المُستخدم من التنبؤ بها على الشاشة.

التسلسل

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

االقتصاد

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

الوحدة

• جعل العناصر تبدو كوحدة متكاملة باستخدام:
  • أشكال و أحجام و ألوان مماثلة.
  • تقليل المسافة بين العناصر.

النسبة

• استخدام نسب مرضية

البساطة

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

التجميعات

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

التجميع البسيط

• اصطفاف العناصر املماثلة بشكل عمودي.
• يجب أن تكون المسافة العمودية بين األجسام املماثلة صغيرة.

تجميع الصناديق

• تجميع البيانات المرتبطة ببعضها باستخدام إطار.
• تضيف الصناديق تعقيدًا إضافيًا للشاشة.
• غالبًا يمكن االكتفاء بالترتيب المكاني للعناصر.

تجميع الخلفية

• خلق تجميعات بإعطاء لون لخلفية العناصر.

نصائح حول استخدام األلوان

• تضيف األلون تعقيدًا بصريًا إضافيًا
• يفضل استخدام الترتيب المكاني.

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