الكمبيوتر وتكنولوجيا المعلومات والإتصالات 1
الوحدة الثانية: تصميم وإنشاء مواقع الويب
الدرس الأول: مبادئ تصميم واجهات احترافية شيقة للمواقع الإلكترونية
مبادئ تصميم واجهات احترافية شيقة للمواقع الإلكترونية - الكمبيوتر وتكنولوجيا المعلومات والإتصالات 1 - ثاني اعدادي
الوحدة الأولى: الذكاء الاصطناعي وحماية بياناتنا الرقمية
تقييم درس مبادئ تصميم واجهات احترافية شيقة للمواقع الإلكترونية
أهداف درس مبادئ تصميم واجهات احترافية شيقة للمواقع الإلكترونية
من خلال تصفحك لمواقع شبكة الإنترنت ما أكثر الأشياء التي تمنحك سهولة في استخدامك لهذا الموقع
مفهوم تصميم تجربة المستخدم
تصميم تجربة المستخدم
مثال على تصميم تجربة المستخدم
أهمية تصميم تجربة المستخدم
عزيزي الطالب بمساعدة معلمك وبالتعاون مع زملائك اذكر اسم أحد المواقع أو التطبيقات التي تستخدمها صف ما يجعل الموقع أو التطبيق سهلاً أو صعباً في الاستخدام
عزيزي الطالب بمساعدة معلمك وبالتعاون مع زملائك ناقش المبادئ الأساسية التي يجب توافرها ومراعاتها لتسهل للمستخدم التعامل مع الموقع أو التطبيق
مبدائ أساسية يجب مراعاته في تصميم UX
سهولة التنقل
عزيزي الطالب بمساعدة معلمك وبالتعاون مع زملائك ارسم قائمة تصفح بسيطة لتطبيق أو موقع من خيالك
الوضوح
قم بكتابة جملة قصيرة "الماء سر الحياة" باستخدام خط واضح ثم خط معقد ومقارنة بينهما
مثال على الوضوح
التناسق
باستخدام أدوات الرسم قم بتصميم زرین بنفس الشكل واللون لتوضيح أهمية التناسق
عزيزي الطالب بمساعدة معلمك وبالتعاون مع زملائك اذكر اسم تطبيق أو موقع تفضله من حيث التصميم والجاذبية
مفهوم تصميم واجهة المستخدم (UI)
عزيزي الطالب بمساعدة معلمك وبالتعاون مع زملائك ناقش المبادئ الأساسية التي يجب توافرها ومراعاتها في تصميم واجهة المستخدم للموقع أو التطبيق
أهمية UI
مبادئ أساسية في تصميم واجهة المستخدم UI
الخطوط
عزيزي الطالب بمساعدة معلمك وبالتعاون مع زملائك قم باختيار ثلاث ألوان متناسقة لتصميم واجهة خيالية
التخطيط
عزيزي الطالب بمساعدة معلمك وبالتعاون مع زملائك اختر ثلاثة أسماء خطوط مناسب لتطبيق تعليمي
مثال على الخطوط
أمثلة عملية
تعريف المصطلحات
عزيزي الطالب بمساعدة معلمك وبالتعاون مع زملائك قم بالرسم على صفحة من الورق وتصميم صفحة مقسمة إلى ثلاثة أقسام رئيسية بطريقة منظمة
مثال على التخطيط
لاحظ كيف أصبحت الواجهات أكثر سهولة وجمالا بمرور الوقت
تكوين مجموعات صغيرة من الطلاب ومناقشة أحد المواقع أو التطبيقات والتي يستخدمونها بشكل يومي وسؤالهم ما الأشياء التي تجعل الموقع أو التطبيق استخدامه سهلا وممتعا
أي من التالي يعتبر مبدأً أساسياً في تصميم تجربة المستخدم (UX)
ما التركيز الأساسي لتصميم واجهة المستخدم (UI)
ما التركيز الأساسي لتصميم تجربة المستخدم (UX)
لماذا تعتبر الجاذبية البصرية مهمة في تصميم UI
لماذا تعتبر سهولة الاستخدام مهمة في تصميم UX
ماذا يعني مبدأ "التناسق" في تصميم UX/UI
أي من التالي يعتبر مبدأً أساسياً في تصميم واجهة المستخدم (UI)
ضع علامة صح أمام العبارات الصحيحة وعلامة خطأ أمام العبارات غير الصحيحة تصميم تجربة المستخدم (UX) يركز بشكل أساسي على شكل المنتج وليس على كيفية استخدامه
أي من الأمثلة التالية يوضح استخدام ألوان غير متناسقة في تصميم UI
أي من الأمثلة التالية يوضح تصميم تنقل مربك
ارجع إلى الأهداف الموجودة في بداية الدرس وضع علامة صح في المربع المناسب ليمكنني أن
حدد المصطلح العلمي عملية تصميم تهدف إلى جعل استخدام المنتج الرقمي سهلاً ومفيداً وممتعاً للمستخدم
أكمل العبارات التالية: يركز تصميم تجربة المستخدم (UX) بشكل أساسي على جعل استخدام المنتج
