Human-Computer Interaction (HCI)

‫تفاعل اإلنسان مع الحاسوب‬

 ‫مقدمة‪-:‬‬
‫‪ ‬يعد التفاعل بين اإلنسان والحاسوب مجاالً واسعا ً للبحث والممارسة ظهر في أوائل ثمانينات القرن الماضي‬
‫حيث بدا كمجال تخصص ضمن علوم الحاسوب محتضنا ً العلوم المعرفية والسلوكية وعدة ميادين علمية أخرى‪.‬‬

‫‪ ‬ويعرف على انه فرع من فروع العلوم يعنى بتصميم وتمحيص وتحرير وصناعة األنظمة لالستخدام اإلنساني‬
‫ودراسة كل المسائل المتعلقة بكل ما يتداخل مع تلك األمور‬

‫‪ ‬ويعتبر هذا المجال مهما ً كونه يتعلق بمجاالت عده في تفاعل االنسان مع اآللة مثل التفاعل ألغراض تعليمة ‪،‬‬
‫طبية‪ ،‬إقتصادية ‪،‬تجارية ‪،‬علمية بحثة ‪ ،‬هندسية ‪،‬صناعية ‪ ،‬عسكرية لما نشهد من تفاعل كبير بين اآللة والبشر‬
‫في مجال التسلية واأللعاب خالل تطبيقات التي انتشرت ‪...‬‬

‫‪ Human-Computer Interaction (HCI) ‬ت‪TTT‬جعلا‪TT‬النسانوا‪TT‬لحاسوبي‪TT‬عمالنك‪T‬نظام‪ T‬وا‪T‬حد واداة وا‪T‬حدة‬

