صفحة ١٨٠
انظر إلى أعلى الصفحة، فهذا هو الدرس الأول من الفصل السادس وعنوانه ماهية تصميم واجهة المستخدم UI وتجربة المستخدم UX. المفاهيم الرئيسة التي ستتعلمها هي الذكاء الاصطناعي واجهة المستخدم وتجربة المستخدم. الأهداف أمامك تتضمن مناقشة الأهمية، والتمييز بين الفرق، وتقييم تجربة المستخدم للمواقع الإلكترونية وفق عوامل احتياجات الناس وسهولة الاستخدام. انظر إلى الصورة التي تتضمن صورة صاحب السمو الملكي الأمير محمد بن سلمان بن عبدالعزيز آل سعود ولي العهد رئيس مجلس الوزراء. في عالم الأعمال والحياة العامة اليوم، الاعتماد على الإنترنت وتطبيقات الويب والمحولة متزايد بشكل مستمر. المنظمات على اختلاف أهدافها تحتاج إلى بناء واجهة مستخدم جذابة وفعالة لتحسين تجربة المستخدم.
صفحة ١٨١
تحتوي الصفحة على فقرة تؤكد أن المملكة العربية السعودية تشهد المرتبة الثانية عالمياً بين دول مجموعة العشرين ضمن تقرير التنافسية الرقمية للعام ٢٠٢١. بعد ذلك نبدأ بقسم واجهة المستخدم User Interface وهي الوسيلة أو العنصر المادي الذي يتفاعل معه المستخدم لتحقيق هدف يريد الوصول إليه في التصميم المرئي. من أمثلة ذلك محرك بحث أو موقع للتسوق أو تنزيل تطبيق. تتكون واجهات المستخدم من أجهزة الإدخال مثل لوحة المفاتيح والفأرة، وأجهزة الإخراج مثل الشاشات ومكبرات الصوت. انظر إلى الشكل رقم 6-1 الذي يظهر كود برمجي لواجهة سطر الأوامر، والشكل رقم 6-2 الذي يعرض واجهات المستخدم الرسومية في شاشات الهواتف كأيقونات ونوافذ وأزرار متعددة للاختيار.
صفحة ١٨٢
انظر إلى الشكل رقم 6-3 الذي يوضح واجهة مستخدم تدعم الصوت، وهي تقنية تعتمد على الذكاء الاصطناعي لتتيح للأشخاص استخدام أصواتهم للتفاعل مع أجهزة الحاسب دون استخدام اليدين أو شاشات اللمس. ننتقل بعد ذلك إلى القسم الثاني وهو تجربة المستخدم User Experience، والتي تشمل جميع أنواع التفاعل الذي يصدر عن المستخدمين للواجهات وخدماتها ومنتجاتها، والمشاعر التي يشعرون بها أثناء التفاعل سواء سلباً أو إيجاباً. لمعرفة وتطوير تجربة المستخدم نستخدم طرقاً مثل المقابلات لجمع البيانات والبيانات النوعية، واستطلاع الرأي، وتحليل المستخدمين ورغباتهم من خلال سلوكهم على موقع الويب. في أسفل الصفحة نبدأ بمهام مصمم واجهة المستخدم ومصمم تجربة المستخدم UX، حيث يركز مصممو تجربة المستخدم على صنع منتجات عملية وسهلة وممتعة للاستخدام عبر إجراء بحث المستخدم.
صفحة ١٨٣
تتابع الصفحة مهام مصمم تجربة المستخدم UX مثل إنشاء خرائط رحلة المستخدم وبناء إطارات ونماذج مفصلة للتركيز على شكل المنتج النهائي. في المقابل، ينشئ مصممو واجهة المستخدم UI الأجزاء الرسومية لتطبيقات الأجهزة المحمولة ومواقع الويب والعناصر التي يتفاعل معها المستخدم مباشرة لجعل التطبيقات جذابة بصرياً وسهلة التنقل، مثل تنظيم تخطيطات الصفحة، واختيار لوحات الألوان والخطوط، وتصميم عناصر تفاعلية مثل أداة التمرير والأزرار والقوائم المنسدلة والحقول النصية، وعمل إطارات وتخطيطات سلكية عالية الدقة، والعمل عن كسب مع المطورين لتحويل التصاميم إلى منتج عملي. انظر إلى الجدول في وسط الصفحة الذي يقارن بين مهام مصمم واجهة المستخدم UI ومصمم تجربة المستخدم UX من حيث التصميم المرئي وتصميم التفاعل واختيار الألوان والطباعة ورسم رحلة المستخدم والجماليات البصرية ومخططات هندسة المعلومات والنمذجة ورسوم التخطيط ونماذج الهياكل الأولية والبحث. في أسفل الصفحة تجد نشاطاً تطبيقياً يتطلب مناقشة مع مجموعتك لأهمية تصميم واجهة المستخدم وتجربة المستخدم لتحديد مهارات مصممي واجهة المستخدم ومهارات مصممي تجربة المستخدم والمهارات المشتركة بينهما.
صفحة ١٨٤
انظر إلى الهدف الثاني وهو أن يكون الطلبة قادرين على التمييز بين واجهة المستخدم UI وتجربة المستخدم UX. عند تصميم واجهات المواقع الإلكترونية وتصميم التطبيقات الذكية هناك مصطلحان ينبغي التمييز بينهما هما تصميم واجهة المستخدم وتصميم تجربة المستخدم. فالمصطلحان يركزان على المستخدم، فأحدهما يركز على الواجهة التي تظهر للمستخدِم، والآخر يركز على التجربة التي سوف يقوم بها المستخدم. يدور تصميم واجهة المستخدم UI حول كيفية ظهور واجهات المنتج وعملها، فهي منتج ملموس وظاهر بما في ذلك الأزرار والطباعة والألوان وما إلى ذلك، للوصول إلى هدفه أثناء التعامل مع المنتج وجعل تجربته ممتعة من الناحية الجمالية. انظر إلى الشكل رقم 6-5 الذي يوضح أمثلة على واجهة المستخدم الجيِّدة وغير الجيِّدة، حيث يظهر زر تأكيد وزر إلغاء، وفي التصميم غير الجيد يكون الترتيب غير مريح بينما في التصميم الجيد يكون الفرق واضحاً وسلساً مما يجعل حياة المستخدمين أسهل بكثير وأبسط عند استخدام هذه الواجهة.
صفحة ١٨٥
ندخل الآن في تصميم تجربة المستخدم UX والذي يدور حول الجانب النفسي للمستخدِم، فتجربة المستخدم عاطفية في الغالب وتركز على تصرفات المستهلك مثل كيفية تفاعل المستخدم عند استخدام منتج أو المشاعر التي يشعر بها أثناء استخدام المنتج. يركز تصميم تجربة المستخدم UX على الأهداف التي يحاول المستخدمون تحقيقها من خلال المنتج، وما احتياجاتهم، والمشاعر التي يمرون بها، والإستراتيجية التي سيتم تطبيقها والتفاعلات التي من المحتمل أن يقوموا بتنفيذها من أجل الوصول إلى أهدافهم. تشمل النقاط تصميم واجهة المستخدم UI الذي يركز على التصميم المرئي للواجهة الرقمية، وتصميم تجربة المستخدم UX الذي يساعد في تحقيق أفضل تجربة ممكنة للمستخدِم أثناء استخدام المنتج. في أسفل الصفحة نشاط تطبيقي يطلب منك تصفح عدداً من المواقع الإلكترونية الجديدة أو التي سبق أن استفدت منها، ثم اختيار أفضلها من وجهة نظرك، وتحليل نقاط القوة في تصميم واجهة المستخدم المتوافق مع تصميم تجربة المستخدم، وإعداد ذلك في عرض تقديمي ومناقشة زملائك.
صفحة ١٨٦
انظر إلى الهدف الثالث وهو أن يكون الطلبة قادرين على تقييم تجربة المستخدم UX للمواقع الإلكترونية وفق احتياجات الناس وسهولة الاستخدام. يعد الويب أحد أهم المجالات التي يتم فيها تطبيق تصميم تجربة المستخدم، فتصميمها يتم باستخدام مجموعة التقنيات التي تزيد من رضا المستخدمين من خلال تحسين قابلية الاستخدام والمفاهيم المتعلقة بالتفاعل بين المستخدمين البشريين وأجهزة الكمبيوتر، وتعد تجربة المستخدم جانباً مهماً في إنشاء أنواع مختلفة من المنتجات والخدمات. انظر إلى الشكل رقم 6-7 الذي يوضح العوامل التي تميز تصميم تجربة المستخدم في مخطط يجمع كلمات مثل مفيد Useful، وموجود Findable، وسهل الاستخدام Useable، وإمكانية الوصول Accessible، وموثوق Credible، ومرغوب Desirable، وتحتوي في المنتصف على القيمة Value. سهولة الاستخدام هي المستوى الأساسي لتجربة المستخدم UX، فمن الصعب تصميم تجربة مستخدم وظيفية بدون التركيز على جانب سهولة الاستخدام، ولن يتمكن المستخدمون من تحقيق الأهداف بطريقة فعالة ومرضية، وحين يجد المستخدمون صعوبة في استخدام الموقع فإنهم سيغادرونه للبحث عن بديل.
صفحة ١٨٧
تحتوي الصفحة على أسئلة تقييم تجربة المستخدم مثل: هل يقدم ما يفيد للناس؟ هل يستطيع الناس معرفة كيفية استخدامه؟ هل يتعين على المستخدمين إعادة تعلم بعض الأشياء في كل مرة يستخدمونه؟ هل يتم القيام بذلك مع قدر معقول من الوقت والجهد؟ هل يريده الناس؟ هل تجربة الاستخدام ممتعة؟ يختلف مفهوم سهولة الاستخدام عن مفهوم تجربة المستخدم فالههدف من المفهومين مختلف، فمن منظور موقع الويب يتمثل الهدف الرئيس لسهولة الاستخدام في جعل موقع الويب سهل الاستخدام مما يسمح للمستخدمين بتحقيق أهدافهم من التفاعل مع موقع الويب، أما تجربة المستخدم فتهدف إلى منح المستخدمين متعة الاستخدام. انظر إلى المعادلة في أسفل الصفحة والتي توضح أن الفائدة تساوي المنفعة مضافاً إليها سهولة الاستخدام.
صفحة ١٨٨
يمكن للمستخدمين تجربة وظائف الموقع فقط من خلال الواجهة، وللاستفادة من سهولة الاستخدام هناك بعض الأمور الداعمة للوصول إلى تجربة المستخدم الجيدة، ومنها تضمين بعض الخدمات التي يحتاجها المستخدمون مثل إجراء مكالمات هاتيفة أو كتابة مستندات أو التسوق عبر الإنترنت أو البحث عن معلومات، ومراعاة احتياجات المستخدمين التي تنطوي على الهوية الذاتية والارتباط بالآخرين والرضا وتقييم التأثير العاطفي والنفسي، ويمكن أن تأتي متعة الاستخدام من سهولة الاستخدام الجيدة في تنفيذها. في أسفل الصفحة يوجد نشاط تطبيقي يطلب منك بمشاركة مجموعة من زملك مقارنة بين ثلاثة متاجر إلكترونية لها النشاط التجاري نفسه مثل أثاث أو قطع ملابس وغيره، وتقييم تجربة المستخدم فيها، وضمن رأي الفريق في عرض تقديمي وعرضه على طلاب الصف، واختيار واحد من المواقع الإلكترونية التي شعرت بالمتعة في استخدامه والناتجة من سهولة الحصول على المعلومات فيه، ومشاركة زملائك تصفح الموقع من أجل الاستفادة من بنائه التصميمي المرئي ومن حيث التصنيف لسهولة الاستخدام.
