SlideShare a Scribd company logo
3
Most read
5
Most read
15
Most read
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

PPT
interaction norman model in Human Computer Interaction(HCI)
PPT
Software Quality Challenge
PPT
HCI 3e - Ch 7: Design rules
PPT
Software Project Management( lecture 1)
PPT
Hci In The Software Process
PPTX
Challenges in HCI for Mobile Devices
PDF
Software Designing - Software Engineering
PPT
Software resuse
interaction norman model in Human Computer Interaction(HCI)
Software Quality Challenge
HCI 3e - Ch 7: Design rules
Software Project Management( lecture 1)
Hci In The Software Process
Challenges in HCI for Mobile Devices
Software Designing - Software Engineering
Software resuse

What's hot (20)

PPT
Software Reuse
PDF
Human computer interaction
PPTX
hci in software development process
PPTX
Design concept -Software Engineering
PPTX
Software re engineering
PDF
drag and drop.pdf
PPTX
Human Computer Interaction Introduction
PPT
HCI 3e - Ch 5: Interaction design basics
PPT
Human Computer Interaction Chapter 5 Universal Design and User Support - Dr....
PPTX
McCall Software Quality Model in Software Quality Assurance
PPT
human computer Interaction cognitive models.ppt
PPT
Models of Interaction
PPT
Software architecture
PPTX
User interfaces for mobile applications
PPT
User Interface Design Chapter 2 Galiz
PPTX
Hci in software process
PPTX
evaluation techniques in HCI
PDF
Requirement analysis and specification
Software Reuse
Human computer interaction
hci in software development process
Design concept -Software Engineering
Software re engineering
drag and drop.pdf
Human Computer Interaction Introduction
HCI 3e - Ch 5: Interaction design basics
Human Computer Interaction Chapter 5 Universal Design and User Support - Dr....
McCall Software Quality Model in Software Quality Assurance
human computer Interaction cognitive models.ppt
Models of Interaction
Software architecture
User interfaces for mobile applications
User Interface Design Chapter 2 Galiz
Hci in software process
evaluation techniques in HCI
Requirement analysis and specification
Ad

Similar to Chapter 7 design rules (20)

PPT
Chapter - 7 Design Rules for Human Computer intaraction
PDF
e3-chap-07-090601111335-phpapp02 HCI design.pdf
PPT
Design rules Human computer interaction.ppt
PPT
DESIGN RULES in Interaction Design (UI/UX)
PPT
E3 chap-07
PPT
design rules.ppt
PDF
Design Rules.pdf
PPTX
Chapter 6.pptx human computer interaction
PPTX
D esign rules(ch7)
PPT
User Interface Design (UID) Rules for development
PPT
Design rules
PPT
Design Rule lect07.ppt Human Computer Interaction
PPT
Unit 2 hci
PPT
Unit 2 HCI DESIGN RULES AND DESIGN PATTERNS
PPT
Design rules and usability requirements
PPTX
is type ki videos edit krei Inbox kro mujhe with similar portfolio 💼
DOCX
PPTX
HCI Unit 3.pptx
PDF
Interaction Design
Chapter - 7 Design Rules for Human Computer intaraction
e3-chap-07-090601111335-phpapp02 HCI design.pdf
Design rules Human computer interaction.ppt
DESIGN RULES in Interaction Design (UI/UX)
E3 chap-07
design rules.ppt
Design Rules.pdf
Chapter 6.pptx human computer interaction
D esign rules(ch7)
User Interface Design (UID) Rules for development
Design rules
Design Rule lect07.ppt Human Computer Interaction
Unit 2 hci
Unit 2 HCI DESIGN RULES AND DESIGN PATTERNS
Design rules and usability requirements
is type ki videos edit krei Inbox kro mujhe with similar portfolio 💼
HCI Unit 3.pptx
Interaction Design
Ad

More from MLG College of Learning, Inc (20)

PPTX
PPTX
PC111-lesson1.pptx
PPTX
PC LEESOON 6.pptx
PPTX
PC 106 PPT-09.pptx
PPTX
PPTX
PPTX
PPTX
PC 106 Slide no.02
PPTX
PPTX
PPTX
PC 106 Slide 1.pptx
PDF
Db2 characteristics of db ms
PDF

Recently uploaded (20)

PPTX
Cell Types and Its function , kingdom of life
PPTX
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
PDF
Basic Mud Logging Guide for educational purpose
PDF
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
PDF
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
PDF
FourierSeries-QuestionsWithAnswers(Part-A).pdf
PDF
Microbial disease of the cardiovascular and lymphatic systems
PDF
Insiders guide to clinical Medicine.pdf
PDF
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
PDF
Complications of Minimal Access Surgery at WLH
PPTX
Renaissance Architecture: A Journey from Faith to Humanism
PPTX
Institutional Correction lecture only . . .
PPTX
human mycosis Human fungal infections are called human mycosis..pptx
PDF
Sports Quiz easy sports quiz sports quiz
PPTX
Pharma ospi slides which help in ospi learning
PDF
Abdominal Access Techniques with Prof. Dr. R K Mishra
PPTX
Cell Structure & Organelles in detailed.
PDF
Pre independence Education in Inndia.pdf
PDF
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
PDF
TR - Agricultural Crops Production NC III.pdf
Cell Types and Its function , kingdom of life
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
Basic Mud Logging Guide for educational purpose
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
FourierSeries-QuestionsWithAnswers(Part-A).pdf
Microbial disease of the cardiovascular and lymphatic systems
Insiders guide to clinical Medicine.pdf
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
Complications of Minimal Access Surgery at WLH
Renaissance Architecture: A Journey from Faith to Humanism
Institutional Correction lecture only . . .
human mycosis Human fungal infections are called human mycosis..pptx
Sports Quiz easy sports quiz sports quiz
Pharma ospi slides which help in ospi learning
Abdominal Access Techniques with Prof. Dr. R K Mishra
Cell Structure & Organelles in detailed.
Pre independence Education in Inndia.pdf
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
TR - Agricultural Crops Production NC III.pdf

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