‫هندسة‬
‫البرمجيات‬
‫والحاسوب‬ ‫اإلنسان‬ ‫بين‬ ‫التفاعل‬
HCI
‫إعداد‬
:
«
‫عودة‬ ‫يارا‬
»
‫التطبيقية‬ ‫والعلوم‬ ‫التكنولوجيا‬ ‫الكلية‬
‫المعلومات‬ ‫تكنولوجيا‬ ‫التخصص‬
‫واالتصاالت‬

‫تفيد‬
‫والحاسوب‬ ‫اإلنسان‬‫بين‬ ‫اعل‬‫التف‬‫اسة‬‫ر‬‫د‬
-
‫عليو‬ ‫طلق‬ُ
‫ي‬ ‫ما‬ ‫أو‬
HCI (Human-Computer Interaction)
‫يعمالن‬ ‫والحاسوب‬ ‫اإلنسان‬‫تجعل‬ ‫كما‬ ،‫والعكس‬ ‫للحاسوب‬ ‫اإلنسان‬‫فيم‬ ‫في‬
‫بسبب‬ً‫ا‬‫جد‬ ٍ
‫عال‬ ‫أداء‬‫على‬ ‫الحصول‬‫في‬ ‫وتساعد‬ ‫واحدة‬ ‫وأداة‬ ‫واحد‬ ‫كنظام‬
‫واآللة‬ ‫اإلنسان‬‫بين‬ ‫اعل‬‫التف‬
.
‫المجاالت‬‫من‬ ‫بر‬َ
‫عت‬ُ
‫ي‬ ‫المجال‬‫وىذا‬
‫المتسارعة‬
‫كثير‬ ‫في‬ ‫وىو‬ ،‫الحاسوب‬‫علوم‬ ‫في‬
‫علمية‬ ‫ميادين‬ ‫وعدة‬ ‫السلوكية‬‫والعلوم‬ ‫الحاسوب‬‫علوم‬ ‫بين‬ٌ
‫تداخل‬ ‫األحيان‬‫من‬
‫أخرى‬
.
‫الحاسوب‬‫مع‬ ‫اإلنسان‬‫تعامل‬ ‫تحسين‬ ‫ىو‬ ‫العلم‬‫ىذا‬ ‫من‬ ‫األىم‬‫واليدف‬
‫وسيولة‬ ‫بسالسة‬

‫التفاعل‬ ‫تعريف‬
:
‫وتطوير‬ ‫وتنفيذ‬ ‫تصميم‬ ‫ىو‬
‫أج‬
‫صالحة‬ ‫كمبيوتر‬ ‫يزة‬
‫بطريقة‬ ‫المستخدم‬‫مع‬ ‫اعلة‬‫ومتف‬ ‫لالستعمال‬
‫آم‬
‫نة‬
‫التفاعل‬‫عوامل‬
:
*
‫بيئية‬ ‫عوامل‬
*
‫تنظيمية‬ ‫عوامل‬
*
‫الراحة‬‫عوامل‬
*
‫معالجة‬
‫إد‬
‫راكية‬
*
‫واأل‬ ‫الصحة‬‫عوامل‬
‫مان‬
*
‫الميام‬‫عوامل‬
*
‫القيود‬
*
‫عوامل‬
‫إن‬
‫تاجية‬

‫بين‬‫التفاعل‬ ‫في‬‫تساهم‬‫التي‬‫المواهج‬
‫االهسان‬
‫والحاسوب‬
‫بين‬ ‫التفاعل‬
‫اإل‬
‫نسان‬
‫والحاسوب‬
‫النفس‬ ‫علم‬
‫االدراكي‬
‫علم‬
‫االجناس‬
‫النفس‬ ‫علم‬
‫االجتماعي‬
‫الفلسفة‬ ‫علم‬
‫علم‬
‫الحاسوب‬
‫اللغات‬
‫الهندسة‬
‫الذكاء‬
‫االصطناعي‬
‫علم‬
‫االجتماع‬
‫التصميم‬
‫عوامل‬
‫مكتبية‬
‫وبشرية‬

