[1]اساسيات تفاعل الانسان مع الحاسوب

90
Virtual University- Human Computer Interaction 1 Imran Hussain | UMT Human-Computer Interaction لحاسوب ن مع ا لنسا عل ا تفا

Transcript of [1]اساسيات تفاعل الانسان مع الحاسوب

Page 1: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction1 Imran Hussain | UMT

Human-Computer Interaction

الحاسوب مع النسان تفاعل

Page 2: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction2 Imran Hussain | UMT

Computer + Information

+

Page 3: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction3 Imran Hussain | UMT

الحاسوب مع النسان تفاعل تعريف

وتنفيذ وتقييممم بتصممممميم يهتممم الذي العلممم همومممع شر الب ستخدمها لي ية التفاعل صاء الح مة أنظ

. بهم المحيطة والمعرفة العلوم اغلب دراسة

من الحاسوب مع النسان عل لتفا واجهات ير تطولتنفيذ ا لى إ . التصميم مع النسان تفاعل مبادئ

والعلوم النفس علممم تشمملمم لتميم وا الحاسمومممبالنسان لا سلوك هم ف في ساعد ت تي ال يه دراك

. و لتفاعل ا نماذج عرض لتفاعليمةم ا الشياء ممعمم . باستخدام يمةم لتفاعل ا النظممممم تصممممميم التواصملممم . النظام واجهات تصميم عنمدم كمحور ستخدم الم

. التقييم وأساليب لتنفيذ ا دعم في مقدمة

Page 4: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction4 Imran Hussain | UMT

الحاسوب مع النسان تفاعل تعريفمن • الحاسوب مع النسان عل لتفا واجهات ير تطو

لتنفيذ ا لى إ . التصميم مع النسان تفاعل مبادئوالعلوم النفس علممم تشمملمم لتميم وا الحاسمومممب

النسان لا سلوك هم ف في ساعد ت تي ال يه دراك . و لتفاعل ا نماذج عرض لتفاعليمةم ا الشياء ممعمم . باستخدام يمةم لتفاعل ا النظممممم تصممممميم التواصملممم . النظام واجهات تصميم عنمدم كمحور ستخدم الم

. التقييم وأساليب لتنفيذ ا دعم في مقدمة• 

Page 5: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction5 Imran Hussain | UMT

Human-Computer Interactionالحاسوب مع النسان تفاعل

(Human)

– the end-user– the others in the organization

Computer

– hardware– Software

Interaction

– user “tells” the computer what is he wants– computer communicates results

Page 6: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction6 Imran Hussain | UMT

الحاسوب مع النسان تفاعل

النسانالنهائي- المستخدم

المنظمات - في ألخري الشياءالحاسوب

المادي - الكيانالبرمجة -

التفاعليريد - ” ” هو مادا الحاسوب يأمر المستخدم

للمستخدم - المحصلة يعطي الحاسوب

Page 7: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction7 Imran Hussain | UMT

Human-Computer Interactionالحاسوب مع النسان تفاعل

Human النسان

Computerالحاسوب

Interactionتفاعل

Page 8: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction8 Imran Hussain | UMT

The goals of HCI

To develop or improve the :

• Safety (design of safety-critical systems)• Utility (the functionality of a system)• Effectiveness• Efficiency

• Usability (making systemseasy to learn and easy to use)

Page 9: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction9 Imran Hussain | UMT

الحاسوب مع النسان تفاعل أهداف

: وتحسين لتطويرالنظام- امن

النظام - وظائف في المتمثلة والمنفعة الفائدةالستخدام - فاعلية

بالزمن - المقترنة الفاعليةلتعلم - ا سهولة في المتمثلة ألستخداميه

والستخدام

Page 10: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction10 Imran Hussain | UMT

Practical presses of HCI

Design,

Implementation

Evaluation of user interfaces

Page 11: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction11 Imran Hussain | UMT

الحاسوب مع النسان لتفاعل العملية العمليات

التصميم

تنفيذ ل ا

النظام مع المستخدم تفاعل تقييم

