.png "دروس المعلوماتية")
تمرين على تصميم واجهة مستخدم (Mockup)
ورقة تقييم الدرس 11: تصميم واجهات وتفاعلات المستخدم
اسم المتدرب/ة:
التاريخ:
الجزء التطبيقي
المطلوب: قم برسم نموذج أولي (mockup) على ورقة لشاشة "إضافة منتج جديد" في نظام تسيير محل تجاري. يجب أن تشتمل الشاشة على جميع حقول الإدخال الضرورية لإضافة منتج بشكل كامل، مع مراعاة مبادئ تصميم شاشات الإدخال الجيدة التي تعلمناها.
الإرشادات:
- حدد الحقول اللازمة (الاسم، السعر، الكمية، الوصف، الصورة، القسم، إلخ).
- حدد نوع الحقل المناسب لكل معلومة (حقل نص، قائمة منسدلة، إلخ).
- رتب الحقول وقم بتجميعها بطريقة منطقية.
- أضف الأزرار اللازمة ("حفظ"، "إلغاء").
ملاحظة: الهدف هو رسم يدوي على ورقة، لا يشترط الدقة الفنية العالية، بل التركيز على المنطق الوظيفي والتصميم البديهي.
الحل النموذجي للجزء التطبيقي
بما أن المطلوب هو رسم على ورقة، سأقدم وصفاً تفصيلياً لما يجب أن يتضمنه الرسم، مع محاكاة بصرية لهيكل الشاشة.
إضافة منتج جديد
1. معلومات المنتج الأساسية
2. تفاصيل السعر والمخزون
3. التصنيف والمورد
4. الصور والملفات
شرح الخيارات التصميمية:
- الترتيب المنطقي: المعلومات الأساسية أولاً، ثم المالية، ثم التصنيف.
- التجميع: يساعد على تنظيم الشاشة وتوجيه عين المستخدم.
- القوائم المنسدلة: تُستخدم للقسم والمورد لتقليل الأخطاء وتوحيد البيانات.
- الحقول الإجبارية: تم تمييزها بنجمة (*) لتوجيه المستخدم.
- الأزرار الواضحة: زر "حفظ" رئيسي وبارز، وزر "إلغاء" ثانوي.