SlideShare a Scribd company logo
1 of 19
CHAPTER 7
DESIGN RULES
DESIGN RULES
Designing for maximum usability
– the goal of interaction design
• Principles of usability
• general understanding
• Standards and guidelines
• direction for design
• Design patterns
• capture and reuse design knowledge
TYPES OF DESIGN RULES
• principles
• abstract design rules
• low authority
• high generality
• standards
• specific design rules
• high authority
• limited application
• guidelines
• lower authority
• more general application
increasing authorityincreasinggenerality
Standards
Guidelines
increasing authority
increasinggenerality
PRINCIPLES TO SUPPORT
USABILITY
Learnability
the ease with which new users can begin effective
interaction and achieve maximal performance
Flexibility
the multiplicity of ways the user and system exchange
information
Robustness
the level of support provided the user in determining
successful achievement and assessment of goal-directed
behaviour
PRINCIPLES OF LEARNABILITY
Predictability
• determining effect of future actions based on past interaction
history
• operation visibility
Synthesizability
• assessing the effect of past actions
• immediate vs. eventual honesty
PRINCIPLES OF LEARNABILITY
(CTD)
Familiarity
• how prior knowledge applies to new system
• guessability; affordance
Generalizability
• extending specific interaction knowledge to new
situations
Consistency
• likeness in input/output behaviour arising from similar
situations or task objectives
PRINCIPLES OF FLEXIBILITY
Dialogue initiative
• freedom from system imposed constraints on input dialogue
• system vs. user pre-emptiveness
Multithreading
• ability of system to support user interaction for more than
one task at a time
• concurrent vs. interleaving; multimodality
Task migratability
• passing responsibility for task execution between user and
system
PRINCIPLES OF FLEXIBILITY (CTD)
Substitutivity
• allowing equivalent values of input and output to be substituted
for each other
• representation multiplicity; equal opportunity
Customizability
• modifiability of the user interface by user (adaptability) or system
(adaptivity)
PRINCIPLES OF ROBUSTNESS
Observability
• ability of user to evaluate the internal state of the system
from its perceivable representation
• browsability; defaults; reachability; persistence; operation
visibility
Recoverability
• ability of user to take corrective action once an error has
been recognized
• reachability; forward/backward recovery; commensurate
effort
PRINCIPLES OF ROBUSTNESS (CTD)
Responsiveness
• how the user perceives the rate of communication with the
system
• Stability
Task conformance
• degree to which system services support all of the user's tasks
• task completeness; task adequacy
USING DESIGN RULES
Design rules
• suggest how to increase usability
• differ in generality and authority increasing authority
increasinggenerality
Standards
Guidelines
increasing authority
increasinggenerality
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
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
GOLDEN RULES AND HEURISTICS
• “Broad brush” design rules
• Useful check list for good design
• Better design using these than using nothing!
• Different collections e.g.
• Nielsen’s 10 Heuristics (see Chapter 9)
• Shneiderman’s 8 Golden Rules
• Norman’s 7 Principles
SHNEIDERMAN’S 8 GOLDEN RULES
1. Strive for consistency
2. Enable frequent users to use shortcuts
3. Offer informative feedback
4. Design dialogs to yield closure
5. Offer error prevention and simple error handling
6. Permit easy reversal of actions
7. Support internal locus of control
8. Reduce short-term memory load
NORMAN’S 7 PRINCIPLES
1. Use both knowledge in the world and knowledge in
the head.
2. Simplify the structure of tasks.
3. Make things visible: bridge the gulfs of Execution and
Evaluation.
4. Get the mappings right.
5. Exploit the power of constraints, both natural and
artificial.
6. Design for error.
7. When all else fails, standardize.
HCI DESIGN PATTERNS
• An approach to reusing knowledge about successful design
solutions
• Originated in architecture: Alexander
• A pattern is an invariant solution to a recurrent problem within a
specific context.
• Examples
• Light on Two Sides of Every Room (architecture)
• Go back to a safe place (HCI)
• Patterns do not exist in isolation but are linked to other patterns
in languages which enable complete designs to be generated
HCI DESIGN PATTERNS (CONT.)
• Characteristics of patterns
• capture design practice not theory
• capture the essential common properties of good examples of
design
• represent design knowledge at varying levels: social, organisational,
conceptual, detailed
• embody values and can express what is humane in interface design
• are intuitive and readable and can therefore be used for
communication between all stakeholders
• a pattern language should be generative and assist in the
development of complete designs.
SUMMARY
Principles for usability
• repeatable design for usability relies on
maximizing benefit of one good design by
abstracting out the general properties which can
direct purposeful design
• The success of designing for usability requires
both creative insight (new paradigms) and
purposeful principled practice
Using design rules
• standards and guidelines to direct design activity