Page 12: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction12 Imran Hussain | UMT

Practical presses of HCI

Page 13: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction13 Imran Hussain | UMT

Practical Goals of HCI

Develop usable products

Involve users in the design/evaluation process

Practice throughout out software life cycle

Page 14: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction14 Imran Hussain | UMT

مع النسان لتفاعل العملية الهدافالحاسوب

لمنتجات ا استخدام تطوير

لتقييم وا لتصميم ا يات عمل في المستخدمين اشراك

لبرنامج ا حياة دورة خارج مكان كل في لتدريب ا

Page 15: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction15 Imran Hussain | UMT

Why Study HCI?

Usability of design is often an afterthought, something

to be added at the end

Management doesn’t understand how good designs are

created

A good UI is not an inspiration but the result of a

process (and lots of hard work)

Following UI level guideline is not enough

Page 16: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction16 Imran Hussain | UMT

الحاسوب مع النسان تفاعل دراسة سبب

, إضافة بعد ما في تخطر ما لبا غا للتصميم ألستخداميهالنظام من لنهاية ا عند إزالة أو

للنظام ل أو جيد التصميم إن لكيفية لتفهم الدارةالمنشئ

الفكار علي مبنية ليست الجيدة المستخدم شاشاتالكيانات من والعديد عمليات محصلة علي بل الموحاة

ائية الفيزي كافي غير المستخدم لشاشة لتوجيهات ا مستوي

Page 17: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction17 Imran Hussain | UMT

Why Study HCI (cont.)

� Most programmers believe they are UI experts

� Most programmers think users are just like themselves

� Knowing how to use a UI development tool, doesn’t mean you can make a usable interface

� Good design means profit/efficiency

� Makes YOU more employable/marketable

Page 18: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction18 Imran Hussain | UMT

مع النسان تفاعل دراسة سبب. . . . الحاسوب.

رسم لكيفية خبراء بأنهم يؤمنون المبرمجين معظم

المستخدمين شاشات

مثلهم المستخدمين بان يعتقدون المبرمجين معظم

الشاشات رسم تطوير لمعدات استخدام كيفية معرفة

ذات الشاشات جعل تستطيع انك معناه ليس

استخداميه

وفاعلية ومكاسب فائدة يعني الجيد التصميم

والوظائف علي الحصول علي قدرة اكتر تجعلك

لتسويق وا

Page 19: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction19 Imran Hussain | UMT

What do HCI professionals do?

interaction designers - people involved in the design of all the interactive aspects of a product

usability engineers - people who focus on evaluating products, using usability methods and principles

web designers - people who develop and create the visual design of websites, such as layouts

information architects - people who come up with ideas of how to plan and structure interactive products

user experience designers - people who do all the above but who may also carry out field studies to inform the design of products

Page 20: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction20 Imran Hussain | UMT

تفاعل في المحترفين بها يقوم التي المهامالحاسوب مع النسان

لتفاعل ا لكل: مصممي التصميم في المختصة الشخاصللمنتجات ية لتفاعل ا الوجهات

ألستخداميه تقييم: مهندسي علي تركز التي الشخاصألستخداميه , وطرق مبادئ باستخدام المنتجات

: النترنت مواقع في مصممي المختصة الشخاصمثل النترنت لموقع المرئية لتصاميم ا وإنشاء تطوير

المخططات : المعلومات استخلص مخططي في المختصة الشخاص

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

الدراسة مجال استخلص بإمكانهم كذلك سبق ما بكلللمنتجات التصميم لتعلم

Page 21: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction21 Imran Hussain | UMT

Importance of HCI

• In order to achieve efficient, effective and safe products/systems:

– Productivity (introducing technology that does not support the work may cause reduced productivity)

– Safety (crashed air planes and nuclear power plant disasters have led to an understanding why HCI is important!)

Computers should be designed for the needs and capabilities of the people for whom they are intended!

Page 22: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction22 Imran Hussain | UMT

الحاسوب مع النسان تفاعل أهمية

: وتحسين لتطويرالنظام- امن

النظام - وظائف في المتمثلة والمنفعة لفائدة االستخدام - فاعلية

