البرمجة والذكاء الاصطناعي · الفصل الرابع · الترم الأول، الدرس 4-2
تصميم المعلومات وتجربة المستخدم
التصميم الكويس مش ذوق المصمم؛ ده فهم المستخدم. هنتعلم نرسم «شخصية المستخدم»، ونخطط الصفحة بمخطط هيكلي قبل الألوان، ونصلّح صفحة ملخبطة بمبادئ CRAP الأربعة.
مدة الدرس: من 25 لـ 35 دقيقة
صمّم من المستخدم لجوه. الفيديو لسه بيتصوّر؛ اقرأ نصه أو ابدأ على طول، كل اللي فيه موجود في الشاشات الجاية.
اقرأ نص الفيديو لحد ما يتصوّر
المشهد 1: ابدأ من المستخدم
الموقع ممكن يبان منطقي للمصمم ويلخبط الزوار. عشان كده نبدأ بفهم المستخدم: شخصية المستخدم بتلخص نوع من المستخدمين وأهدافه واحتياجاته.
على الشاشة: كارت شخصية عليه هدف واحتياج.
المشهد 2: المخطط الهيكلي
قبل الألوان والخطوط، نرسم مخطط هيكلي يحدد مكان كل حاجة وأولويتها، عشان النقاش ما يتحولش لذوق شخصي.
على الشاشة: صناديق رمادي بتتحول لصفحة ملونة.
المشهد 3: مبادئ CRAP
التباين يبرز المهم، والتكرار يوحّد الشكل، والمحاذاة تنظّم، والتقارب يجمع الحاجات المرتبطة. وكل ده جوه تصميم متمحور حول المستخدم.
على الشاشة: أربع حروف C R A P بيظهروا واحد ورا التاني.
هتتعلم في الدرس ده
- تعمل وصف مناسب لمستخدم مستهدف بناءً على احتياجاته أو بيانات عنه.
- تستخدم مخطط هيكلي لتنظيم المعلومات قبل التصميم البصري النهائي.
- تطبّق مبادئ CRAP لتبرير قرارات تصميمية.
- تقيّم قرار تصميمي من ناحية سهولة الاستخدام وإمكانية الوصول.
رحلة الدرس
9 شاشات قصيرة، كل شاشة فيها حاجة واحدة. تقدر تفتح أي محطة من هنا أو من «محتوى الدرس».