by @itbex Human-Computer Interaction Lecture 9

Fourth stage

HCI IN THE SOFTWARE PROCESS

• Software engineering and the design process for interactive systems
‫هندسة البرمجيات وعملية التصميم لألنظمة التفاعلية‬
• Usability engineering ‫هندسة قابلية االستخدام‬
• Iterative design and prototyping ‫التصميم التكراري والنماذج األولية‬
• Design rationale ‫األساس المنطقي للتصميم‬
==================================================================
THE SOFTWARE LIFECYCLE ‫دورة حياة البرنامج‬
• Software engineering is the discipline for understanding the software design process,
or life cycle
‫ أو دورة الحياة‬، ‫هندسة البرمجيات هي االنضباط لفهم عملية تصميم البرمجيات‬
• Designing for usability occurs at all stages of the life cycle, not as a single isolated
activity
‫ وليس كنشاط واحد معزول‬، ‫يحدث التصميم لسهولة االستخدام في جميع مراحل دورة الحياة‬
==================================================================
THE WATERFALL MODEL ‫نموذج الشالل‬

1
by @itbex Human-Computer Interaction Lecture 9
Fourth stage

ACTIVITIES IN THE LIFE CYCLE ‫األنشطة في دورة الحياة‬

Requirements specification ‫مواصفات المتطلبات‬
designer and customer try capture what the system is expected to provide can be
expressed in natural language or more precise languages, such as a task analysis would
provide
‫ مثل تحليل‬، ‫يحاول المصمم والعميل التقاط ما يتوقع أن يوفره النظام يمكن التعبير عنه بلغة طبيعية أو لغات أكثر دقة‬
‫المهمة الذي سيوفره‬

Architectural design ‫التصميم المعماري‬

high-level description of how the system will provide the services required factor
system into major components of the system and how they are interrelated needs to
satisfy both functional and nonfunctional requirements
‫وصف رفيع المستوى لكيفية قيام النظام بتوفير نظام العوامل المطلوبة للخدمات في المكونات الرئيسية للنظام وكيف أنها‬
‫احتياجات مترابطة لتلبية المتطلبات الوظيفية وغير الوظيفية‬

Detailed design ‫التصميم التفصيلي‬

refinement of architectural components and interrelations to identify modules to be
implemented separately the refinement is governed by the nonfunctional requirements
‫صقل المكونات المعمارية والعالقات المتبادلة لتحديد الوحدات التي سيتم تنفيذها بشكل منفصل يخضع التحسين للمتطلبات‬
‫غير الوظيفية‬
==================================================================
ISO USABILITY STANDARD 9241
adopts traditional usability categories: ‫يعتمد فئات قابلية االستخدام التقليدية‬
• Effectiveness ‫فعالة‬
– can you achieve what you want to? ‫هل يمكنك تحقيق ما تريد؟‬
• Efficiency ‫كفاءة‬
– can you do it without wasting effort? ‫هل يمكنك فعل ذلك دون إضاعة الجهد؟‬
• Satisfaction ‫االرتياح‬
– do you enjoy the process? ‫هل تستمتع بهذه العملية؟‬

2
by @itbex Human-Computer Interaction Lecture 9
Fourth stage

ITERATIVE DESIGN AND PROTOTYPING ‫التصميم التكراري والنماذج األولية‬

• Iterative design overcomes inherent problems of incomplete requirements
‫يتغلب التصميم التكراري على المشاكل المتأصلة في المتطلبات غير المكتملة‬
• Prototypes ‫النماذج‬
– simulate or animate some features of intended system
‫محاكاة أو تحريك بعض ميزات النظام المقصود‬
– different types of prototypes ‫أنواع مختلفة من النماذج األولية‬
▪ throw-away ‫رمي بعيدا‬
▪ incremental ‫تزايدي‬
▪ evolutionary ‫تطوري‬
• Management issues ‫المسائل اإلدارية‬
– Time ‫الوقت‬
– Planning ‫تخطيط‬
– non-functional features ‫ميزات غير وظيفية‬
– contracts ‫عقود‬
==================================================================
DESIGN RATIONALE ‫األساس المنطقي للتصميم‬
Design rationale is information that explains why a computer system is the way it is.
.‫األساس المنطقي للتصميم هو المعلومات التي تفسر سبب كون نظام الكمبيوتر على ما هو عليه‬

Benefits of design rationale: ‫فوائد األساس المنطقي للتصميم‬

– communication throughout life cycle ‫التواصل طوال دورة الحياة‬
– reuse of design knowledge across products
‫إعادة استخدام المعرفة التصميمية عبر المنتجات‬
– enforces design discipline ‫يفرض االنضباط في التصميم‬
– presents arguments for design trade-offs ‫يقدم حججا لمقايضات التصميم‬
– organizes potentially large design space ‫ينظم مساحة تصميم كبيرة محتملة‬
– capturing contextual information ‫التقاط المعلومات السياقية‬

3
by @itbex Human-Computer Interaction Lecture 9
Fourth stage

DESIGN RATIONALE (DR) ‫األساس المنطقي للتصميم‬

Types of DR:
• Process-oriented ‫العملية الموجهة‬
– preserves order of deliberation and decision-making
‫يحافظ على ترتيب المداوالت واتخاذ القرارات‬
• Structure-oriented ‫الهياكل الموجهة‬
– emphasizes post hoc structuring of considered design alternatives
‫يؤكد على الهيكلة الالحقة لبدائل التصميم المدروسة‬
• Two examples:
– Issue-based information system (IBIS) ‫نظام المعلومات القائم على القضايا‬
– Design space analysis ‫تحليل مساحة التصميم‬
==================================================================
ISSUE-BASED INFORMATION SYSTEM (IBIS)‫نظام المعلومات القائم على القضايا‬
• basis for much of design rationale research ‫أساس الكثير من أبحاث األساس المنطقي للتصميم‬
• process-oriented ‫العملية الموجهة‬
• main elements: ‫العناصر الرئيسية‬
issues ‫القضايا‬
– hierarchical structure with one ‘root’ issue ‫هيكل هرمي مع قضية "جذر" واحدة‬
positions ‫مواقف‬
– potential resolutions of an issue ‫الحلول المحتملة لمشكلة ما‬
arguments ‫الحجج‬
– modify the relationship between positions and issues
‫تعديل العالقة بين المواقف والقضايا‬
• IBIS is a graphical version ‫هو نسخة رسومية‬

4
by @itbex Human-Computer Interaction Lecture 9
Fourth stage

STRUCTURE OF IBIS

==================================================================
DESIGN SPACE ANALYSIS ‫تحليل مساحة التصميم‬
• structure-oriented ‫الهياكل الموجهة‬
• QOC – hierarchical structure: ‫الهيكل الهرمي‬
questions (and sub-questions) )‫األسئلة (واألسئلة الفرعية‬
▪ represent major issues of a design ‫تمثل القضايا الرئيسية للتصميم‬
options ‫خيارات‬
▪ provide alternative solutions to the question ‫تقديم حلول بديلة للسؤال‬
criteria ‫معايير‬
▪ the means to assess the options in order to make a choice
‫وسائل تقييم الخيارات من أجل االختيار‬
• DRL – similar to QOC with a larger language and more formal semantics
‫ بلغة أكبر ودالالت أكثر رسمية‬QOC ‫ على غرار‬- DRL

5
by @itbex Human-Computer Interaction Lecture 9
Fourth stage

THE QOC NOTATION