More Related Content

What's hot

Importance of hci in multimedia courseware development (new)
Importance of hci in multimedia courseware development (new)Importance of hci in multimedia courseware development (new)
Importance of hci in multimedia courseware development (new)
Neo Ariey
 
Models of Interaction
Models of InteractionModels of Interaction
Models of Interaction
jbellWCT
 

What's hot (20)

Importance of hci in multimedia courseware development (new)
Importance of hci in multimedia courseware development (new)Importance of hci in multimedia courseware development (new)
Importance of hci in multimedia courseware development (new)
 
HCI 3e - Ch 7: Design rules
HCI 3e - Ch 7:  Design rulesHCI 3e - Ch 7:  Design rules
HCI 3e - Ch 7: Design rules
 
IA 7/ UX 1: IA? IxD? UX!
IA 7/ UX 1: IA? IxD? UX!IA 7/ UX 1: IA? IxD? UX!
IA 7/ UX 1: IA? IxD? UX!
 
Human computer interaction -Input output channel
Human computer interaction -Input output channelHuman computer interaction -Input output channel
Human computer interaction -Input output channel
 
Mobile hci
Mobile hciMobile hci
Mobile hci
 
What is Human Computer Interraction
What is Human Computer InterractionWhat is Human Computer Interraction
What is Human Computer Interraction
 
WEB INTERFACE DESIGN
WEB INTERFACE DESIGNWEB INTERFACE DESIGN
WEB INTERFACE DESIGN
 
drag and drop.pdf
drag and drop.pdfdrag and drop.pdf
drag and drop.pdf
 
HCI 3e - Ch 2: The computer
HCI 3e - Ch 2:  The computerHCI 3e - Ch 2:  The computer
HCI 3e - Ch 2: The computer
 
hci in software development process
hci in software development processhci in software development process
hci in software development process
 
HCI - Chapter 6
HCI - Chapter 6HCI - Chapter 6
HCI - Chapter 6
 
HCI 3e - Ch 4 (extra):
HCI 3e - Ch 4 (extra):HCI 3e - Ch 4 (extra):
HCI 3e - Ch 4 (extra):
 
E3 chap-08
E3 chap-08E3 chap-08
E3 chap-08
 
Design process interaction design basics
Design process interaction design basicsDesign process interaction design basics
Design process interaction design basics
 
Human computer interaction Semester 1
Human computer interaction Semester 1Human computer interaction Semester 1
Human computer interaction Semester 1
 
Models of Interaction
Models of InteractionModels of Interaction
Models of Interaction
 
HCI 3e - Ch 4: Paradigms
HCI 3e - Ch 4:  ParadigmsHCI 3e - Ch 4:  Paradigms
HCI 3e - Ch 4: Paradigms
 
Human Computer Interaction (HCI)
Human Computer Interaction (HCI) Human Computer Interaction (HCI)
Human Computer Interaction (HCI)
 
Human Computer Interaction unit 1
Human Computer Interaction unit 1Human Computer Interaction unit 1
Human Computer Interaction unit 1
 
Chapter1(hci)
Chapter1(hci)Chapter1(hci)
Chapter1(hci)
 

Similar to Chapter 7 design rules

