HCI 9-1 Human Computer Interaction Lecture Notes PDF

‫‪Human computer‬‬ ‫)‪Interaction (HCI‬‬ ‫تفاعل اإلنسان مع‬ ‫الحاسوب‬ ‫المحاضرة ‪9#‬‬ ‫‪1‬‬  ‫تصميم واجهة المستخدم ‪User Interface UI‬‬ ‫تجربة المستخدم ‪User Experience UX‬‬ ‫واجهة المستخدم ‪User Interface UI‬‬ ‫تعريف تصميم...

‫‪Human computer‬‬ ‫)‪Interaction (HCI‬‬ ‫تفاعل اإلنسان مع‬ ‫الحاسوب‬ ‫المحاضرة ‪9#‬‬ ‫‪1‬‬  ‫تصميم واجهة المستخدم ‪User Interface UI‬‬ ‫تجربة المستخدم ‪User Experience UX‬‬ ‫واجهة المستخدم ‪User Interface UI‬‬ ‫تعريف تصميم واجهة المستخدم (‪ :)User Interface UI‬هي النقاط التفاعلية التي يراها المستخدم‬ ‫ويتفاعل معها أثناء استخدام التطبيقات أو المواقع‪ ).‬تشير إلى الجانب المرئي من المنتج الذي‬ ‫يتفاعل معه المستخدم‪ ،‬يتضمن األزرار‪ ،‬القوائم‪ ،‬األلوان‪ ،‬والرسوميات‪،‬والنصوص وكذلك تنسيق‬ ‫الصفحة وكيفية اإلنتقال والحركة في الواجهة ( ‪.‬‬ ‫مصمم واجهة المستخدم هو من يقرر كيف يجب ان يظهر التطبيق( إنشاء التصميم )‬ ‫‪ -‬الجمالية‪ :‬تحسين التصميم الجرافيكي لجعل الواجهة جذابة‪.‬‬ ‫‪ -‬الوظائف‪ :‬ضمان أن جميع العناصر تعمل بشكل صحيح وتفي بالغرض منها‪.‬‬ ‫‪ -‬الهدف‪ :‬إنشاء واجهة سهلة االستخدام وجذابة بصريًا تعزز من تجربة المستخدم‪.‬‬ ‫‪2‬‬  ‫تصميم تجربة المستخدم ‪User Experience UX‬‬ ‫تعريف تجربة المستخدم (‪ :)User Experience UX‬تشمل جميع جوانب تفاعل المستخدم مع‬ ‫المنتج أو الخدمة‪ ،‬وكيف يشعر المستخدم تجاه هذا التفاعل‪ ).‬تشير إلى تجربة المستخدم الشاملة عند‬ ‫استخدام منتج أو خدمة‪ ،‬وهي تتجاوز التصميم المرئي لتشمل كل جوانب التفاعل‪.‬هل التطبيق سهل‬ ‫وفعال أو هو صعب ومربك ‪،‬هل التنقل في التطبيق منطقي أو صعب‪ ،‬هل انجز المهمة بكفاءة‬ ‫وسهولة(‪.‬‬ ‫مصمم تجربة المستخدم يهتم أيضا بواجهة المستخدم النه مسؤول عن كيفية عمل هذه الواجهة ‪،‬يقوم‬ ‫بتحديد هيكلية الواجهة و وظائفها ‪.‬‬ ‫‪ -‬البحث‪ :‬فهم احتياجات وتوقعات المستخدمين من خالل دراسات السوق ومالحظات المستخدم‪.‬‬ ‫‪ -‬تحسين العمليات‪ :‬تصميم تدفقات العمل والتفاعالت بشكل يلبي توقعات المستخدمين‪.‬‬ ‫‪ -‬الهدف‪ :‬خلق تجربة متكاملة ومرضية للمستخدم‪ ،‬تعزز من والئه ورضاه عن المنتج‪.‬‬ ‫‪3‬‬  ‫تجربة المستخدم‬ ‫أ‪.‬العناصر األساسية لتجربة المستخدم‬ ‫‪.1‬البحث عن المستخدم (‪ :)User Research‬جمع معلومات عن المستخدمين واحتياجاتهم من‬ ‫خالل االستطالعات والمقابالت‪.‬ليساعد في تحديد المشكالت الحقيقية التي يحتاج المنتج لحلها‪.‬‬ ‫‪.2‬تخطيط الرحلة (‪ :)User Journey Mapping‬تصور تجربة المستخدم منذ اللحظة التي يسمع‬ ‫فيها عن المنتج حتى استخدامه‪.‬ليوضح نقاط الضعف والمناطق التي يمكن تحسينها‪.‬‬ ‫‪.3‬تخطيط المعلومات (‪ :)Information Architecture‬تنظيم المعلومات بطريقة منطقية وسهلة‬ ‫التصفح‪.‬ليسهل على المستخدمين العثور على المعلومات‪ ،‬مما يحسن من تجربتهم‪.‬‬ ‫‪.4‬التفاعل (‪ :)Interaction Design‬تصميم كيفية تفاعل المستخدمين مع النظام‪ ،‬بما في ذلك‬ ‫األزرار‪ ،‬القوائم‪ ،‬والرسوم المتحركة ليؤثر على انطباع المستخدم ورضاه عن المنتج‪.‬‬ ‫‪.5‬التقييم واالختبار (‪ :)Usability Testing‬تقييم تصميم المنتج من خالل مالحظات المستخدمين‬ ‫ليساعد في تحديد المشكالت قبل اإلطالق ويعزز من تحسين التصميم‪.‬‬ ‫الفعلية‪.‬‬ ‫‪4‬‬  ‫أهمية واجهة المستخدم وتجربة المستخدم‬ ‫ب‪.‬أهمية العناصر وتأثيرها على تجربة المستخدم‬ ‫‪ -‬تجربة متكاملة‪ :‬كل عنصر من العناصر المذكورة يساهم في خلق تجربة مستخدم متكاملة‪.‬إذا كان‬ ‫أحد العناصر ضعيفًا‪ ،‬قد تؤثر سلبًا على االنطباع العام‪.‬‬ ‫‪ -‬الوالء والرضا‪ :‬تجربة مستخدم إيجابية تعزز من والء المستخدم وتزيد من احتمالية العودة‬ ‫الستخدام المنتج‪.‬‬ ‫‪ -‬التحسين المستمر‪ :‬من خالل تقييم مستمر واختبار‪ ،‬يمكن تحسين تجربة المستخدم بشكل دوري‪،‬‬ ‫مما يزيد من فاعلية المنتج في السوق‪.‬‬ ‫‪ -‬تأثيرهما المباشر على رضا المستخدم ونجاح المنتج‪.‬‬ ‫‪ -‬واجهة مستخدم جيدة تعزز من سهولة االستخدام‪ ،‬مما يؤدي إلى زيادة المبيعات والوالء للعالمة‬ ‫التجارية‪.‬‬ ‫‪5‬‬  ‫واجهة المستخدم ‪UI‬‬ ‫تجربة المستخدم ‪UX‬‬ ‫فهم اإلتجاهات الحديثة في‬ ‫‪ -‬فهم عميق لجمهور الهدف‪-.‬‬ ‫التصميم‬ ‫‪ -‬ابحات المستخدم (مثل‬ ‫تنفيذ مبادئ التصميم الجيد‬ ‫‪-‬‬ ‫اإلستبيانات والمقابالت )‬ ‫(مثل التوازن ‪،‬التباين ‪،‬‬ ‫‪ -‬تصميم تفاعلي شامل‪.‬‬ ‫المتطلبات‬ ‫والتناسق )‬ ‫‪ -‬اختبار المستخدم وتقيمات‬ ‫إمكانية وصول المستخدميين‬ ‫‪-‬‬ ‫األداء‪.‬‬ ‫‪Accessibility‬‬ ‫توافق التصميم مع مختلف‬ ‫‪-‬‬ ‫األجهزة و الشاشات‪.‬‬ ‫تحسين جاذبية المنتج‬ ‫‪-‬‬ ‫‪ -‬تحسين رضا العمالء‬ ‫البصرية ‪.‬‬ ‫ووالئهم ‪.‬‬ ‫المميزات‬ ‫سهولة في التفاعل مع‬ ‫‪-‬‬ ‫‪ -‬تقليل اإلحباطات وزيادة‬ ‫العناصر‪.‬‬ ‫السهولة في اإلستخدام ‪.‬‬ ‫خلق تجربة متسقة عبر‬ ‫‪-‬‬ ‫‪ -‬زيادة فرص النجاح في‬ ‫المنصات واألجهزة ‪.‬‬ ‫السوق‪.‬‬ ‫‪ -‬تتطلب عملية التصميم وقتا ‪ -‬التركيز الزائد علي الشكل قد‬ ‫يسبب إغفال الوظائف‬ ‫وجهدا كبيرين‪.‬‬ ‫الالزمة‪.‬‬ ‫‪ -‬قد يكون تحليل البيانات‬ ‫العيوب‬ ‫‪ -‬قد يؤدي التصميم السئ إلي‬ ‫معقدا‪.‬‬ ‫عدم قدرة المستخدميين علي‬ ‫‪ -‬تحسين تجربة المستخدم‬ ‫استخدام المنتج بشكل فعال‬ ‫ليس دائما واضحا أو‬ ‫حتي لو كان جيد بصريا‪.‬‬ ‫مباشرا‬ ‫‪ -‬تحتاج إلي تحديات مستمرة‬ ‫لمواكبة اإلتجاهات ‪.‬‬ ‫واجهة المستخدم تحدد كيفية‬ ‫تعد تجربة المستخدم عنصرا‬ ‫تفاعل المستخدم مع المنتج ولها‬ ‫أساسيا في نجاح المنتج‪،‬حيث‬ ‫األهمية‬ ‫تأثير مباشر علي تجربة‬ ‫يؤثر التصميم علي كيفية‬ ‫المستخدم بشكل عام ‪.‬‬ ‫إدراك المستخدميين للمنتج‬ ‫ورضاهم عنه ‪.‬‬  ‫الخالصة‬ ‫تجربة المستخدم و واجهة المستخدم هما جزءان مكمالن لبعضهما البعض‪.‬بينما تركز واجهة‬ ‫المستخدم علي العناصر المرئية ‪،‬تؤكد تجربة المستخدم علي التفاعل الشامل وفهم المستخدم ‪.‬لتحقيق‬ ‫النجاح ‪،‬يجب أن يكون هناك توازن بين كليهما ‪.‬‬ ‫التصميم الجميل ال يغني عن وجود واجهة تتسم بالملل والتشتت عند اإلنتقال ‪.‬وتجربة مستخدم‬ ‫رائعة ومناسبة جدا يتم طمسها بتصميم واجهة سيئة تجعل استخدام التطبيق غير مريح‪.‬‬ ‫‪8‬‬