تصميم تجربة المستخدم - كتاب التقنية الرقمية - الصف 11 - الفصل 1 - المملكة العربية السعودية

📚 أشكال التصميم

المفاهيم الأساسية

تصميم تجربة المستخدم (UX): يركز على كيفية عمل الأشياء، بهدف تحسين قابلية استخدام المنتج وإمكانيته وزيادة رضا المستخدمين.

تصميم واجهة المستخدم (UI): يركز على الشكل والمخطط الخاص بالأشياء، ويتعلق بالعناصر التفاعلية التي تجعل استخدام الموقع الإلكتروني ممكناً.

خريطة المفاهيم

```markmap

الوحدة الثالثة: التصميم الرسومي

الهدف من الوحدة

• إنشاء حملة تسويقية ناجحة
• استخدام مهارات التصميم الرسومي
• تصميم: شعار، ملصق إعلاني، إعلان متحرك

أهداف التعلم

الإعلان

• مفهوم الإعلان وأهميته
• أنواع وسائل الإعلان التجارية
• مواصفات الإعلان الفعال

- اختيار العنوان الجيد

- طلب إجراء من المتلقي (Call to Action)

- إظهار مصداقية المنتج

- التركيز على ما يقدمه المنتج للمستهلك

- تضمين المعلومات المناسبة بيانية

• أهمية وجود الشعار في الإعلان

التصميم الرسومي

• مفهوم التصميم الرسومي وأنواعه

- تصميم الهوية البصرية

- تصميم التسويق والإعلانات

- تصميم المنشورات

- تصميم أدوات التغليف للمنتجات

- تصميم الحركة

- تصميم الصفحات الإلكترونية

• مبادئ التصميم الرسومي

- التوازن

- القرب

- المحاذاة

- التباين

- التكرار

• أهم عناصر التصميم الرسومي

- الخط (Line)

- الشكل (Shape)

- اللون (Color)

- الطباعة (Typography)

- البنية (Texture)

- الحجم (Size)

- الفراغ (Space)

• أهم أشكال التصميم الرسومي

- تصميم تجربة المستخدم (UX)

- يركز على كيفية عمل الأشياء

- يهدف لتحسين قابلية الاستخدام والرضا

- تصميم واجهة المستخدم (UI)

- يركز على الشكل والمخطط

- يتعلق بالعناصر التفاعلية

• أدوات التصميم الرسومي
• الاختلافات بين الرسومات المتجهة والرسومات النقطية

التطبيق العملي

• تصميم شعار باستخدام برنامج إكسكيب (Inkscape)
• تصميم ملصق إعلاني باستخدام برنامج إكسكيب
• تصميم إعلان متحرك باستخدام برنامج جيمب (GIMP)

الأدوات المستخدمة

• إكسكيب (Inkscape)
• جمب (GIMP)
• صور مايكروسوفت (Microsoft Photos)

مفاهيم الصفحة 97

التصميم الرسومي

• عامل حيوي في التسويق الحديث
• يبني الشعارات والعلامات التجارية
• يصمم المواد التسويقية (منشورات، بطاقات عمل، لافتات)
• يؤدي إلى زيادة المبيعات

التسويق

• عملية جذب العملاء
• يتضمن: تطوير المنتج، الإعلان، المبيعات، التوزيع
• عناصره: المنتج، السعر، الموقع، الدعاية، المستهلكين

الإعلان

• جزء أساسي من التسويق
• تواصل أحادي الاتجاه (من مرسل إلى مستلم)
• وسيلة مسموعة أو مرئية
• هدفه: زيادة المبيعات، إقناع المستهلك، تقديم المعلومات

مفاهيم الصفحة 98

وسائل الإعلان

#### معايير اختيار الوسيلة

• الميزانية المتوفرة
• إمكانية الوصول للعملاء
• تفضيلات العملاء
• تعزيز العلامة التجارية

#### الوسائل المطبوعة

• الصحف والمجلات والمنشورات
• الكتيبات واللوحات الإعلانية واللافتات
• مزاياها: الوصول لجمهور محدد، بلغات متعددة
• أمثلة أخرى: الهدايا المطبوعة، إعلانات المواصلات العامة

#### وسائل الإعلان عبر الإنترنت

• الإعلان عبر مواقع الويب ووسائل التواصل الاجتماعي
• طرق الوصول: نتائج محركات البحث، المساحات الإعلانية، البريد الإلكتروني
• الإعلان عبر الأجهزة الذكية: الهواتف، الأجهزة اللوحية
• طرق الوصول عبر الأجهزة: الرسائل القصيرة، التطبيقات، مجموعات الدردشة

```

نقاط مهمة

• تصميم تجربة المستخدم (UX) وواجهة المستخدم (UI) هما عنصران مختلفان خاصان بتجربة المستخدم الفردية.
• يركز تصميم UX على الهيكلية والمنطق والتفاعل لتحسين قابلية الاستخدام.
• يركز تصميم UI على الشكل والعناصر التفاعلية، مثل استخدام الألوان المتجاوبة للحفاظ على الهوية البصرية.

أشكال التصميم

في العصر الحديث تقدم التصميم الرسومي تقدماً كبيراً، وأصبح هناك العديد من أشكال التصميم، ومن أهمها: تصميم تجربة المستخدم (UX)، وتصميم واجهة المستخدم (UI)، وهما عنصران مختلفان خاصان بتجربة المستخدم الفردية. إن مفهوم تصميم تجربة المستخدم يركز على كيفية عمل الأشياء، بينما تركز واجهة المستخدم على الشكل والمخطط الخاص بهذه الأشياء.

تصميم تجربة المستخدم

