Week 7 · Unit 2, Lesson 1 Principles of Designing Attractive, Professional Website Interfaces (1) · 3 lessons
3
الوضوح والاتساق
ICT Prep 2 Term 1, Unit 2, Lesson 1: pp. 45–49
الهدفأشرح الوضوح والاتساق وأستخدمهما للحكم على تصاميم صغيرة.
كلمات جديدة
الوضوح · سهولة القراءة والفهم من أول نظرةالاتساق · الأشياء التي تؤدي العمل نفسه تبدو وتعمل بالطريقة نفسها في كل مكانواضح مقروء · سهل القراءة بسبب الحجم والشكل واللونالمستخدم · الشخص الذي يستخدم موقعًا أو تطبيقًا
الشرح
فكرتان أخريان تصنعان تجربة جيدة. الوضوح يعني أن يفهم المستخدم من أول نظرة: كتابة كبيرة بسيطة وجمل قصيرة وكلمات واضحة. قارن جملة «القراءة تفتح عوالم جديدة» بحروف كبيرة بسيطة بالجملة نفسها بحروف صغيرة ملتوية باهتة: الثانية صعبة القراءة حتى لو وجدها بعض الناس جميلة. والاتساق يعني أن الأشياء التي تؤدي العمل نفسه تبدو وتعمل بالطريقة نفسها في كل صفحة. فإذا كان «حفظ» زرًّا أزرق مستدير الحواف في صفحة فلا ينبغي أن يكون مربعًا أحمر في أخرى ومثلثًا أخضر في ثالثة. يتعلّم المستخدم مرة واحدة ثم يثق بالنمط. وبذلك تصنع سهولة التنقل والوضوح والاتساق تجربة هادئة وسهلة.
حفظ وإلغاء ورجوع: بالشكل نفسه، ولكل منها كلمة واضحة
أمثلة محلولة
يقارن صف سلمى نسختين من الجملة نفسها على الورق. النسخة أ: حروف كبيرة بسيطة. النسخة ب: حروف صغيرة ملتوية بالرمادي الباهت. يقرأ الجميع أ في ثانيتين، وتحتاج ب إلى عشر. فالنسخة أ فيها وضوح.
زر الرجوع يختلف في كل صفحة→المستخدمون يضيعون→نجعل الرجوع متماثلًا في كل مكان→المستخدمون يجدونه بسهولة
في الصفحة الأولى من تطبيق مخترَع يكون زر «رجوع» سهمًا رماديًّا أعلى اليسار. وفي الصفحة الثانية يكون كلمة حمراء أسفل اليمين. فينظر المستخدمون في المكان الخطأ. التطبيق غير متسق. فيجعل الفريق «رجوع» متماثلًا في كل صفحة.
نشاط الفصل
اكتب جملة «القراءة تفتح عوالم جديدة» مرتين على الورق: مرة بحروف واضحة ومرة بحروف صغيرة مزخرفة. واطلب من أحد أفراد أسرتك قراءة كل منهما وقِس الزمن. ثم ارسم أزرار حفظ وإلغاء ورجوع مجموعة متسقة باستخدام الكلمات فقط.
تدرّب
1
ما الوضوح في التصميم؟
سهولة القراءة والفهم من أول نظرة.
2
ما الاتساق؟
الأشياء التي تؤدي العمل نفسه تبدو وتعمل بالطريقة نفسها في كل مكان.
3
زر «حفظ» أزرق في الصفحة الأولى وأحمر في الثانية. أي فكرة ناقصة؟