‫وتساعد ف‪TTT‬يا‪TT‬لحصولعلىأداء ع‪T‬ا‪TT‬لي‪..‬‬
 ‫‪ ‬التفاعل بين اإلنسان واآللة (الحاسوب بأي صورة كان ‪ :‬جهاز كمبيوتر‪،‬األجهزة اللوحية ‪،‬الهواتف‬
‫الذكية ‪،‬والساعات الذكية ‪ ،‬وأجهزة الرياضة‪ ،‬أجهزة المنزل والمكتب وكذالك التي تستخدم في الشارع و‬
‫السيارة ‪..‬الخ‬

‫‪ ‬احتمالية فهم هذه التكنولوجيا من قبل المستخدم العادي اقل االن مما كان عليه الوضع في السابق خاصة ان هناك‬
‫أنواع مختلفة ومتعدده‪.‬‬

‫‪ ‬انشغال الناس الشديد بأمور الحياة وضيق وقتهم يجعلهم غير قادرين او غير راغبين على صرف وقت وجهد لفهم‬
‫كيفية استخدام منتج ما او قرائه كتيب االرشادات ‪.‬‬

‫‪ ‬يحتاجون منتجات ‪ :‬سهلة االستخدام والتعلم وواضحة منذ الوهلة األولى وبدون أخطاء او مشكالت‬

‫‪ ‬تصميم هذا النظم (االجهزة او البرمجيات او التطبيقات ) بحيث تحقق هاذه الشروط هو لتفاعل اإلنسان مع اآللة‬
‫)‪. Human-Computer Interaction (HCI‬‬
 ‫• لمحة تاريخية عن تطور التفاعل بين اإلنسان‬
‫والحاسوب‪:‬‬

‫• نبذة تاريخ بداية أهمية تفاعل االنسان والحاسوب‪....‬‬

 ‫ماهو (‪)HCI‬‬
‫• تفاعل االنسان والحاسوب‪:‬هو تخصص يهتم بتصميم واختبار وتنفيذ األنظمة التفاعلية التي يستخدمها االنسان‬
‫والظواهر المرتبطة بها‪...‬‬

‫• ‪ HCI‬هو دراسة تفاعل بين االنسان (المستخدم) والحاسوب (األجهزة والبرامج والنظم) وهو يركز على العوامل‬
‫البشرية التي تؤثر على هذا التفاعل (المباشرأو غيرالمباشر)‬

‫• هذا التفاعل يحصل تحديدا في واجهة المستخدم (‪)User Interface‬‬

‫• القاعدة الذهبية (االنسان – المستخدم – أوال)‪...‬‬

 ‫ليست من أهداف ‪HCI‬‬

‫‪ ‬جعل واجهه المستخدم تبدو جميلة كهدف رئيسي ‪.‬‬

‫‪ ‬خاصة فقط بالبرامج المكتبية او تلك المستخدمة على جهاز الحاسوب ‪.‬‬

‫‪ ‬شيئ جيد ان استطعنا تحقيقه ولكن ليس جوهريا‪.‬‬

 ‫أهداف ‪HCI‬‬
‫• تطوير وتحسين نسبة األمان ‪،‬واالستفادة والفاعلية والكفاءة واستخدام النظام الذي يشتمل على‬
‫الحواسيب ‪.‬‬

‫• انتاج أنظمة آمنة وقابلة لالستخدام وذالك يتحقق اذا قام المطورين بمراعات التالي ‪-:‬‬

‫فهم كيفية استخدام الناس للتكنولوجيا‬ ‫‪.1‬‬

‫بناء أنظمة موائمة‬ ‫‪.2‬‬
‫تحقيق تفاعل آمن وفاعل ومؤثر‬ ‫‪.3‬‬
‫إعطاء أولوية للعامل البشري ‪.‬‬ ‫‪.4‬‬

‫• جمع وتحليل البيانات التي ستستخدم لتصميم وبناء واجهات المستخدم التفاعلية‬
‫• بناء واجهات المستخدم‬
‫• تقييم واجهه النظام‬
 ‫الواجهه التفاعلية‪-:‬‬

‫بشكل عام‪ ،‬يمكن تعريف الواجهة التفاعلية على أنهـا الوسـيط الذي ينقل أفعال المستخدم خالل تنفيذ‬
‫عمل ما إلى التقنية التـي تساعده بتنفيذ هذه المهمة‪.‬‬

‫الواجهة التفاعلية هي عبارة عن مجموعـة األدوات "المعلوماتيـة" التي تسمح لمستخدم أو مجموعة من‬
‫المستخدمين بالقيام بعمل ما‪....‬‬

‫مثال‪-:‬‬

‫ارسال المستخدم لبريد الكتروني ‪.‬‬

 ‫الفائدة واالستخدامية (‪)Usability‬‬

‫قابلية االستخدام مصطلح يقصد به قابلية األجهزة او األنظمة لالستخدام بسهولة من‬
‫اجل تحقيق هدف مهين‬

‫الفائدة (‪)Utility‬‬

‫نقول عن واجهة أنها مفيدة إذا كانت توفر كل الوظائف التي يحتاجها المستخدم للقيـام بالعمـل‬
‫بالشكل المطلوب‪ ،‬أي إعطاء النتائج المتوقعة ضمن الشروط المطلوبة‪.‬‬
 ‫امثلة الفائدة واالستخدامية (‪)Usability‬‬

‫‪ : Outlook‬مفيد منأ‪T‬جلا‪TT‬لمه‪T‬ام‪ T‬ا‪TT‬لمتعلقة ب‪TTT‬ا‪TT‬لترا‪T‬سلا‪TT‬إل‪T‬ليكتروني‬

‫‪ : Photoshope‬ل‪TT‬يسمفيداً منأ‪T‬جلا‪TT‬لترا‪T‬سلا‪TT‬إل‪T‬ليكترونيوإ‪T‬نما منأ‪T‬جلمهمة ت‪TTT‬حرير‬

‫ا‪TT‬لصوروتع‪T‬ديله‪T‬ا ‪...‬‬
‫الشروط الالزم توافرها في النظام القابل لالستخدام ‪:‬‬

‫‪ .1‬سهل الستخدام \ التشغيل‬

‫‪ .2‬سهل التعلم‬
‫‪ .3‬سهل تذكر بعد فتره من استخدامة‬
‫‪ .4‬ذو فاعلية في االستخدم‬
‫‪ .5‬ذو كفاءة في االستخدام‬
‫‪ .6‬آمن في االستخدام‬
‫‪ .7‬ممتع في االستخدام‬
 ‫الفعالية‪:‬‬
‫هي انجاز العمل المطلوب فحسب (مثل السيارة وسيلة مواصالت )‬

‫الكفاءة‪:‬‬
‫هي انجاز العمل المطلوب باقل تكلفة واسرع وقت‬
‫امثلة على التصاميم واجهات تفاعلية جيده وسيئة ‪:‬‬
‫امثلة على التصاميم واجهات تفاعلية جيده وسيئة ‪:‬‬
 ‫أهمية الواجهات التفاعلية وقابلية استخدامها ‪-:‬‬
‫ضرورة االهتمام بجودة الواجهات التفاعلية وهذا دور الواجهات في عملية تطوير واسـتخدام النظم التفاعلية‪:‬‬

‫تكلفة تطوير الواجهات‪.‬‬ ‫‪.1‬‬

‫األهمية االقتصادية لجودة الواجهات(ربح بالماليين للشركة المنتجة مثل شركة‬ ‫‪.2‬‬
‫آبل)‪.‬‬
‫تأثير جودة الواجهات على أمان النظم المعلوماتية ‪.‬‬ ‫‪.3‬‬
‫يمنع وقوع الحوادث والكوارث (أنظمة الطيران والقياده واألجهزة الطبية )‬ ‫‪.4‬‬
‫يقلل من تكلفة التأهيل والتدريب ‪.‬‬ ‫‪.5‬‬
‫زيادة الثقة في منتجات الشركة ‪.‬‬ ‫‪.6‬‬
‫نموذج لعملية التفاعل بين اإلنسان والحاسوب يسمى نموذج دونالد نورمن ‪-:‬‬
‫• نورمن استخدم هذا النموذج ليوضح لماذا بعض واجهات المستخدم تتسبب بمشكالت للمستخدمين ؟‬
‫• يركز على وجهه نظر المستخدم من التفاعل ‪.‬‬

‫• النموذج مكون من سبع مراحل (كل مرحلة عبارة عن نشاط للمستخدم )‪:‬‬
‫‪ .1‬المستخدم يحدد اهداف التفاعل(شراء كتاب )‬
‫‪ .2‬وضع مخطط التنفيذ اي تحدد ماينوي القيام بة ( توفر جهاز الكتروني متصل بالنت ويدخل‬
‫موقع امازون اوعلي بابا)‬
‫‪ .3‬توصيف األفعال أي يحدد اإلجراءات في وجهه المستخدم (يبحث عن الكتاب بالعنوان)‬
‫‪ .4‬تنفيذ األفعال(باستخدام خاصية البحث العادية ‪،‬المتقدم او البحث في التصنيفات )‬
‫‪ .5‬تلقي ردة فعل النظام(موجود او غير موجود)‬
‫‪ .6‬تفسير حالة النظام(فهم النتيجة )‬
‫‪ .7‬يقيم النتيجة التي تم الحصول عليها في النظام وفقا ً للهدف(هل تحقق)؟‬
‫ماهو التفاعل ‪ :‬هي تصميم وتنفيذ وتطوير أجهز‪T‬ة الكمبيوتر بحيث تكون صالحة‬
‫لالستخدام ومتفاعلة مع المستخدم بطريقة أمنة‬
 ‫الهدف من التفاعل‪:‬‬
‫هدف أي نظام اوجهاز تفاعلي هو مساعدة المستخدم ليحقق الهدف ‪ :‬وهي المهمة التي من أجلها قام‬
‫باستخدام هذا النظام ضمن نطاق محدد ومعروف ‪.....‬‬

‫لدينا ثالث عناصر مهمة ‪:‬‬

‫‪ .1‬النطاق ‪ :‬وهو المجال الذي يستخدم فية النظام مثال التصميم الجرافيكي ‪.‬‬
‫‪ .2‬الهدف ‪ :‬ما الذي يريد المستخدم تحقيقة (رسم شعار‪.)....‬‬
‫‪ .3‬المهمة ‪ :‬كيف أقوم بتحقيق الهدف اختار محرر فوتوشوب واستخدم األدوات التي بداخلة ‪،‬من‬
‫تلوين ‪ ،‬واختيار اشكال ‪.)....‬‬
 ‫عناصر بناء الواجهات التفاعلية ‪-:‬‬
