التسلسل الهرمي في شاشة واحدة

ماذا يغطي هذا الدرس

1. 01

   العين تحتاج «رئيسًا»

   تصميم المعلومات على شاشة تعلّم ليس زخرفة. استدلال وضوح الحالة لنيلسن نورمان ينطبق على مشغّلات الدروس: المتعلّمون يجب أن يروا أين هم، ما المهم الآن، وماذا يفعلون بعد. شاشة بنقاط متساوية الوزن، صورة جاهزة، وثلاثة أزرار تتنافس مع نفسها.

2. 02

   شاشة واحدة، قصة واحدة

   افتحوا كل منطقة. الإنتاج يربط العنوان والرسم البؤري والفعل الأساسي — لا فوضى زخرفية.

   العنوان = النتيجة: يذكر ما سيفعل المتعلّم لا رقم الفصل.

   رسم بؤري: فن تعليمي — لا خلفية.

   دعوة أساسية: فعل متابعة/تحقق واحد واضح.

3. 03

   قائمة CAP — اقلبوا كل مبدأ

   ستة فحوصات ضبط جودة قبل إطلاق شاشة. فشل أي واحد → أصلحوا قبل تلميع Studio.

   التباين — النص وواجهة الاستخدام الحرجة تستوفي تباين WCAG؛ الأفعال الأساسية لا تذوب في الخلفية.

   المحاذاة — الحواف تتشارك شبكة. الإزاحات العشوائية تبدو غير مكتملة وترفع تكلفة المسح.

   التقارب — العناصر المرتبطة متجاورة؛ غير المرتبطة منفصلة. التسميات تلتصق بحقولها.

   المساحة البيضاء — مساحة التنفس تعليمية — ليست «فراغًا». الازدحام يرفع العبء الدخيل.

   التوازن — الوزن البصري يطابق الأهمية. صورة جاهزة ضخمة ودعوة صغيرة تعكسان التسلسل الهرمي.

   التكرار — الواجهة ومقياس الخط وأنماط الأزرار تتكرر عبر الدورة ليتعلّم المتعلّمون الواجهة مرة واحدة.