بالزمن - المقترنة ية الفاعلوالستخدام - لتعلم ا سهولة في المتمثلة ألستخداميه

: إلي بالضافة

النتاجية - المان-

Page 23: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction23 Imran Hussain | UMT

مع النسان بتفاعل المتعلقة العلوم توزيعالحاسوب

Artificial intelligence لذكية ا الصناعات Information System المعومات أنظمة Ergonomics لتفاعلية ا الواجهات مواءمة Languages للغات ا Interaction HardWare لمادية ا انات الكي تفاعل Computer Science الحاسوب علوم Psychology النفس علم Cognitiveالدراك Social الجتماعية العلوم Organizationalلتوثيق ا Cognitive Science الدراكية العلوم Sociology الجتماع علم

Page 24: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction24 Imran Hussain | UMT

ألستخداميه

الستخدام علي القدرة

Usability

Page 25: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction25 Imran Hussain | UMT

Usability Definitions

ISO The effectiveness, efficiency, and satisfaction with which specified users achieve specified goals in particular environments

Preece et al

A measure of the ease with which a system can be learned or used, its safety, effectiveness and efficiency and the attitude of its users towards it

Page 26: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction26 Imran Hussain | UMT

ألستخداميه تعريف

للمراد • والتحقيق بالزمن المقترنة والفاعلية ألستخداميه الفاعليةبيئات في محددة أهداف لتحقيق محددين لمستخدمين والهدف

خاصة.

و • والمن التعلم و الستخدام علي القدرة ناحية من للسهولة قياسالمرجوة الهداف إلي والوصول الزمنية والفاعلية الستخدام فاعلية

. ومستخدميه للنظام

Page 27: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction27 Imran Hussain | UMT

Usability principles

• Similar to design principles, except more prescriptive

• Used mainly as the basis for evaluating systems

• Provide a framework for heuristic evaluation

Page 28: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction28 Imran Hussain | UMT

ألستخداميه أساسيات

إرشادا . • و تقدما اكتر انه ماعدا التصميم لساسيات مشابهالنظام .• تقييم لقواعد أساسي مستخدم• . التقييم لتوجيه نطاق يولد

Page 29: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction29 Imran Hussain | UMT

Usability goals

� Effective to use (produce desired effect)� Have good utility (be useful)� Efficient to use� Easy to learn� Easy to remember how to use� Safe to use� Satisfying to use

Page 30: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction30 Imran Hussain | UMT

ألستخداميه أهداف

الستخدام ية فاعل

جيدة منفعة يمتلك

بالزمن المقترنة الستخدام فاعلية

لتعلم ا سهل

الستخدام لكيفية لتذكر ا سهل

الستخدام امن

الستخدام تحقيق

Page 31: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction31 Imran Hussain | UMT

Usability and user experienceGoals

• How do usability goals differ from user experience goals?

• Are there trade-offs between the two kinds of goals?– e.g. can a product be both fun and safe?

• How easy is it to measure usability versus user experience goals?

Page 32: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction32 Imran Hussain | UMT

للستخداميه بالنسبة المستخدم خبرة أهداف

•. المستخدم خبرة أهداف و الستخداميه أهداف اختلف كيفية•. الهداف من لنوعين بين تناوب هناك هل• . المستخدم خبرة وأهداف للستخداميه القياس سهوله هي كيف

Page 33: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction33 Imran Hussain | UMT

التصميم مع لتفاعل اInteraction Design

( ID )

Page 34: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction34 Imran Hussain | UMT

What is interaction design?

Designing interactive products to support people in their everyday and working lives

The design of spaces for human communication and interaction

Page 35: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction35 Imran Hussain | UMT

التصميم مع لتفاعل ا هو ما

يامهم أ كل في الناس لدعم لتفاعلية ا لمنتجات ا تصميم

أعمالهم وحياة

لتفاعل وا الناس لتواصل للفضاءات التصميم

Page 36: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction36 Imran Hussain | UMT

Goals of interaction design