‫بينها‪.‬‬ ‫سوف نقوم بتعريف العناصر األساسية التي تدخل في بناء الواجهات التفاعلية والعالقات‬

‫‪ .1‬التفاعل الفعلي ‪-:‬‬

‫هو كل غرض مرئي في الواجهة التفاعلية يمكن استخدامه من أجل إدخال أو عرض المعلومات‬
‫غرض التفاعل الفعلي "شريط المهام" كما يظهر في نظام "‪: Windows‬‬
 ‫عناصر بناء الواجهات التفاعلية ‪-:‬‬
‫بينها‪.‬‬ ‫سوف نقوم بتعريف العناصر األساسية التي تدخل في بناء الواجهات التفاعلية والعالقات‬

‫‪ .2‬أداة التفاعل ‪-:‬‬

‫هي الوسيلة الفيزيائية التي يتم استخدامها من أجل إدخال أو استرجاع المعطيات و‪/‬أو من أجل‬
‫إطالق مختلف األفعال المتوفرة في لحظة معينة‪.‬‬

‫أمثلة‪ :‬الفأرة‪ ،‬لوحة المفاتيح‪ ،‬الشاشة اللمسية‪.‬‬

 ‫عناصر بناء الواجهات التفاعلية ‪-:‬‬
‫بينها‪.‬‬ ‫سوف نقوم بتعريف العناصر األساسية التي تدخل في بناء الواجهات التفاعلية والعالقات‬

