[1]اساسيات تفاعل الانسان مع الحاسوب
Transcript of [1]اساسيات تفاعل الانسان مع الحاسوب
Virtual University- Human Computer Interaction1 Imran Hussain | UMT
Human-Computer Interaction
الحاسوب مع النسان تفاعل
Virtual University- Human Computer Interaction2 Imran Hussain | UMT
Computer + Information
+
Virtual University- Human Computer Interaction3 Imran Hussain | UMT
الحاسوب مع النسان تفاعل تعريف
وتنفيذ وتقييممم بتصممممميم يهتممم الذي العلممم همومممع شر الب ستخدمها لي ية التفاعل صاء الح مة أنظ
. بهم المحيطة والمعرفة العلوم اغلب دراسة
من الحاسوب مع النسان عل لتفا واجهات ير تطولتنفيذ ا لى إ . التصميم مع النسان تفاعل مبادئ
والعلوم النفس علممم تشمملمم لتميم وا الحاسمومممبالنسان لا سلوك هم ف في ساعد ت تي ال يه دراك
. و لتفاعل ا نماذج عرض لتفاعليمةم ا الشياء ممعمم . باستخدام يمةم لتفاعل ا النظممممم تصممممميم التواصملممم . النظام واجهات تصميم عنمدم كمحور ستخدم الم
. التقييم وأساليب لتنفيذ ا دعم في مقدمة
Virtual University- Human Computer Interaction4 Imran Hussain | UMT
الحاسوب مع النسان تفاعل تعريفمن • الحاسوب مع النسان عل لتفا واجهات ير تطو
لتنفيذ ا لى إ . التصميم مع النسان تفاعل مبادئوالعلوم النفس علممم تشمملمم لتميم وا الحاسمومممب
النسان لا سلوك هم ف في ساعد ت تي ال يه دراك . و لتفاعل ا نماذج عرض لتفاعليمةم ا الشياء ممعمم . باستخدام يمةم لتفاعل ا النظممممم تصممممميم التواصملممم . النظام واجهات تصميم عنمدم كمحور ستخدم الم
. التقييم وأساليب لتنفيذ ا دعم في مقدمة•
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
Virtual University- Human Computer Interaction6 Imran Hussain | UMT
الحاسوب مع النسان تفاعل
النسانالنهائي- المستخدم
المنظمات - في ألخري الشياءالحاسوب
المادي - الكيانالبرمجة -
التفاعليريد - ” ” هو مادا الحاسوب يأمر المستخدم
للمستخدم - المحصلة يعطي الحاسوب
Virtual University- Human Computer Interaction7 Imran Hussain | UMT
Human-Computer Interactionالحاسوب مع النسان تفاعل
Human النسان
Computerالحاسوب
Interactionتفاعل
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)
Virtual University- Human Computer Interaction9 Imran Hussain | UMT
الحاسوب مع النسان تفاعل أهداف
: وتحسين لتطويرالنظام- امن
النظام - وظائف في المتمثلة والمنفعة الفائدةالستخدام - فاعلية
بالزمن - المقترنة الفاعليةلتعلم - ا سهولة في المتمثلة ألستخداميه
والستخدام
Virtual University- Human Computer Interaction10 Imran Hussain | UMT
Practical presses of HCI
Design,
Implementation
Evaluation of user interfaces
Virtual University- Human Computer Interaction11 Imran Hussain | UMT
الحاسوب مع النسان لتفاعل العملية العمليات
التصميم
تنفيذ ل ا
النظام مع المستخدم تفاعل تقييم
Virtual University- Human Computer Interaction12 Imran Hussain | UMT
Practical presses of HCI
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
Virtual University- Human Computer Interaction14 Imran Hussain | UMT
مع النسان لتفاعل العملية الهدافالحاسوب
لمنتجات ا استخدام تطوير
لتقييم وا لتصميم ا يات عمل في المستخدمين اشراك
لبرنامج ا حياة دورة خارج مكان كل في لتدريب ا
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
Virtual University- Human Computer Interaction16 Imran Hussain | UMT
الحاسوب مع النسان تفاعل دراسة سبب
, إضافة بعد ما في تخطر ما لبا غا للتصميم ألستخداميهالنظام من لنهاية ا عند إزالة أو
للنظام ل أو جيد التصميم إن لكيفية لتفهم الدارةالمنشئ
الفكار علي مبنية ليست الجيدة المستخدم شاشاتالكيانات من والعديد عمليات محصلة علي بل الموحاة
ائية الفيزي كافي غير المستخدم لشاشة لتوجيهات ا مستوي
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
Virtual University- Human Computer Interaction18 Imran Hussain | UMT
مع النسان تفاعل دراسة سبب. . . . الحاسوب.
رسم لكيفية خبراء بأنهم يؤمنون المبرمجين معظم
المستخدمين شاشات
مثلهم المستخدمين بان يعتقدون المبرمجين معظم
الشاشات رسم تطوير لمعدات استخدام كيفية معرفة
ذات الشاشات جعل تستطيع انك معناه ليس
استخداميه
وفاعلية ومكاسب فائدة يعني الجيد التصميم
والوظائف علي الحصول علي قدرة اكتر تجعلك
لتسويق وا
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
Virtual University- Human Computer Interaction20 Imran Hussain | UMT
تفاعل في المحترفين بها يقوم التي المهامالحاسوب مع النسان
لتفاعل ا لكل: مصممي التصميم في المختصة الشخاصللمنتجات ية لتفاعل ا الوجهات
ألستخداميه تقييم: مهندسي علي تركز التي الشخاصألستخداميه , وطرق مبادئ باستخدام المنتجات
: النترنت مواقع في مصممي المختصة الشخاصمثل النترنت لموقع المرئية لتصاميم ا وإنشاء تطوير
المخططات : المعلومات استخلص مخططي في المختصة الشخاص
لتفاعلية ا لمنتجات ا ناء وب تخطيط لكيفية الفكار : المستخدمين خبرة يقومون مصممي لدين ا الشخاص
الدراسة مجال استخلص بإمكانهم كذلك سبق ما بكلللمنتجات التصميم لتعلم
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!
Virtual University- Human Computer Interaction22 Imran Hussain | UMT
الحاسوب مع النسان تفاعل أهمية
: وتحسين لتطويرالنظام- امن
النظام - وظائف في المتمثلة والمنفعة لفائدة االستخدام - فاعلية
بالزمن - المقترنة ية الفاعلوالستخدام - لتعلم ا سهولة في المتمثلة ألستخداميه
: إلي بالضافة
النتاجية - المان-
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 الجتماع علم
Virtual University- Human Computer Interaction24 Imran Hussain | UMT
ألستخداميه
الستخدام علي القدرة
Usability
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
Virtual University- Human Computer Interaction26 Imran Hussain | UMT
ألستخداميه تعريف
للمراد • والتحقيق بالزمن المقترنة والفاعلية ألستخداميه الفاعليةبيئات في محددة أهداف لتحقيق محددين لمستخدمين والهدف
خاصة.
و • والمن التعلم و الستخدام علي القدرة ناحية من للسهولة قياسالمرجوة الهداف إلي والوصول الزمنية والفاعلية الستخدام فاعلية
. ومستخدميه للنظام
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
Virtual University- Human Computer Interaction28 Imran Hussain | UMT
ألستخداميه أساسيات
إرشادا . • و تقدما اكتر انه ماعدا التصميم لساسيات مشابهالنظام .• تقييم لقواعد أساسي مستخدم• . التقييم لتوجيه نطاق يولد
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
Virtual University- Human Computer Interaction30 Imran Hussain | UMT
ألستخداميه أهداف
الستخدام ية فاعل
جيدة منفعة يمتلك
بالزمن المقترنة الستخدام فاعلية
لتعلم ا سهل
الستخدام لكيفية لتذكر ا سهل
الستخدام امن
الستخدام تحقيق
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?
Virtual University- Human Computer Interaction32 Imran Hussain | UMT
للستخداميه بالنسبة المستخدم خبرة أهداف
•. المستخدم خبرة أهداف و الستخداميه أهداف اختلف كيفية•. الهداف من لنوعين بين تناوب هناك هل• . المستخدم خبرة وأهداف للستخداميه القياس سهوله هي كيف
Virtual University- Human Computer Interaction33 Imran Hussain | UMT
التصميم مع لتفاعل اInteraction Design
( ID )
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
Virtual University- Human Computer Interaction35 Imran Hussain | UMT
التصميم مع لتفاعل ا هو ما
يامهم أ كل في الناس لدعم لتفاعلية ا لمنتجات ا تصميم
أعمالهم وحياة
لتفاعل وا الناس لتواصل للفضاءات التصميم
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
Virtual University- Human Computer Interaction37 Imran Hussain | UMT
التصميم مع لتفاعل ا أهداف
للمنتجات الستخدام علي القدرة تطوير
التصميم عمليات في المستخدمين إشراك
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’
Virtual University- Human Computer Interaction39 Imran Hussain | UMT
مع لتفاعل ا إلي الحاسوب مع النسان تفاعل منالتصميم
الحاسوب • مع النسان ) HCI: (تفاعلالتفاعلية الحساب أنظمة مع والتنفيذ والتقييم بالتصميم المهتم هو
البشر . لستخدام بهم المحيطة الشياء ودراسةالتصميم • مع لتفاعل )ID:(ا
. والتفاعل البشر لتصال لفضاءات التصميمدلك • إلي , بالضافة عند, معتبرة اكتر وتقنيات قضايا اكتر تطبيقات ساحة
. الشاشات تصميم
Virtual University- Human Computer Interaction40 Imran Hussain | UMT
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 (لثقافة (ا
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 الفلم صناعة
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 المعلوماتية النظمة
Virtual University- Human Computer Interaction44 Imran Hussain | UMT
بين لتفاعل ا وتقنيات طرقوالحاسوب النسان
Virtual University- Human Computer Interaction45 Imran Hussain | UMT
. السهل بالشئ ليس تعتبر الحاسوب نظم تصميم
. معقدة الحاسوب نظم
معلومات مصادر مع لتعامل ا تصميمها عند يجب
. عديدة وتقنيات وأدوات مختلفة
. وخبرة مهارات التصميم طريقة تتطلب
طبيعتها في وتختلف للتصميم طرق عدة هناك
. تنفيذها وكيفية
Virtual University- Human Computer Interaction46 Imran Hussain | UMT
التصميم تعريف نظام تعريف في تقنية ومعلومات علمية أسس استخدام
تكلفة بأقل ذلك يتم ان علي مسبقا معرفة أنشطة نفيذ ت ل
التصميم أساسيات كفاءة باعلي و
الول علي النشاط نظرة إلقاء ب وذلك بات المتطل فهم
المستخدمين مع الحتياجات ومناقشة المشابهة لمنتجات ا
. التصميم في المشاكل لكتشاف موجود نظام أي وتحليل
لثاني ا لنشاط أشكال ا عدة إنتاج ب وذلك المنتج تطوير
. لنهائي ا الشكل إلي الوصول حتى
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?
Virtual University- Human Computer Interaction48 Imran Hussain | UMT
التصميم كيفية
: ار ب بالعت الخذ يجب
المستخدمين هم من
المستخلصة النشاطات هي ما
لتفاعل ا يأخذه الذي المكان أين
Virtual University- Human Computer Interaction49 Imran Hussain | UMT
تصميمHCI المستخدم علي مرتكز يكون ان يجب
باته. ومتطل
من والخبرات المعارف بين تكامل عملية التصميم يكون
. لتفاعل ا في تساهم التي المختلفة لمناهج ا
التصميم يوافق بحيث تكرارية عملية علي مبني يكون
. المستخدم ياجات احت
المستخدم علي المرتكز التصميم من الهدف
المستخدمين بواسطة والستخدام لتعلم ا سهلة نظم تاج ن إ
المعنيين.
. لنشاطات ا تسهيل في كفاءة وذات أمنة تكون أن
علي المرتكز التصميمالمستخدم
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
Virtual University- Human Computer Interaction51 Imran Hussain | UMT
المستخدم علي المرتكز التصميم
المستخدم من التية المعلومات استخلص المستخدم يكون من
المستخدم أهداف هي ما
تحقيقها يحتاجون التي المهام هي ما
المهام تحليل أهدافه لتحقيق المستخدم يحتاجها التي الخطوات هي ما تحديد
الحقيقي للمستخدم اريوهات ن سي إنشاء
لدعمها والهداف المستخدمين من أي قرر
Virtual University- Human Computer Interaction52 Imran Hussain | UMT
HCI Design Processالحاسوب مع النسان لتفاعل التصميم عمليات
المستخدم علي المرتكزة
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?
Virtual University- Human Computer Interaction54 Imran Hussain | UMT
المستخدم احتياجات
جيدون غير او جيدون هم فيما الناس فهم
) و القوائم التذكر من أسهل الستخدام إعادة
الوامر ) خط
وبدلك ليا حا للشياء الناس عمل كيفية فهم
أفضل جعلها
Virtual University- Human Computer Interaction55 Imran Hussain | UMT
User experience goals Satisfying
Fun
Enjoyable
Entertaining
Helpful
Motivating
Aesthetically pleasing
Rewarding
support creativity
emotionally fulfilling
Virtual University- Human Computer Interaction56 Imran Hussain | UMT
المستخدم خبرة أهداف
( ) التحقيق الهداف تحقيق علي القدرة مزاجيالستمتاعيسلي المساعدة علي القدرة لهمحفز وجمالي فني يكافئ النشاء يدعم والنفعالية العاطفية ينفد
Virtual University- Human Computer Interaction57 Imran Hussain | UMT
Design Principlesالتصميم مبادئ
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
Virtual University- Human Computer Interaction59 Imran Hussain | UMT
العلى المستوي مبادئ
لثلثة ا العلى المستوي مبادئ
لتعلم ا الختلف , الفاعلية, سهولة مع متوافق
لثلثة 12 ا العلى المستوي لمبادئ مسجل أساسي مبدءا
يكون أن يجب النظام
: لتعلم ا من السهولة الوصول 4-1 مبادئ بكيفية مهتمة
لتذكر وا لتعلم ا وسهولة
ل : الفاعلية من ا من 7-5مبادئ و الستخدام بسهولة مهتمة
بالمان 8-9 مهتمة
: الختلف مع من المتوافق بالختلف 12-10 مبادئ مهتمة
الختلف دلك واحترام الشخاص بين
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
Virtual University- Human Computer Interaction61 Imran Hussain | UMT
المستخدم 12المبادئ علي مرتكز لتصميمالجيدة
الجيد .1 الوضوحالمحتواة.2العتيادية.3التحمل .4 علي القدرةالنتقال .5 سهولةالتحكم .6 قدرةبسهولة .7 الرجوع إمكانيةبسهولة .8 الستعادة علي القدرةالقيود.9المرونة.10الجيد .11 التخطيطالجتذاب .12 علي القدرة
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
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.
Virtual University- Human Computer Interaction64 Imran Hussain | UMT
الوضوح- 1مبدءا فان لتالي ا وب واضحة الشياء تلك أن من تتأكد أن حاول
مادا و لمتاحة ا الوظائف هي ما رؤية يمكنها لناس ا
ا ي ل حا النظام يعمل
من لها يكون التي لنفس ا علم لمبدءا مهم جزء هدا
بهم التصال إعادة من الشياء تسجيل السهل
مراقبة اجعلها واضحة جعلها السهل من ليس كان ادا
Virtual University- Human Computer Interaction65 Imran Hussain | UMT
Principle 2 – Consistency المحتواة- 2مبدءا
التصميم في المساعدة النشاطات جميع علي احتواء مكتبة إنشاء عملية هي. النظام لستخدام والمساعدة التصميم لكيفه معلومات إلي بالضافة
•. التصميم لخصائص الستخدام محتواةوالخرائط • النماذج علي الحفاظ و محتوي تأكيد عبارة هو الفتراضي المحتواة
. للنظام التصميميةواللوان • التصرف محتوى علي التأكيد عن عبارة هو الفيزيائي المحتواة
. والشاشات والسماء
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?
Virtual University- Human Computer Interaction67 Imran Hussain | UMT
يادية- 3مبدءا العت
عند عليها المتعارف والرموز اللغة استخدم
يادية اعت تكون سوف وبدالك الجمهور
المفاهيم لن ممكن غير دلك يكون عندما
بتزويدهم , قم الناس لؤلئك قليل مختلفة
لهم مناسبة نصية بكتابة
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.
Virtual University- Human Computer Interaction69 Imran Hussain | UMT
التحمل- 4مبدءا علي القدرة
عملها يعرف وبدلك بوضوح الشياء صمم
الشياء تلك خصائص إلي تشير التحمل علي القدرة
استخدامها وإمكانية البعض بعضها مع علقتها وبالتالي
, كتابة تتحمل الملحظات الضغط تتحمل اليقونات
الرسائل
الشياء إيجاد ثقافة تعني التحمل علي القدرة
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 ا
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.
Virtual University- Human Computer Interaction72 Imran Hussain | UMT
لتنقل- 5مبدءا ا سهولة
علي المستخدم قدرة علي المستخدم قدرة تزويد
خرائط ( , النظام أجزاء بين لتنقل ا قدرة
المعلومات , ) علمات التجاهات علمات
التنقل سهولة في ماتستخدم عادتا القوائم
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.
Virtual University- Human Computer Interaction74 Imran Hussain | UMT
التحكم- 6مبدءا
النظام في بالتحكم لهم المخول للشخاص واضحة اجعلها
بين منطقية خرائط هناك كان إذا التحكم تحسين يمكن
يمتلكون هم لما والتأثير المتحكمين
سوف ومادا النظام عمل بين واضحة العلقات اجعل
للنظام الخارجي العالم في يحدث
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
Virtual University- Human Computer Interaction76 Imran Hussain | UMT
الرجاع- 6مبدءا
يمكنهم • بدلك المستخدم إلي النظام من المعلومات إرجاع سهولة
. التصميم أثناء تغيرات أحدات علي أعمالهم تأثير معرفة
•. التحكم علي القدرة في أحسن شعور تعطي الرجاع عملية وجود
بالسحب . • أو الرجاع زر علي بالضغط ام الرجاع عملية وتكون
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.
او أخطاء تحدت عندما الصلية المعلومات استعادة قدرةوفاعلية . بسرعة فيها نقص
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
القيودأو العمال جعل تعني
عند إل تعمل ل الوامرالمناسبة الساحة وجود
لها المخصصة أو
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.
Virtual University- Human Computer Interaction80 Imran Hussain | UMT
Principle 10 – Flexibility المرونة-10مبدءا
اختلف • لمراعاة مختلفة بطرق أشياء بتنفيذ السماح. النظمة في للمستخدمين والهتمام الخبرة مستوى
طرق • تغير من تمكنهم التي بمميزات الناس تزويدشخصنه من يمكنهم وبدلك للشياء والتصرف المشاهدة
النظام.
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.
. وعمومية ولطيفة مهذبة تكون أن يجب لتفاعلية ا النظمة
Virtual University- Human Computer Interaction82 Imran Hussain | UMT
البرمجيات تطوير
Virtual University- Human Computer Interaction83 Imran Hussain | UMT
لبرمجيات ا تطوير
•. هندسي منهج هو لبرمجيات ا تطوير
خطوات • علي بناء لمنتج ا بتطوير يقوم لهندسي ا لمنهج ا
. علمية يات تقن وب مهيكلة
لتطوير • ا ية عمل لفهم وسيلة لبرمجيات ا هندسة
في • المستخدم من المرتجعة لتغذية ا من الستفادة
. الولي التصميم مراحل
لزبون • ا من نوعان customerهناك
مع يتعامل وهو لبرمجيات ا لشركة عميل زبون
برنامج ل ا تطوير فترة خلل برايه ويدلي المصممين
تسليمه بعد لمنتج ا مع يتعامل زبون
Virtual University- Human Computer Interaction84 Imran Hussain | UMT
لبرمجيات • ا حياة دورة
لبرمجيات ا لتطوير تتم التي النشاطات تصف
لبرمجيات • ا اة حي دورة يصف الشلل نظام
النظام لحالة الفيزيائي لتمثيل ا بين المسافة هي
. له المستخدم توقع وبين
Virtual University- Human Computer Interaction85 Imran Hussain | UMT
يريده • لما تاج ن است عملية هي لها ي تحل او المتطلبات جمع
المنتجة . لبرمجيات ا من لزبون ا
تعرف • المصمم ويكملها العميل من تقدم ورقة هناك
. لنظام ا من المطلوب تصف لتطبيق ا بوصف
بالمقابلت • تكمل وغامضة مبهمة نقاط هناك أن يمكن
. لتقويم وا المعطاة انات ي ب ل ا وتحليل الملحظات ابة وكت
الطبيعية • ئة ي ب ل ا عن معلومات جمع يتم
Virtual University- Human Computer Interaction86 Imran Hussain | UMT
HCI design modelsالنسان لتفاعل التصميم نماذج
الحاسوب مع
Virtual University- Human Computer Interaction87 Imran Hussain | UMT
HCI design models
Norman Model نورماننموذج Waterfall model النسيابي النموذج The star life cycle model حياة دورة نموج النجوم
Rapid prototyping السريعة البتدائية النمدجه
Virtual University- Human Computer Interaction88 Imran Hussain | UMT
The waterfall model
Requirements analysis &
specification
System & software design
Implementation & unit testing
Integration & system
testing
Virtual University- Human Computer Interaction89 Imran Hussain | UMT
The star life cycleTask analysis /
functional analysis
Requirements specification
Conceptual design / formal design
Prototyping
Implementation
Evaluation
Virtual University- Human Computer Interaction90 Imran Hussain | UMT
Rapid prototyping