• Develop usable products–Usability means easy to learn , effective to use and provide an enjoyable experience

• Involve users in the design process

Page 37: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction37 Imran Hussain | UMT

التصميم مع لتفاعل ا أهداف

للمنتجات الستخدام علي القدرة تطوير

التصميم عمليات في المستخدمين إشراك

Page 38: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction38 Imran Hussain | UMT

From HCI to Interaction Design• Human-computer interaction (HCI) is:“concerned with the design, evaluation andimplementation of interactive computing systems forhuman use and with the study of major phenomenasurrounding them” (ACM SIGCHI, 1992, p.6)

• Interaction design (ID) is:“the design of spaces for human communication andinteraction”

• Increasingly, more application areas, more technologiesand more issues to consider when designing ‘interfaces’

Page 39: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction39 Imran Hussain | UMT

مع لتفاعل ا إلي الحاسوب مع النسان تفاعل منالتصميم

الحاسوب • مع النسان ) HCI: (تفاعلالتفاعلية الحساب أنظمة مع والتنفيذ والتقييم بالتصميم المهتم هو

البشر . لستخدام بهم المحيطة الشياء ودراسةالتصميم • مع لتفاعل )ID:(ا

. والتفاعل البشر لتصال لفضاءات التصميمدلك • إلي , بالضافة عند, معتبرة اكتر وتقنيات قضايا اكتر تطبيقات ساحة

. الشاشات تصميم

Page 40: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction40 Imran Hussain | UMT

Page 41: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction41 Imran Hussain | UMT

Relationship between ID, HCIand other fields

الخري بين ID , HCIوالمجالت العلقة

• Academic disciplines contributing to ID:التصميم مع للتفاعل الكاديمية الفروع توزيع

– Psychology ( النفس (علم–Social Sciences ( اجتماعية (علوم–Computing Sciences( المحاسبة (علوم– Engineering (لهندسة (ا– Ergonomics ( لتفاعلية ا الواجهات (مواءمة–Informatics (لثقافة (ا

Page 42: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction42 Imran Hussain | UMT

Relationship between ID, HCIand other fields

ألخري بين ID , HCIوالمجالت العلقة

• Design practices contributing to ID:ID مع العملية التصميمات توزيع

– Graphic design الرسومات تصميم – Product design المنتجات تصميم – Artist-design الفني تصميم – Industrial design الصناعات تصميم– Film industry الفلم صناعة

Page 43: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction43 Imran Hussain | UMT

Relationship between ID, HCIand other fields

ألخري بين ID , HCI والمجالت العلقة

• Interdisciplinary fields that ‘do’interaction design:

لتفاعلية ا التصاميم تعمل التي الفروع مجالت– HCI الحاسوب مع النسان تفاعل – Human Factors البشرية العوامل – Cognitive Engineering الدراكية لهندسة ا – Cognitive Ergonomics الدراكية لتفاعلية ا الوجهات مواءمة – Computer Supported Co-operative Workللحاسوب داعم مساعد مشغل عمل – Information Systems المعلوماتية النظمة

Page 44: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction44 Imran Hussain | UMT

بين لتفاعل ا وتقنيات طرقوالحاسوب النسان

Page 45: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction45 Imran Hussain | UMT

. السهل بالشئ ليس تعتبر الحاسوب نظم تصميم

. معقدة الحاسوب نظم

معلومات مصادر مع لتعامل ا تصميمها عند يجب

. عديدة وتقنيات وأدوات مختلفة

. وخبرة مهارات التصميم طريقة تتطلب

طبيعتها في وتختلف للتصميم طرق عدة هناك

. تنفيذها وكيفية

Page 46: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction46 Imran Hussain | UMT

التصميم تعريف نظام تعريف في تقنية ومعلومات علمية أسس استخدام

تكلفة بأقل ذلك يتم ان علي مسبقا معرفة أنشطة نفيذ ت ل

التصميم أساسيات كفاءة باعلي و

الول علي النشاط نظرة إلقاء ب وذلك بات المتطل فهم

المستخدمين مع الحتياجات ومناقشة المشابهة لمنتجات ا

. التصميم في المشاكل لكتشاف موجود نظام أي وتحليل

لثاني ا لنشاط أشكال ا عدة إنتاج ب وذلك المنتج تطوير

. لنهائي ا الشكل إلي الوصول حتى

Page 47: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction47 Imran Hussain | UMT

How to design

Need to take into account:

� Who the users are� What activities are being carried out� Where the interaction is taking place

Example:

� compare the differences between a cell phone and apublic pay phone� how do these differences manifest themselves in thedesign and use of phones?

Page 48: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction48 Imran Hussain | UMT

التصميم كيفية

: ار ب بالعت الخذ يجب

المستخدمين هم من

المستخلصة النشاطات هي ما

لتفاعل ا يأخذه الذي المكان أين

Page 49: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction49 Imran Hussain | UMT

تصميمHCI المستخدم علي مرتكز يكون ان يجب

باته. ومتطل

من والخبرات المعارف بين تكامل عملية التصميم يكون

. لتفاعل ا في تساهم التي المختلفة لمناهج ا

التصميم يوافق بحيث تكرارية عملية علي مبني يكون

. المستخدم ياجات احت

المستخدم علي المرتكز التصميم من الهدف

المستخدمين بواسطة والستخدام لتعلم ا سهلة نظم تاج ن إ

المعنيين.

. لنشاطات ا تسهيل في كفاءة وذات أمنة تكون أن

علي المرتكز التصميمالمستخدم

Page 50: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction50 Imran Hussain | UMT

User-Centered DesignFind out• who users are• what their goals are• what tasks they need to perform

Task Analysis• Characterize what steps users need to take to achieve their goal• Create scenarios of actual use• Decide which users and tasks to support

Design based on this

Evaluate the design•Test interface (with users, usability experts)•Do this before implementation

Page 51: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction51 Imran Hussain | UMT

المستخدم علي المرتكز التصميم

المستخدم من التية المعلومات استخلص المستخدم يكون من

المستخدم أهداف هي ما

تحقيقها يحتاجون التي المهام هي ما

المهام تحليل أهدافه لتحقيق المستخدم يحتاجها التي الخطوات هي ما تحديد

الحقيقي للمستخدم اريوهات ن سي إنشاء

لدعمها والهداف المستخدمين من أي قرر

Page 52: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction52 Imran Hussain | UMT

HCI Design Processالحاسوب مع النسان لتفاعل التصميم عمليات

المستخدم علي المرتكزة

Page 53: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction53 Imran Hussain | UMT

Users’ needs

� understand what people are good and bad at

� easier to recall than remember (menus vs. command line)

� understand how they currently do things and then make it better,

e.g., how do people read hardcopy magazines and how would you make it better in softcopy?

Page 54: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction54 Imran Hussain | UMT

المستخدم احتياجات

جيدون غير او جيدون هم فيما الناس فهم

) و القوائم التذكر من أسهل الستخدام إعادة

الوامر ) خط

وبدلك ليا حا للشياء الناس عمل كيفية فهم

أفضل جعلها

Page 55: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction55 Imran Hussain | UMT

User experience goals Satisfying

Fun

Enjoyable

Entertaining

Helpful

Motivating

Aesthetically pleasing

Rewarding

support creativity

emotionally fulfilling

Page 56: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction56 Imran Hussain | UMT

المستخدم خبرة أهداف

( ) التحقيق الهداف تحقيق علي القدرة مزاجيالستمتاعيسلي المساعدة علي القدرة لهمحفز وجمالي فني يكافئ النشاء يدعم والنفعالية العاطفية ينفد

Page 57: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction57 Imran Hussain | UMT

Design Principlesالتصميم مبادئ

Page 58: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction58 Imran Hussain | UMT

Top level principles

Three top level principles

Learnability, effectiveness and accommodation

Twelve main principles categorized in the three top level categories

Systems should be Learnable. Principles 1–4 are concerned with access, ease of learning

and remembering

Effective. Principles 5–7 are concerned with ease of use and 8–9 are

concerned with safety

Accommodating. Principles 10–12 are concerned with accommodating

differences between people and respecting those

differences

Page 59: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction59 Imran Hussain | UMT

العلى المستوي مبادئ

لثلثة ا العلى المستوي مبادئ

لتعلم ا الختلف , الفاعلية, سهولة مع متوافق

لثلثة 12 ا العلى المستوي لمبادئ مسجل أساسي مبدءا

يكون أن يجب النظام

: لتعلم ا من السهولة الوصول 4-1 مبادئ بكيفية مهتمة

لتذكر وا لتعلم ا وسهولة

ل : الفاعلية من ا من 7-5مبادئ و الستخدام بسهولة مهتمة

بالمان 8-9 مهتمة

: الختلف مع من المتوافق بالختلف 12-10 مبادئ مهتمة

الختلف دلك واحترام الشخاص بين

Page 60: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction60 Imran Hussain | UMT

Twelve Principles for goodhuman-centred design

1. Visibility 2. Consistency 3. Familiarity 4. Affordance 5. Navigation 6. Control 7. Feedback 8. Recovery 9. Constraints 10. Flexibility 11. Style 12. Conviviality

Page 61: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction61 Imran Hussain | UMT

المستخدم 12المبادئ علي مرتكز لتصميمالجيدة

الجيد .1 الوضوحالمحتواة.2العتيادية.3التحمل .4 علي القدرةالنتقال .5 سهولةالتحكم .6 قدرةبسهولة .7 الرجوع إمكانيةبسهولة .8 الستعادة علي القدرةالقيود.9المرونة.10الجيد .11 التخطيطالجتذاب .12 علي القدرة

Page 62: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction62 Imran Hussain | UMT

Top level principle of Learnability consists of

المحتواة تعلم لقدرة الساسية المبادئ

Principle 1 الجيد الوضوح Visibility Principle 2 المحتواة Consistency Principle 3 يادية Familiarity العت Principle 4 التحمل علي القدرة Affordance

Page 63: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction63 Imran Hussain | UMT

Principle 1 – Visibility Try to ensure that things are visible so that people

can see what functions are available and what the

system is currently doing.

This is an important part of the psychological

principle that it is easier to recognize things than

to have to recall them.

If it is not possible to make it visible, make it

observable.

Consider making things ‘visible’ through the use of

sound and touch.

Page 64: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction64 Imran Hussain | UMT

الوضوح- 1مبدءا فان لتالي ا وب واضحة الشياء تلك أن من تتأكد أن حاول

مادا و لمتاحة ا الوظائف هي ما رؤية يمكنها لناس ا

ا ي ل حا النظام يعمل

من لها يكون التي لنفس ا علم لمبدءا مهم جزء هدا

بهم التصال إعادة من الشياء تسجيل السهل

مراقبة اجعلها واضحة جعلها السهل من ليس كان ادا

Page 65: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction65 Imran Hussain | UMT

Principle 2 – Consistency المحتواة- 2مبدءا

التصميم في المساعدة النشاطات جميع علي احتواء مكتبة إنشاء عملية هي. النظام لستخدام والمساعدة التصميم لكيفه معلومات إلي بالضافة

•. التصميم لخصائص الستخدام محتواةوالخرائط • النماذج علي الحفاظ و محتوي تأكيد عبارة هو الفتراضي المحتواة

. للنظام التصميميةواللوان • التصرف محتوى علي التأكيد عن عبارة هو الفيزيائي المحتواة

. والشاشات والسماء

Page 66: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction66 Imran Hussain | UMT

Principle 3 – Familiarity

Use language and symbols that the intended

audience will be familiar with.

Where this is not possible because the concepts

are quite different from those people know

about, provide a suitable metaphor to help them

transfer similar and related knowledge from a

more familiar domain.

e.g. recycle bin = delete?

Page 67: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction67 Imran Hussain | UMT

يادية- 3مبدءا العت

عند عليها المتعارف والرموز اللغة استخدم

يادية اعت تكون سوف وبدالك الجمهور

المفاهيم لن ممكن غير دلك يكون عندما

بتزويدهم , قم الناس لؤلئك قليل مختلفة

لهم مناسبة نصية بكتابة

Page 68: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction68 Imran Hussain | UMT

Principle 4 – Affordance Design things so it is clear what they are for;

for example make buttons look like buttons so people will press them.

Make a slot for inserting a credit card look like a credit card slot!

Affordance refers to the properties that things have (or are

perceived to have) and how these relate to how the things

could be used.

Buttons afford pressing, chairs afford sitting on and post-it

notes afford writing a message on and sticking next to

something else.

Affordances are culturally determined.

Page 69: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction69 Imran Hussain | UMT

التحمل- 4مبدءا علي القدرة

عملها يعرف وبدلك بوضوح الشياء صمم

الشياء تلك خصائص إلي تشير التحمل علي القدرة

استخدامها وإمكانية البعض بعضها مع علقتها وبالتالي

, كتابة تتحمل الملحظات الضغط تتحمل اليقونات

الرسائل

الشياء إيجاد ثقافة تعني التحمل علي القدرة

Page 70: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction70 Imran Hussain | UMT

Top - level principle of Effectivenessللفاعلية الساسية المبادئ

الستخدام Ease of Use which consists ofسهولة � Principle 5 – النتقال سهولة Navigation � Principle 6 - لتحكم Control ا � Principle 7 – الرجاع Feedback قدرة

والمن المان Safe and Secure which consists of � Principle 8 – الستعادة Recovery قدرة � Principle 9 - لتعقيد Constraints ا

Page 71: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction71 Imran Hussain | UMT

Principle 5 – Navigation

Provide support to enable people to move around the

parts of the system; maps, directional signs and

information signs.

Menus are often used for navigation, signs (labels)

indicate where else you can go in the system.

Page 72: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction72 Imran Hussain | UMT

لتنقل- 5مبدءا ا سهولة

علي المستخدم قدرة علي المستخدم قدرة تزويد

خرائط ( , النظام أجزاء بين لتنقل ا قدرة

المعلومات , ) علمات التجاهات علمات

التنقل سهولة في ماتستخدم عادتا القوائم

Page 73: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction73 Imran Hussain | UMT

Principle 6 – Control

Make it clear who or what is in control and allow people to take

control.

Control is enhanced if there is a clear, logical mapping

between controls and the effect that they have.

Also make clear the relationship between what the system

does and what will happen in the world outside the system.

Page 74: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction74 Imran Hussain | UMT

التحكم- 6مبدءا

النظام في بالتحكم لهم المخول للشخاص واضحة اجعلها

بين منطقية خرائط هناك كان إذا التحكم تحسين يمكن

يمتلكون هم لما والتأثير المتحكمين

سوف ومادا النظام عمل بين واضحة العلقات اجعل

للنظام الخارجي العالم في يحدث

Page 75: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction75 Imran Hussain | UMT

Principle 7 – Feedback

Rapidly feed back information from the system to people so that

they know what effect their actions have had.

Constant and consistent feedback will enhance the feeling of

control.

Pressing a button or pulling a lever

Page 76: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction76 Imran Hussain | UMT

الرجاع- 6مبدءا

يمكنهم • بدلك المستخدم إلي النظام من المعلومات إرجاع سهولة

. التصميم أثناء تغيرات أحدات علي أعمالهم تأثير معرفة

•. التحكم علي القدرة في أحسن شعور تعطي الرجاع عملية وجود

بالسحب . • أو الرجاع زر علي بالضغط ام الرجاع عملية وتكون

Page 77: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction77 Imran Hussain | UMT

Safe and Secure

� Principle 8 – Recovery المعلومات- 8مبدءا استعادة

المعلومات استعادة علي القدرة

enable recovery from actions, particularly mistakes and errors, quickly and effectively.

او أخطاء تحدت عندما الصلية المعلومات استعادة قدرةوفاعلية . بسرعة فيها نقص

Page 78: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction78 Imran Hussain | UMT

Principle 9 – Constraints القيود- 9مبدءا Constraints – Involve limiting the actions that can be performed in a particular design

Safe and Secure

القيودأو العمال جعل تعني

عند إل تعمل ل الوامرالمناسبة الساحة وجود

لها المخصصة أو

Page 79: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction79 Imran Hussain | UMT

Principle 10 – Flexibility

Allow multiple ways of doing things so as to

accommodate users with different levels of experience

and interest in the systems.

Provide people with the opportunity to change the way

things look or behave so that they can personalize the

system.

Page 80: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction80 Imran Hussain | UMT

Principle 10 – Flexibility المرونة-10مبدءا

اختلف • لمراعاة مختلفة بطرق أشياء بتنفيذ السماح. النظمة في للمستخدمين والهتمام الخبرة مستوى

طرق • تغير من تمكنهم التي بمميزات الناس تزويدشخصنه من يمكنهم وبدلك للشياء والتصرف المشاهدة

النظام.

Page 81: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction81 Imran Hussain | UMT

Aesthetics الجماليات Principle 11 – Style النمط- 11مبدءا

designs should be stylish and attractive

فاعلية وذات نمطية تكون أن يجب التصاميم

Principle 12 – Conviviality جذاب- 11مبدءا

Interactive systems should be polite, friendly, and generally.

. وعمومية ولطيفة مهذبة تكون أن يجب لتفاعلية ا النظمة

Page 82: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction82 Imran Hussain | UMT

البرمجيات تطوير

Page 83: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction83 Imran Hussain | UMT

لبرمجيات ا تطوير

•. هندسي منهج هو لبرمجيات ا تطوير

خطوات • علي بناء لمنتج ا بتطوير يقوم لهندسي ا لمنهج ا

. علمية يات تقن وب مهيكلة

لتطوير • ا ية عمل لفهم وسيلة لبرمجيات ا هندسة

في • المستخدم من المرتجعة لتغذية ا من الستفادة

. الولي التصميم مراحل

لزبون • ا من نوعان customerهناك

مع يتعامل وهو لبرمجيات ا لشركة عميل زبون

برنامج ل ا تطوير فترة خلل برايه ويدلي المصممين

تسليمه بعد لمنتج ا مع يتعامل زبون

Page 84: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction84 Imran Hussain | UMT

لبرمجيات • ا حياة دورة

لبرمجيات ا لتطوير تتم التي النشاطات تصف

لبرمجيات • ا اة حي دورة يصف الشلل نظام

النظام لحالة الفيزيائي لتمثيل ا بين المسافة هي

. له المستخدم توقع وبين

Page 85: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction85 Imran Hussain | UMT

يريده • لما تاج ن است عملية هي لها ي تحل او المتطلبات جمع

المنتجة . لبرمجيات ا من لزبون ا

تعرف • المصمم ويكملها العميل من تقدم ورقة هناك

. لنظام ا من المطلوب تصف لتطبيق ا بوصف

بالمقابلت • تكمل وغامضة مبهمة نقاط هناك أن يمكن

. لتقويم وا المعطاة انات ي ب ل ا وتحليل الملحظات ابة وكت

الطبيعية • ئة ي ب ل ا عن معلومات جمع يتم

Page 86: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction86 Imran Hussain | UMT

HCI design modelsالنسان لتفاعل التصميم نماذج

الحاسوب مع

Page 87: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction87 Imran Hussain | UMT

HCI design models

Norman Model نورماننموذج Waterfall model النسيابي النموذج The star life cycle model حياة دورة نموج النجوم

Rapid prototyping السريعة البتدائية النمدجه

Page 88: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction88 Imran Hussain | UMT

The waterfall model

Requirements analysis &

specification

System & software design

Implementation & unit testing

Integration & system

testing

Page 89: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction89 Imran Hussain | UMT

The star life cycleTask analysis /

functional analysis

Requirements specification

Conceptual design / formal design

Prototyping

Implementation

Evaluation

Page 90: [1]اساسيات تفاعل الانسان مع الحاسوب

Virtual University- Human Computer Interaction90 Imran Hussain | UMT

Rapid prototyping