‫ه‬‫ا‬
‫التفاعل‬‫داف‬
:
‫من‬
‫أى‬
‫اإل‬‫بين‬ ‫اعل‬‫التف‬‫داف‬
‫ن‬
‫وتحسين‬ ‫تطوير‬ ‫ىو‬ ‫والحاسوب‬ ‫سان‬
‫أم‬
‫اءة‬‫كف‬ ‫و‬ ‫ان‬
‫و‬ ‫ونفعية‬
‫إ‬
‫الحاسوب‬‫نظم‬ ‫ستخدامية‬
:System ‫النظام‬
‫اآل‬‫تعني‬ ‫نظام‬ ‫كلمة‬
‫ل‬
‫والمكتب‬ ‫البيت‬‫مثل‬ ‫الداخلية‬‫العمل‬‫وبيئة‬ ‫والبرمجيات‬ ‫يات‬
‫أو‬
‫التقنية‬‫فيو‬ ‫تعمل‬ ‫الذي‬‫المكان‬
:Utility ‫للنفعية‬
‫األ‬‫ىي‬
‫يمكن‬ ‫التي‬‫شياء‬
‫أ‬
‫نافعا‬ ‫يصبح‬ ‫بحيث‬ ‫النظام‬‫بيا‬ ‫يقوم‬ ‫ن‬
:Safety ‫األ‬
‫مان‬
‫من‬ ‫وىو‬ ‫للمستخدم‬ ‫الضرر‬‫يسبب‬ ‫ما‬ ‫كل‬ ‫عن‬ ‫االبتعاد‬‫يعني‬
‫أى‬
‫األ‬‫م‬
‫ى‬
‫التي‬‫داف‬
‫التصميم‬‫مرحلة‬ ‫في‬ ‫المصمم‬‫يصنعيا‬
:Usability ‫اإل‬
‫ستخدامية‬
‫لتحقيق‬ ‫معينين‬ ‫مستخدمين‬ ‫استطاعية‬‫قياس‬ ‫تعني‬
‫أى‬
‫عالية‬ ‫اءة‬‫بكف‬ ‫معينة‬ ‫داف‬
‫النظام‬‫بجعل‬ ‫معنية‬ ‫وىي‬
‫أ‬
‫واستخداميا‬ ‫تعليميا‬ ‫في‬ ‫سيل‬

‫ومن‬
‫أ‬
‫تحقيق‬ ‫جل‬
‫أ‬
‫الحاسوب‬‫و‬ ‫االنسان‬ ‫بين‬ ‫اعل‬‫التف‬‫ىداف‬
‫عدة‬ ‫والحاسوب‬ ‫االنسان‬ ‫بين‬ ‫اعل‬‫التف‬‫مصممو‬ ‫ابل‬‫يق‬
‫تحديات‬
:
*
‫التقنية‬‫في‬ ‫السريعة‬‫التغيرات‬‫مواكبة‬ ‫كيفية‬
*
‫الت‬‫كيفية‬
‫أ‬
‫كد‬
‫أ‬
‫االنسان‬‫بين‬ ‫جيد‬‫اعل‬‫تف‬ ‫يقدم‬ ‫التصميم‬‫ن‬
‫للتقنية‬ ‫الوظائفية‬‫ابل‬‫يق‬ ‫الوقت‬‫نفس‬ ‫وفي‬ ‫والحاسوب‬
‫الحديثة‬

‫اإل‬ ‫بين‬ ‫التفاعل‬‫ر‬‫تطو‬‫عوامل‬
‫هسان‬
‫والحاسوب‬
:
‫اإل‬‫بين‬ ‫اعل‬‫التف‬‫مناىج‬ ‫تبنى‬ ‫ان‬‫ينبغي‬
‫نسان‬
‫والحاسوب‬ ‫االنسان‬‫بين‬ ‫الميام‬‫تقسيم‬ ‫على‬ ‫والحاسوب‬
‫تلك‬ ‫اما‬‫الروتينية‬‫وغير‬ ‫االبداعية‬‫الميام‬‫فتعطي‬
‫للحاسوب‬ ‫فتعطى‬ ‫والروتينية‬ ‫التكرارية‬‫النشاطات‬
‫النفسية‬‫االنسان‬‫قدرات‬ ‫معرفة‬ ‫ىذا‬ ‫ويتطلب‬
‫البشرية‬‫المعرفة‬‫معالجة‬ ‫مثل‬ ‫وقيودىا‬ ‫والفسيولوجية‬
‫يجب‬ ‫الوقت‬‫نفس‬ ‫في‬ ‫اعل‬‫والتف‬ ‫واالتصال‬ ‫واللغات‬
‫للحاسوب‬ ‫المتاحة‬‫والبرمجيات‬ ‫االمكانيات‬‫معرفة‬

