SlideShare a Scribd company logo
The design process Software engineering and the design process for interactive systems Standards and guidelines as design rules Usability engineering Iterative design and prototyping Design rationale
Introduction Paradigms and principles concentrated on examining the product of interactive system design.   Now we focus on the process of design.   Software engineering is the emerging discipline for understanding the design process, or life cycle.   Designing for usability occurs at all stages of the life cycle, not as a single isolated activity
The software life cycle The waterfall model  
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
Verification and validation Verification designing the product right   Validation designing the right product   The formality gap validation will always rely to some extent on subjective means of proof Management and contractual issues design in commercial and legal contexts
The life cycle for interactive systems cannot assume a linear sequence of activities as in the waterfall model
Using design rules Design rules suggest how to increase usability Standards set by national or international bodies to ensure compliance by a large community of designers   standards require sound underlying theory and slowly changing technology hardware standards more common than software   high authority and low level of detail ISO 9241 defines usability as effectiveness, efficiency and satisfaction with which users accomplish tasks
Using design rules (cont'd)     Guidelines more suggestive and general many textbooks and reports full of guidelines abstract guidelines (principles) applicable during early life cycle activities detailed guidelines (style guides) applicable during later life cycle activities understanding justification for guidelines aids in resolving conflicts
Usability engineering The ultimate test of usability based on measurement of user experience Usability engineering demands that specific usability measures be made explicit as requirements   Usability specification usability attribute/principle measuring concept measuring method now level/ worst case/ planned level/ best case Problems usability specification requires level of detail that may not be possible early in design   satisfying a usability specification does not necessarily satisfy usability
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
Techniques for prototyping Storyboards need not be computer-based can be animated Limited functionality simulations some part of system functionality provided by designers tools like HyperCard are common for these  Wizard of Oz technique   Warning about iterative design design inertia – early bad decisions stay bad diagnosing real usability problems in prototypes…. … . and not just the symptoms
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
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 Design rationale (cont’d)
Issue-based information system (IBIS) basis for much of design rationale research  process-oriented hierarchical structure of issues, with one root issue positions are potential resolutions of an issue arguments modify the relationship between positions and issues gIBIS is a graphical version
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
Psychological design rational e to support task-artefact cycle in which user tasks are affected by the systems they use aims to make explicit consequences of design for users designers identify tasks system will support scenarios are suggested to test task users are observed on system psychological claims of system made explicit negative aspects of design can be used to improve next iteration of design
Summary The software engineering life cycle distinct activities and the consequences for interactive system design Using design rules standards and guidelines to direct design activity Usability engineering making usability measurements explicit as requirements Iterative design and prototyping limited functionality simulations and animations Design rationale recording design knowledge process vs. structure

More Related Content

PPT
0708 Design Rationale (Introduction)
PPTX
Hci in-the-software-process-1
PPTX
Hci in software process
PPSX
Nota sendiri hci-HCI
PPTX
Chapter five HCI
PPT
HCI 3e - Ch 6: HCI in the software process
PPT
Lecture4 requirement engineering
0708 Design Rationale (Introduction)
Hci in-the-software-process-1
Hci in software process
Nota sendiri hci-HCI
Chapter five HCI
HCI 3e - Ch 6: HCI in the software process
Lecture4 requirement engineering

What's hot (20)

PPTX
Design process design rules
PPTX
hci in software development process
PPTX
7. requirement-engineering
PPT
Software Requirements Engineering Methodologies
PPTX
Software Requirements
PPT
Business requirement analysis session 5
PPTX
Software Development Methodologies-HSM, SSADM
PPT
Iteration and prototyping
PDF
Software Architecture by Reuse, Composition and Customization
PPT
An overview of software requirements engineering
PPT
Requirement Engineering
PPT
Alternative Methodologies for Systems Development
PDF
Comparative Development Methodologies
PPT
Transition to System Design
PPTX
Sdlc process
PPTX
System development life cycle (sdlc)
PPTX
Design process interaction design basics
PPTX
03 requirement engineering_process
PPTX
Software requirement enginering
Design process design rules
hci in software development process
7. requirement-engineering
Software Requirements Engineering Methodologies
Software Requirements
Business requirement analysis session 5
Software Development Methodologies-HSM, SSADM
Iteration and prototyping
Software Architecture by Reuse, Composition and Customization
An overview of software requirements engineering
Requirement Engineering
Alternative Methodologies for Systems Development
Comparative Development Methodologies
Transition to System Design
Sdlc process
System development life cycle (sdlc)
Design process interaction design basics
03 requirement engineering_process
Software requirement enginering
Ad

Viewers also liked (20)

PPT
2. The Software Development Process - Design
PPTX
UI design approach for mixed reality
PDF
книжка на каникулы 2016
PDF
Pintor-Escultor Ortega Maila
PPTX
С. Русова -- видатний педагог, психолог, громадський діяч
PDF
Pintor Ortega Maila-Obra: Coraza dimension
PDF
Exposiciones Ortega Maila
PPT
Software Process in Software Engineering SE3
PDF
0809025
PDF
jeu risques grande distribution
PDF
jeu prévention sécurité
PDF
jeu qualité totale
PPTX
Software Engineering Process Models
PPTX
2016 Social Media Trends
PPTX
Physiotherapy in dentistry - Dr Sanjana ravindra
PPT
Slides chapter 9
PPTX
Design process and concepts
PDF
2-Software Design (Object Oriented Software Engineering - BNU Spring 2017)
PPTX
IPT Chapter 2 Web Services and Middleware - Dr. J. VijiPriya
PPT
Design concepts and principles
2. The Software Development Process - Design
UI design approach for mixed reality
книжка на каникулы 2016
Pintor-Escultor Ortega Maila
С. Русова -- видатний педагог, психолог, громадський діяч
Pintor Ortega Maila-Obra: Coraza dimension
Exposiciones Ortega Maila
Software Process in Software Engineering SE3
0809025
jeu risques grande distribution
jeu prévention sécurité
jeu qualité totale
Software Engineering Process Models
2016 Social Media Trends
Physiotherapy in dentistry - Dr Sanjana ravindra
Slides chapter 9
Design process and concepts
2-Software Design (Object Oriented Software Engineering - BNU Spring 2017)
IPT Chapter 2 Web Services and Middleware - Dr. J. VijiPriya
Design concepts and principles
Ad

Similar to The Design Process (20)

PPT
HCI - Chapter 6
PPT
Hci In The Software Process
PPT
E3 chap-06
PPT
btech-final year-human computer interaction-hci.ppt
PPT
e3-chap-06.ppt
PPT
HCI-in-sw-process.ppt
PDF
POLITEKNIK MALAYSIA
PPT
HCI chapter 3 notes on how students work with software process in design
PPT
e3-chap-06.ppt alan dic ppt huma computer interaction
PPT
PPT
Human Computer Interaction in software process.ppt
PPT
Chapter 5 software process
PPTX
Unit V.pptx
PPTX
DESIGN RULES , PROCESS OF DESIGN, USER FOCUS
PPT
HCI Chapter_2.ppt
PDF
HCI Chapter_2.pdf
PDF
HCI U-II HCI software Process (1).pdf
PDF
PxS'12 - week 1 - Introduction
PPTX
Chapter 5 human computer interaction chapter 5
HCI - Chapter 6
Hci In The Software Process
E3 chap-06
btech-final year-human computer interaction-hci.ppt
e3-chap-06.ppt
HCI-in-sw-process.ppt
POLITEKNIK MALAYSIA
HCI chapter 3 notes on how students work with software process in design
e3-chap-06.ppt alan dic ppt huma computer interaction
Human Computer Interaction in software process.ppt
Chapter 5 software process
Unit V.pptx
DESIGN RULES , PROCESS OF DESIGN, USER FOCUS
HCI Chapter_2.ppt
HCI Chapter_2.pdf
HCI U-II HCI software Process (1).pdf
PxS'12 - week 1 - Introduction
Chapter 5 human computer interaction chapter 5

More from ahmad bassiouny (20)

PPTX
Work Study & Productivity
PPT
Work Study
PPT
Motion And Time Study
PPT
Motion Study
PPT
The Christmas Story
PPS
Turkey Photos
PPT
Mission Bo Kv3
PPT
PPT
Linearization
PPT
Kblmt B000 Intro Kaizen Based Lean Manufacturing
PPT
How To Survive
PPT
Ancient Hieroglyphics
PPS
Dubai In 2009
PPT
DesignPeopleSystem
PPT
Organizational Behavior
PPT
Work Study Workshop
PPT
Workstudy
PPT
Time And Motion Study
Work Study & Productivity
Work Study
Motion And Time Study
Motion Study
The Christmas Story
Turkey Photos
Mission Bo Kv3
Linearization
Kblmt B000 Intro Kaizen Based Lean Manufacturing
How To Survive
Ancient Hieroglyphics
Dubai In 2009
DesignPeopleSystem
Organizational Behavior
Work Study Workshop
Workstudy
Time And Motion Study

Recently uploaded (20)

PPTX
Institutional Correction lecture only . . .
PPTX
Final Presentation General Medicine 03-08-2024.pptx
PDF
STATICS OF THE RIGID BODIES Hibbelers.pdf
PPTX
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
PPTX
1st Inaugural Professorial Lecture held on 19th February 2020 (Governance and...
PPTX
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
PDF
Abdominal Access Techniques with Prof. Dr. R K Mishra
PDF
O7-L3 Supply Chain Operations - ICLT Program
PPTX
Presentation on HIE in infants and its manifestations
PPTX
Cell Structure & Organelles in detailed.
PDF
RMMM.pdf make it easy to upload and study
PPTX
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
PPTX
Pharmacology of Heart Failure /Pharmacotherapy of CHF
PDF
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
PDF
A systematic review of self-coping strategies used by university students to ...
PDF
102 student loan defaulters named and shamed – Is someone you know on the list?
PDF
Anesthesia in Laparoscopic Surgery in India
PDF
Microbial disease of the cardiovascular and lymphatic systems
PDF
O5-L3 Freight Transport Ops (International) V1.pdf
PDF
Supply Chain Operations Speaking Notes -ICLT Program
Institutional Correction lecture only . . .
Final Presentation General Medicine 03-08-2024.pptx
STATICS OF THE RIGID BODIES Hibbelers.pdf
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
1st Inaugural Professorial Lecture held on 19th February 2020 (Governance and...
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
Abdominal Access Techniques with Prof. Dr. R K Mishra
O7-L3 Supply Chain Operations - ICLT Program
Presentation on HIE in infants and its manifestations
Cell Structure & Organelles in detailed.
RMMM.pdf make it easy to upload and study
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
Pharmacology of Heart Failure /Pharmacotherapy of CHF
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
A systematic review of self-coping strategies used by university students to ...
102 student loan defaulters named and shamed – Is someone you know on the list?
Anesthesia in Laparoscopic Surgery in India
Microbial disease of the cardiovascular and lymphatic systems
O5-L3 Freight Transport Ops (International) V1.pdf
Supply Chain Operations Speaking Notes -ICLT Program

The Design Process

  • 1. The design process Software engineering and the design process for interactive systems Standards and guidelines as design rules Usability engineering Iterative design and prototyping Design rationale
  • 2. Introduction Paradigms and principles concentrated on examining the product of interactive system design.   Now we focus on the process of design.   Software engineering is the emerging discipline for understanding the design process, or life cycle.   Designing for usability occurs at all stages of the life cycle, not as a single isolated activity
  • 3. The software life cycle The waterfall model  
  • 4. 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
  • 5. Verification and validation Verification designing the product right   Validation designing the right product   The formality gap validation will always rely to some extent on subjective means of proof Management and contractual issues design in commercial and legal contexts
  • 6. The life cycle for interactive systems cannot assume a linear sequence of activities as in the waterfall model
  • 7. Using design rules Design rules suggest how to increase usability Standards set by national or international bodies to ensure compliance by a large community of designers standards require sound underlying theory and slowly changing technology hardware standards more common than software high authority and low level of detail ISO 9241 defines usability as effectiveness, efficiency and satisfaction with which users accomplish tasks
  • 8. Using design rules (cont'd)     Guidelines more suggestive and general many textbooks and reports full of guidelines abstract guidelines (principles) applicable during early life cycle activities detailed guidelines (style guides) applicable during later life cycle activities understanding justification for guidelines aids in resolving conflicts
  • 9. Usability engineering The ultimate test of usability based on measurement of user experience Usability engineering demands that specific usability measures be made explicit as requirements   Usability specification usability attribute/principle measuring concept measuring method now level/ worst case/ planned level/ best case Problems usability specification requires level of detail that may not be possible early in design satisfying a usability specification does not necessarily satisfy usability
  • 10. 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
  • 11. Techniques for prototyping Storyboards need not be computer-based can be animated Limited functionality simulations some part of system functionality provided by designers tools like HyperCard are common for these Wizard of Oz technique   Warning about iterative design design inertia – early bad decisions stay bad diagnosing real usability problems in prototypes…. … . and not just the symptoms
  • 12. 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
  • 13. 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 Design rationale (cont’d)
  • 14. Issue-based information system (IBIS) basis for much of design rationale research process-oriented hierarchical structure of issues, with one root issue positions are potential resolutions of an issue arguments modify the relationship between positions and issues gIBIS is a graphical version
  • 15. 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
  • 16. Psychological design rational e to support task-artefact cycle in which user tasks are affected by the systems they use aims to make explicit consequences of design for users designers identify tasks system will support scenarios are suggested to test task users are observed on system psychological claims of system made explicit negative aspects of design can be used to improve next iteration of design
  • 17. Summary The software engineering life cycle distinct activities and the consequences for interactive system design Using design rules standards and guidelines to direct design activity Usability engineering making usability measurements explicit as requirements Iterative design and prototyping limited functionality simulations and animations Design rationale recording design knowledge process vs. structure