User Interface Design (UID) Rules for development
User Interface Design (UID) Rules for developmentUser Interface Design (UID) Rules for development
User Interface Design (UID) Rules for development
vaishalikhairnar4
 

Similar to Chapter 7 design rules (20)

E3 chap-07
E3 chap-07E3 chap-07
E3 chap-07
 
E3 chap-07
E3 chap-07E3 chap-07
E3 chap-07
 
Unit 2 hci
Unit 2 hciUnit 2 hci
Unit 2 hci
 
Unit 2 HCI DESIGN RULES AND DESIGN PATTERNS
Unit 2 HCI DESIGN RULES AND DESIGN PATTERNSUnit 2 HCI DESIGN RULES AND DESIGN PATTERNS
Unit 2 HCI DESIGN RULES AND DESIGN PATTERNS
 
design rules.ppt
design rules.pptdesign rules.ppt
design rules.ppt
 
Design Rules.pdf
Design Rules.pdfDesign Rules.pdf
Design Rules.pdf
 
D esign rules(ch7)
D esign rules(ch7)D esign rules(ch7)
D esign rules(ch7)
 
User Interface Design (UID) Rules for development
User Interface Design (UID) Rules for developmentUser Interface Design (UID) Rules for development
User Interface Design (UID) Rules for development
 
Design rules and usability requirements
Design rules and usability requirementsDesign rules and usability requirements
Design rules and usability requirements
 
Design rules
Design rulesDesign rules
Design rules
 
Usability evaluations (part 3)
Usability evaluations (part 3) Usability evaluations (part 3)
Usability evaluations (part 3)
 
Using Software Architecture Principles in Practice
Using Software Architecture Principles in PracticeUsing Software Architecture Principles in Practice
Using Software Architecture Principles in Practice
 
Heuristic evaluation principles
Heuristic evaluation principlesHeuristic evaluation principles
Heuristic evaluation principles
 
Interaction Design
Interaction DesignInteraction Design
Interaction Design
 
User centered Design
User centered DesignUser centered Design
User centered Design
 
Chapter 5 software process
Chapter 5 software processChapter 5 software process
Chapter 5 software process
 
Human Computer Interaction in software process.ppt
Human Computer Interaction in software process.pptHuman Computer Interaction in software process.ppt
Human Computer Interaction in software process.ppt
 
Systems Engineering - Dave Litwiller - March 2019
Systems Engineering -  Dave Litwiller - March 2019Systems Engineering -  Dave Litwiller - March 2019
Systems Engineering - Dave Litwiller - March 2019
 
User-Centred Design: Solutions that Walk the Walk
User-Centred Design: Solutions that Walk the WalkUser-Centred Design: Solutions that Walk the Walk
User-Centred Design: Solutions that Walk the Walk
 
e3-chap-06.ppt
e3-chap-06.ppte3-chap-06.ppt
e3-chap-06.ppt
 

More from MLG College of Learning, Inc (20)

PC111.Lesson2
PC111.Lesson2PC111.Lesson2
PC111.Lesson2
 
PC111.Lesson1
PC111.Lesson1PC111.Lesson1
PC111.Lesson1
 
PC111-lesson1.pptx
PC111-lesson1.pptxPC111-lesson1.pptx
PC111-lesson1.pptx
 
PC LEESOON 6.pptx
PC LEESOON 6.pptxPC LEESOON 6.pptx
PC LEESOON 6.pptx
 
PC 106 PPT-09.pptx
PC 106 PPT-09.pptxPC 106 PPT-09.pptx
PC 106 PPT-09.pptx
 
PC 106 PPT-07
PC 106 PPT-07PC 106 PPT-07
PC 106 PPT-07
 
PC 106 PPT-01
PC 106 PPT-01PC 106 PPT-01
PC 106 PPT-01
 
PC 106 PPT-06
PC 106 PPT-06PC 106 PPT-06
PC 106 PPT-06
 
PC 106 PPT-05
PC 106 PPT-05PC 106 PPT-05
PC 106 PPT-05
 
PC 106 Slide 04
PC 106 Slide 04PC 106 Slide 04
PC 106 Slide 04
 
PC 106 Slide no.02
PC 106 Slide no.02PC 106 Slide no.02
PC 106 Slide no.02
 
pc-106-slide-3
pc-106-slide-3pc-106-slide-3
pc-106-slide-3
 
PC 106 Slide 2
PC 106 Slide 2PC 106 Slide 2
PC 106 Slide 2
 
PC 106 Slide 1.pptx
PC 106 Slide 1.pptxPC 106 Slide 1.pptx
PC 106 Slide 1.pptx
 
Db2 characteristics of db ms
Db2 characteristics of db msDb2 characteristics of db ms
Db2 characteristics of db ms
 
Db1 introduction
Db1 introductionDb1 introduction
Db1 introduction
 
Lesson 3.2
Lesson 3.2Lesson 3.2
Lesson 3.2
 
Lesson 3.1
Lesson 3.1Lesson 3.1
Lesson 3.1
 
Lesson 1.6
Lesson 1.6Lesson 1.6
Lesson 1.6
 
Lesson 3.2
Lesson 3.2Lesson 3.2
Lesson 3.2
 

Recently uploaded

Recently uploaded (20)

UGC NET Paper 1 Unit 7 DATA INTERPRETATION.pdf
UGC NET Paper 1 Unit 7 DATA INTERPRETATION.pdfUGC NET Paper 1 Unit 7 DATA INTERPRETATION.pdf
UGC NET Paper 1 Unit 7 DATA INTERPRETATION.pdf
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
 
Tatlong Kwento ni Lola basyang-1.pdf arts
Tatlong Kwento ni Lola basyang-1.pdf artsTatlong Kwento ni Lola basyang-1.pdf arts
Tatlong Kwento ni Lola basyang-1.pdf arts
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
VAMOS CUIDAR DO NOSSO PLANETA! .
VAMOS CUIDAR DO NOSSO PLANETA!                    .VAMOS CUIDAR DO NOSSO PLANETA!                    .
VAMOS CUIDAR DO NOSSO PLANETA! .
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
Play hard learn harder: The Serious Business of Play
Play hard learn harder:  The Serious Business of PlayPlay hard learn harder:  The Serious Business of Play
Play hard learn harder: The Serious Business of Play
 
OS-operating systems- ch05 (CPU Scheduling) ...
OS-operating systems- ch05 (CPU Scheduling) ...OS-operating systems- ch05 (CPU Scheduling) ...
OS-operating systems- ch05 (CPU Scheduling) ...
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptx
 
PANDITA RAMABAI- Indian political thought GENDER.pptx
PANDITA RAMABAI- Indian political thought GENDER.pptxPANDITA RAMABAI- Indian political thought GENDER.pptx
PANDITA RAMABAI- Indian political thought GENDER.pptx
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
 
Our Environment Class 10 Science Notes pdf
Our Environment Class 10 Science Notes pdfOur Environment Class 10 Science Notes pdf
Our Environment Class 10 Science Notes pdf
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
How to Add a Tool Tip to a Field in Odoo 17
How to Add a Tool Tip to a Field in Odoo 17How to Add a Tool Tip to a Field in Odoo 17
How to Add a Tool Tip to a Field in Odoo 17
 
How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17
 