‫‪.3‬أسلوب التفاعل‪-:‬‬
‫• بتنفيذ مجموعة من عمليات اإلدخال واإلخراج‪،‬‬
‫• في إطار المهمة التي يريد المستخدم إنجازها‪،‬‬
‫• وبما يتوافق مع إمكانيات المستخدم الحركية واإلدراكية‪.‬‬
 ‫من أساليب التفاعل األساسية (أنماط التفاعل )‪-:‬‬

‫التفاعل عبراألسئلة‪/‬األجوبة‪.‬مثل تنصيب البرامج ‪...‬‬ ‫‪)1‬‬

‫• قوائم بسيطة‪ • ،‬سلسلة قوائم‪ • ،‬قوائم شجري‬ ‫اختيار القوائم‪:‬‬ ‫‪)2‬‬
‫تعبئة النماذج وجداول البيانات مثل ‪ :‬برنامج األكسل‬ ‫‪)3‬‬
‫التفاعل البياني‬ ‫‪)4‬‬
‫التفاعل األيقوني((‪Drag and Drop‬عبر استخدام الفأرة للضغط على الروابط والخرائط (‪point‬‬ ‫‪)5‬‬
‫‪)and click‬‬
‫الحقيقة االفتراضية((‪3D‬‬ ‫‪)6‬‬
‫• لغة األوامر‪ • .‬لغة االستجواب‪ • .‬اللغة الطبيعية‪.‬‬ ‫• لغات التخاطب‪:‬‬ ‫‪)7‬‬