مهام مصمم واجهة المستخدم UI ومصمم تجربة المستخدم UX - كتاب التصميم الرقمي - الصف 12 - الفصل 1 - المملكة العربية السعودية

الكتاب: كتاب التصميم الرقمي - الصف 12 - الفصل 1 | المادة: التصميم الرقمي | المرحلة: الصف 12 | الفصل الدراسي: 1

الدولة: المملكة العربية السعودية | المنهج: المنهج السعودي - وزارة التعليم

الدرس: مهام مصمم واجهة المستخدم UI ومصمم تجربة المستخدم UX

📚 معلومات الصفحة

الكتاب: كتاب التصميم الرقمي - الصف 12 - الفصل 1 | المادة: التصميم الرقمي | المرحلة: الصف 12 | الفصل الدراسي: 1

الدولة: المملكة العربية السعودية | المنهج: المنهج السعودي - وزارة التعليم

📋 المحتوى المنظم

📖 محتوى تعليمي مفصّل

3

نوع: محتوى تعليمي

3. واجهة المستخدم التي تدعم الصوت:

نوع: محتوى تعليمي

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

نوع: FIGURE_REFERENCE

الشكل رقم (3-6): واجهة مستخدم تدعم الصوت

ب

نوع: محتوى تعليمي

ب. تجربة المستخدم User Experience

نوع: محتوى تعليمي

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

نوع: محتوى تعليمي

ويمكن التعرف على تجربة المستخدم وتطويرها بطرق متنوعة منها:

نوع: محتوى تعليمي

المقابلات: وذلك بجمع مجموعة من البيانات الكمية والنوعية والسلوكية لفهم احتياج المستهلكين، وللتعرف بشكل تفصيلي على المشكلة التي يعالجها المنتج.

نوع: محتوى تعليمي

استطلاع الرأي: ويمكن جمع المعلومات المتنوعة من خلال نشر الاستبيانات واستطلاعات الرأي حول المنتج.

نوع: محتوى تعليمي

تحليل المستخدمين ورغباتهم: من خلال الكشف عن رؤى حول سلوك المستخدمين على موقع الويب، والتجارة الإلكترونية، والمنتجات وغيرها.

نوع: محتوى تعليمي

تجربة المستخدم مرحلة يمكن فيها التخطيط قبل البدء بواجهة المستخدم، ليس في مجال الويب والمنتجات الرقمية فحسب، بل في كافة المجالات عند الرغبة في إنجاز شيء ما.

نوع: FIGURE_REFERENCE

الشكل رقم (4-6): مثال توضيحي على تجربة المستخدم

مهام مصمم واجهة المستخدم UI ومصمم تجربة المستخدم UX

نوع: محتوى تعليمي

مهام مصمم واجهة المستخدم UI ومصمم تجربة المستخدم UX:

نوع: محتوى تعليمي

يؤدي كل من مصممي UI و UX أدوارًا رئيسة في دورة حياة تطوير المنتج:

نوع: محتوى تعليمي

يركز مصممو UX عملهم على تجربة المستخدم مع المنتج، فالهدف هو صنع منتجات عملية وسهلة الوصول وممتعة للاستخدام قد تتضمن المهام الشائعة لمصمم تجربة المستخدم UX ما يلي:

نوع: محتوى تعليمي

إجراء بحث المستخدم لدراسة أهدافه واحتياجاته وسلوكياته وكافة الأمور ذات العلاقة بتفاعله مع المنتج.

نوع: METADATA

182

🔍 عناصر مرئية

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

A diagram illustrating a voice-supported user interface. It features a circular, futuristic interface with glowing lines and dots, resembling a digital brain or network. The text 'CHAT GPT' is prominently displayed in the center, suggesting an AI-powered conversational interface. The overall design conveys advanced technology and interaction.

مثال توضيحي على تجربة المستخدم

A 2x2 grid diagram providing a visual example of User Interface (UI) versus User Experience (UX) using ketchup bottles. - Top-left (UI): A standard, upright ketchup bottle. - Top-right (UI): A redesigned, inverted ketchup bottle, indicating an improved interface for dispensing. - Bottom-left (UX): A stick figure struggling to get ketchup out of the standard upright bottle, illustrating a poor user experience. - Bottom-right (UX): A stick figure easily dispensing ketchup from the inverted bottle, illustrating a positive user experience.

📄 النص الكامل للصفحة

--- SECTION: 3 --- 3. واجهة المستخدم التي تدعم الصوت: هي تقنية تعتمد على الذكاء الاصطناعي تتيح للأشخاص استخدام أصواتهم للتفاعل مع أجهزة الحاسب مع إمكانية تنفيذ الأوامر والطلبات الخاصة بالمستخدم دون استخدام اليدين أو شاشات اللمس، وهي شكل من أشكال تفاعل الإنسان والحاسب. الشكل رقم (3-6): واجهة مستخدم تدعم الصوت --- SECTION: ب --- ب. تجربة المستخدم User Experience وتشمل جميع أنواع التفاعل الذي يصدر عن المستخدمين للواجهة وخدماتها ومنتجاتها، ويشمل ذلك مشاعرهم التي يشعرون بها أثناء التفاعل مع منتج ما سواء أكان ذلك الشعور سلبًا أم إيجابيًا، فعملية رضا المستخدمين وولائهم تأتي من خلال تحسين قابلية الاستخدام وسهولته والمتعة التي تحدث نتيجة التفاعل بين المستخدم والمنتج. ويمكن التعرف على تجربة المستخدم وتطويرها بطرق متنوعة منها: المقابلات: وذلك بجمع مجموعة من البيانات الكمية والنوعية والسلوكية لفهم احتياج المستهلكين، وللتعرف بشكل تفصيلي على المشكلة التي يعالجها المنتج. استطلاع الرأي: ويمكن جمع المعلومات المتنوعة من خلال نشر الاستبيانات واستطلاعات الرأي حول المنتج. تحليل المستخدمين ورغباتهم: من خلال الكشف عن رؤى حول سلوك المستخدمين على موقع الويب، والتجارة الإلكترونية، والمنتجات وغيرها. تجربة المستخدم مرحلة يمكن فيها التخطيط قبل البدء بواجهة المستخدم، ليس في مجال الويب والمنتجات الرقمية فحسب، بل في كافة المجالات عند الرغبة في إنجاز شيء ما. الشكل رقم (4-6): مثال توضيحي على تجربة المستخدم --- SECTION: مهام مصمم واجهة المستخدم UI ومصمم تجربة المستخدم UX --- مهام مصمم واجهة المستخدم UI ومصمم تجربة المستخدم UX: يؤدي كل من مصممي UI و UX أدوارًا رئيسة في دورة حياة تطوير المنتج: يركز مصممو UX عملهم على تجربة المستخدم مع المنتج، فالهدف هو صنع منتجات عملية وسهلة الوصول وممتعة للاستخدام قد تتضمن المهام الشائعة لمصمم تجربة المستخدم UX ما يلي: إجراء بحث المستخدم لدراسة أهدافه واحتياجاته وسلوكياته وكافة الأمور ذات العلاقة بتفاعله مع المنتج. 182 --- VISUAL CONTEXT --- **FIGURE**: واجهة مستخدم تدعم الصوت Description: A diagram illustrating a voice-supported user interface. It features a circular, futuristic interface with glowing lines and dots, resembling a digital brain or network. The text 'CHAT GPT' is prominently displayed in the center, suggesting an AI-powered conversational interface. The overall design conveys advanced technology and interaction. Context: Illustrates the concept of a voice-supported user interface as described in section 3. **FIGURE**: مثال توضيحي على تجربة المستخدم Description: A 2x2 grid diagram providing a visual example of User Interface (UI) versus User Experience (UX) using ketchup bottles. - Top-left (UI): A standard, upright ketchup bottle. - Top-right (UI): A redesigned, inverted ketchup bottle, indicating an improved interface for dispensing. - Bottom-left (UX): A stick figure struggling to get ketchup out of the standard upright bottle, illustrating a poor user experience. - Bottom-right (UX): A stick figure easily dispensing ketchup from the inverted bottle, illustrating a positive user experience. Context: Provides a clear visual distinction and example of how UI design impacts UX, as discussed in the 'تجربة المستخدم' section.