Chapter 7 design rules

  • 2. DESIGN RULES Designing for maximum usability – the goal of interaction design • Principles of usability • general understanding • Standards and guidelines • direction for design • Design patterns • capture and reuse design knowledge
  • 3. TYPES OF DESIGN RULES • principles • abstract design rules • low authority • high generality • standards • specific design rules • high authority • limited application • guidelines • lower authority • more general application increasing authorityincreasinggenerality Standards Guidelines increasing authority increasinggenerality
  • 4. PRINCIPLES TO SUPPORT USABILITY Learnability the ease with which new users can begin effective interaction and achieve maximal performance Flexibility the multiplicity of ways the user and system exchange information Robustness the level of support provided the user in determining successful achievement and assessment of goal-directed behaviour
  • 5. PRINCIPLES OF LEARNABILITY Predictability • determining effect of future actions based on past interaction history • operation visibility Synthesizability • assessing the effect of past actions • immediate vs. eventual honesty
  • 6. PRINCIPLES OF LEARNABILITY (CTD) Familiarity • how prior knowledge applies to new system • guessability; affordance Generalizability • extending specific interaction knowledge to new situations Consistency • likeness in input/output behaviour arising from similar situations or task objectives
  • 7. PRINCIPLES OF FLEXIBILITY Dialogue initiative • freedom from system imposed constraints on input dialogue • system vs. user pre-emptiveness Multithreading • ability of system to support user interaction for more than one task at a time • concurrent vs. interleaving; multimodality Task migratability • passing responsibility for task execution between user and system
  • 8. PRINCIPLES OF FLEXIBILITY (CTD) Substitutivity • allowing equivalent values of input and output to be substituted for each other • representation multiplicity; equal opportunity Customizability • modifiability of the user interface by user (adaptability) or system (adaptivity)
  • 9. PRINCIPLES OF ROBUSTNESS Observability • ability of user to evaluate the internal state of the system from its perceivable representation • browsability; defaults; reachability; persistence; operation visibility Recoverability • ability of user to take corrective action once an error has been recognized • reachability; forward/backward recovery; commensurate effort
  • 10. PRINCIPLES OF ROBUSTNESS (CTD) Responsiveness • how the user perceives the rate of communication with the system • Stability Task conformance • degree to which system services support all of the user's tasks • task completeness; task adequacy
  • 11. USING DESIGN RULES Design rules • suggest how to increase usability • differ in generality and authority increasing authority increasinggenerality Standards Guidelines increasing authority increasinggenerality
  • 12. 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
  • 13. 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
  • 14. GOLDEN RULES AND HEURISTICS • “Broad brush” design rules • Useful check list for good design • Better design using these than using nothing! • Different collections e.g. • Nielsen’s 10 Heuristics (see Chapter 9) • Shneiderman’s 8 Golden Rules • Norman’s 7 Principles
  • 15. SHNEIDERMAN’S 8 GOLDEN RULES 1. Strive for consistency 2. Enable frequent users to use shortcuts 3. Offer informative feedback 4. Design dialogs to yield closure 5. Offer error prevention and simple error handling 6. Permit easy reversal of actions 7. Support internal locus of control 8. Reduce short-term memory load
  • 16. NORMAN’S 7 PRINCIPLES 1. Use both knowledge in the world and knowledge in the head. 2. Simplify the structure of tasks. 3. Make things visible: bridge the gulfs of Execution and Evaluation. 4. Get the mappings right. 5. Exploit the power of constraints, both natural and artificial. 6. Design for error. 7. When all else fails, standardize.
  • 17. HCI DESIGN PATTERNS • An approach to reusing knowledge about successful design solutions • Originated in architecture: Alexander • A pattern is an invariant solution to a recurrent problem within a specific context. • Examples • Light on Two Sides of Every Room (architecture) • Go back to a safe place (HCI) • Patterns do not exist in isolation but are linked to other patterns in languages which enable complete designs to be generated
  • 18. HCI DESIGN PATTERNS (CONT.) • Characteristics of patterns • capture design practice not theory • capture the essential common properties of good examples of design • represent design knowledge at varying levels: social, organisational, conceptual, detailed • embody values and can express what is humane in interface design • are intuitive and readable and can therefore be used for communication between all stakeholders • a pattern language should be generative and assist in the development of complete designs.
  • 19. SUMMARY Principles for usability • repeatable design for usability relies on maximizing benefit of one good design by abstracting out the general properties which can direct purposeful design • The success of designing for usability requires both creative insight (new paradigms) and purposeful principled practice Using design rules • standards and guidelines to direct design activity