‫اهمية‬
‫بين‬‫التفاعل‬
‫االهسان‬
‫والحاسوب‬
:
:Productivity ‫اإل‬‫زيادة‬
‫نتاجية‬
‫اإل‬‫بين‬ ‫اعل‬‫التف‬‫في‬ ‫الميمة‬‫العناصر‬‫من‬
‫نسان‬
‫التي‬‫الملموسة‬‫المالية‬‫الفوائد‬‫ىي‬ ‫والحاسوب‬
‫ما‬ ‫وىي‬ ‫للنظام‬ ‫استخداميا‬‫من‬ ‫المؤسسات‬‫تجدىا‬
‫اإل‬‫بزيادة‬ ‫يسمى‬
‫نتاجية‬
‫المخاطر‬‫تحاشي‬
:
‫في‬ ‫يتسبب‬ ‫ما‬ ‫كل‬ ‫ىي‬ ‫المخاطر‬‫ىذه‬
‫أ‬
‫ار‬‫ر‬‫ض‬
‫انييار‬‫المخاطر‬‫بين‬ ‫من‬ ‫يكون‬ ‫وقد‬ ‫للمستخدم‬
‫نفسو‬ ‫النظام‬

‫المستخدم‬ ‫واجهة‬
‫الرسومية‬
Graphical User Interface GUI):
)
‫للمستخدم‬ ‫تؤمن‬
‫مع‬ ‫اعل‬‫التف‬
‫الحاسب‬
‫وصور‬ ‫أغراض‬‫باستخدام‬
‫رسومية‬
‫ونوافذ‬ ‫تحكم‬ ‫عناصر‬ ‫من‬ ‫تتكون‬ ‫ما‬ً‫ا‬‫غالب‬
‫منبثقة‬ ‫وقوائم‬
‫الستخدام‬ ‫المستخدم‬‫توجو‬ ‫لنصوص‬ ‫إضافة‬
‫أحداث‬
‫نقر‬ ‫مثل‬ ‫مخصصة‬
‫أرة‬‫الف‬
‫المستخدم‬‫يريد‬ ‫بما‬ ‫الحاسب‬‫ليقوم‬ ‫نصوص‬ ‫إلدخال‬ ‫إضافة‬
.
‫طريق‬ ‫عن‬ ‫تتم‬ ‫تنفيذىا‬ ‫للحاسب‬ ‫يمكن‬ ‫التي‬‫والميام‬ ‫األفعال‬‫جميع‬
‫العناصر‬‫على‬ ‫ألحداث‬ ‫المباشر‬‫التطبيق‬
‫الرسومية‬
)
‫التحكم‬‫عناصر‬
)

‫مستخدم‬ ‫واجهة‬
‫رسومية‬

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

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

،‫زوايا‬ ‫بعدة‬ ‫ومتساىل‬ ‫مرن‬ ‫يكون‬ ‫أن‬‫يجب‬ ‫التصميم‬
‫بخفض‬
‫لالستعمال‬ ‫متقبل‬ ،‫األخطاء‬‫نسبة‬
‫الس‬
‫يء‬
/
‫قبل‬ ‫من‬ ‫الخاطئ‬
‫المستخد‬
‫م‬ .
‫إعادة‬‫ابل‬‫مق‬ ‫تظير‬ ‫أن‬‫يمكن‬ ‫التي‬‫ات‬‫التوقف‬‫أو‬‫كاألخطاء‬
‫يمنع‬ ‫بحيث‬ ‫إكماليا‬‫عدم‬ ‫أو‬‫للمستخدم‬ ‫مطلوبة‬ ‫ميمة‬
‫إلى‬‫مفيومة‬ ‫غير‬ ‫عمليات‬ ‫أو‬‫أخطاء‬‫إظيار‬‫التطبيق‬
‫والتنبييات‬ ‫الخطأ‬‫رسائل‬ ‫إظيار‬‫ابل‬‫مق‬ ‫في‬ ‫المستخدم‬
‫يقوم‬ ‫التي‬‫باألشياء‬ ‫المتعلقة‬
‫بيا‬
‫أو‬‫الموقع‬‫في‬ ‫المستخدم‬
‫التطبيق‬
‫مبد‬
‫ا‬
‫التحمل‬
: