الأسبوع 7 · الدرس ١ «مبادئ تصميم واجهات احترافية شيقة للمواقع الإلكترونية» (١): تجربة المستخدم UX ومبادئها · 3 دروس
2
سهولة التنقل: أجد ما أريد
ICT Prep 2 Term 1, Unit 2, Lesson 1: pp. 45–49
الهدفأصمّم قائمة رئيسية بسيطة فيها أربعة أو خمسة عناصر واضحة.
كلمات جديدة
التنقل · الانتقال داخل موقع أو تطبيق لإيجاد ما تحتاج إليهالقائمة الرئيسية · قائمة بالأماكن الرئيسية في موقع أو تطبيقالزر · جزء من الشاشة تضغط عليه لتنفيذ شيءعنصر القائمة · اختيار واحد في القائمة
الشرح
التنقل هو كيف تتحرك داخل تطبيق لتجد ما تحتاج إليه. والقائمة الرئيسية خريطة التطبيق. والقائمة الرئيسية الجيدة فيها أزرار قليلة وواضحة، أربعة أو خمسة، وأسماؤها تقول ما تفعله، مثل الرئيسية والدروس والواجبات والمساعدة. أما القائمة الضعيفة فطويلة، وتخفي اختيارات داخل اختيارات أخرى، وتستخدم أسماء لا يفهمها أحد. وعندما تكون القائمة طويلة جدًّا يستسلم الناس. وقاعدة جيدة: أن يصل المستخدم إلى أي صفحة بخطوات قليلة فقط. وعلى الورق يمكنك تخطيط قائمة مثل مخطط الصفحة: رسم بسيط في صناديق يبيّن أين تقع عناصر القائمة قبل أي عمل حقيقي. ويجب أن تكون الأسماء قصيرة وبالترتيب نفسه في كل صفحة.
A
1
تطبيق المدرسة: القائمة الرئيسية
2
الرئيسية
3
الدروس
4
الواجبات
5
الاختبار
6
المساعدة
أمثلة محلولة
قبل
بعد
الأزرار
14
5
الخطوات إلى الجدول
كثيرة
واحدة
في تطبيق للطلاب قائمة فيها أربعة عشر زرًّا بعضها داخل بعض. يبحث طالب جديد عن الجدول دقيقتين ثم يستسلم. فيقلّص الفريق القائمة إلى خمسة أزرار واضحة، فيصير الجدول على بعد نقرة واحدة.
أرسم القائمة→أقول الأسماء لصديقة→هل تخمّن صديقتي؟→أصحّح الأسماء غير الواضحة
ترسم هناء على الورق قائمتها لتطبيق نادٍ مدرسي مخترَع: الرئيسية والفعاليات والصور والتواصل. تقول كل اسم بصوت عالٍ لصديقة، فتخمّن صديقتها ما خلف كل زر. وتخمّن الأربعة كلها، فالأسماء واضحة.
نشاط الفصل
خطّط قائمة رئيسية لتطبيق نادٍ مدرسي مخترَع فيها أربعة أو خمسة عناصر. ارسمها قائمة من الصناديق. جرّبها على أحد أفراد أسرتك: قل كل اسم واسأله ماذا يظن أنه خلفه. وغيّر أي اسم لا يفهمه.
تدرّب
1
ما القائمة الرئيسية؟
قائمة بالأماكن الرئيسية في موقع أو تطبيق.
2
كم عنصرًا ينبغي أن تحتوي القائمة الرئيسية الجيدة تقريبًا؟
بضعة عناصر واضحة، مثل أربعة أو خمسة.
3
لماذا تُعدّ قائمة فيها اختيارات كثيرة مخفية مشكلة؟