يرتكز على تحسين تجربة هذا المستخدم، مع التركيز على هيكلية ومنطقية عناصر التصميم وتفاعل المستخدم معها، وهذا يهدف إلى تحسين قابلية استخدام المنتج وإمكانيته، وهو ما يزيد من رضا المستخدمين إلى أقصى حد وبضياع فرص عودتهم مرة أخرى. ومن الأمثلة على تجربة المستخدم: متجر إلكتروني ذو تصميم هيكلي سهل الاستخدام، بحيث يستطيع المستخدمون قضاء ساعات طويلة في تصفح محتواه، بسبب تحقيق التوازن والتسلسل البصري، كما يستطيع المستخدمون أيضاً التفاعل مع المنتجات عن طريق كتابة تعليق أو ذكر مدى جودة تلك المنتجات، حيث يمكن أن يؤدي ذلك إلى تحسين مبيعات المنتجات المتجر؛ لأن العملاء المحتملين لن تكون لديهم صورة واضحة فقط عن جميع المنتجات وإمكانية التنقل بينها بسهولة، بل يمكنهم كذلك رؤية تقييمات العملاء الآخرين.

تصميم واجهة المستخدم

يتعلق بالعمل مع العناصر التفاعلية الخاصة بالتصميم، وهذا يتطلب فهماً جيداً لاحتياجات المستخدمين؛ لأنه يركز على توقع ما يجب على المستخدمين فعله لموقع إلكتروني، والتأكد من أن الواجهة تحتوي على العناصر التي تجعل استخدام الموقع الإلكتروني ممكنة. تستخدم الألوان المتجاوبة بشكل كبير في تصميم واجهة المستخدم، وتقوم المتاجر الإلكترونية باستخدامها بشكل تدريجي، فبدلاً من استخدام ألوان رمزية واحد في شعار العلامة التجارية، تمكن الألوان المتجاوبة العلامات التجارية من الحفاظ على هوية بصرية محددة سابقاً أو نظام ألوان ديناميكي يأخذ لون بيئتها، ويمكن للمتاجر الإلكترونية أن تحافظ بسهولة على سهولة التفاعل مع المستخدمين أثناء تصفحهم للمنتجات، بما أن كل صفحة ستحتوي على لوحة استكشافية سهلة الاستخدام. إن تصفح المتجر الإلكتروني يعني قضاء المزيد من الوقت فيه، فكلما بقي العميل في المتجر، زادت احتمالية شراء شيء ما، يراه فيه مما يؤثر بطريقة إيجابية على نمو المبيعات.

وزارة التعليم Ministry of Education 2025 - 1447

أشكال التصميم في العصر الحديث تقدم التصميم الرسومي تقدماً كبيراً، وأصبح هناك العديد من أشكال التصميم، ومن أهمها: تصميم تجربة المستخدم (UX)، وتصميم واجهة المستخدم (UI)، وهما عنصران مختلفان خاصان بتجربة المستخدم الفردية. إن مفهوم تصميم تجربة المستخدم يركز على كيفية عمل الأشياء، بينما تركز واجهة المستخدم على الشكل والمخطط الخاص بهذه الأشياء. --- SECTION: تصميم تجربة المستخدم --- تصميم تجربة المستخدم يرتكز على تحسين تجربة هذا المستخدم، مع التركيز على هيكلية ومنطقية عناصر التصميم وتفاعل المستخدم معها، وهذا يهدف إلى تحسين قابلية استخدام المنتج وإمكانيته، وهو ما يزيد من رضا المستخدمين إلى أقصى حد وبضياع فرص عودتهم مرة أخرى. ومن الأمثلة على تجربة المستخدم: متجر إلكتروني ذو تصميم هيكلي سهل الاستخدام، بحيث يستطيع المستخدمون قضاء ساعات طويلة في تصفح محتواه، بسبب تحقيق التوازن والتسلسل البصري، كما يستطيع المستخدمون أيضاً التفاعل مع المنتجات عن طريق كتابة تعليق أو ذكر مدى جودة تلك المنتجات، حيث يمكن أن يؤدي ذلك إلى تحسين مبيعات المنتجات المتجر؛ لأن العملاء المحتملين لن تكون لديهم صورة واضحة فقط عن جميع المنتجات وإمكانية التنقل بينها بسهولة، بل يمكنهم كذلك رؤية تقييمات العملاء الآخرين. --- SECTION: تصميم واجهة المستخدم --- تصميم واجهة المستخدم يتعلق بالعمل مع العناصر التفاعلية الخاصة بالتصميم، وهذا يتطلب فهماً جيداً لاحتياجات المستخدمين؛ لأنه يركز على توقع ما يجب على المستخدمين فعله لموقع إلكتروني، والتأكد من أن الواجهة تحتوي على العناصر التي تجعل استخدام الموقع الإلكتروني ممكنة. تستخدم الألوان المتجاوبة بشكل كبير في تصميم واجهة المستخدم، وتقوم المتاجر الإلكترونية باستخدامها بشكل تدريجي، فبدلاً من استخدام ألوان رمزية واحد في شعار العلامة التجارية، تمكن الألوان المتجاوبة العلامات التجارية من الحفاظ على هوية بصرية محددة سابقاً أو نظام ألوان ديناميكي يأخذ لون بيئتها، ويمكن للمتاجر الإلكترونية أن تحافظ بسهولة على سهولة التفاعل مع المستخدمين أثناء تصفحهم للمنتجات، بما أن كل صفحة ستحتوي على لوحة استكشافية سهلة الاستخدام. إن تصفح المتجر الإلكتروني يعني قضاء المزيد من الوقت فيه، فكلما بقي العميل في المتجر، زادت احتمالية شراء شيء ما، يراه فيه مما يؤثر بطريقة إيجابية على نمو المبيعات. وزارة التعليم Ministry of Education 2025 - 1447