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

What's hot (20)

PPT
HCI 3e - Ch 14: Communication and collaboration models
Alan Dix
 
PDF
Human Computer Interaction Evaluation
LGS, GBHS&IC, University Of South-Asia, TARA-Technologies
 
PPT
HCI 3e - Ch 9: Evaluation techniques
Alan Dix
 
PPT
Design rules Human computer interaction.ppt
Sohail735908
 
PDF
Mobile Information Architecture
Lifna C.S
 
PPTX
Human Computer Interaction HCI
Gaditek
 
PPT
HCI 3e - Ch 11: User support
Alan Dix
 
PDF
Intro Design Principles
Michael Rawlins
 
PPT
HCI 3e - Ch 16: Dialogue notations and design
Alan Dix
 
PPTX
Human computer interaction -Input output channel with Scenario
N.Jagadish Kumar
 
PPT
HCI 3e - Ch 7: Design rules
Alan Dix
 
PPTX
Usability Engineering Presentation Slides
wajahat Gul
 
PPTX
Evaluation in hci
sajid rao
 
PPT
HCI 3e - Ch 18: Modelling rich interaction
Alan Dix
 
PPT
User Interface Design in Software Engineering SE15
koolkampus
 
PDF
Hci activity#3
Desalegn Aweke
 
PPT
HCI - Chapter 2
Alan Dix
 
PPT
HCI - Chapter 3
Alan Dix
 
PPT
HCI 3e - Ch 19: Groupware
Alan Dix
 
HCI 3e - Ch 14: Communication and collaboration models
Alan Dix
 
Human Computer Interaction Evaluation
LGS, GBHS&IC, University Of South-Asia, TARA-Technologies
 
HCI 3e - Ch 9: Evaluation techniques
Alan Dix
 
Design rules Human computer interaction.ppt
Sohail735908
 
Mobile Information Architecture
Lifna C.S
 
Human Computer Interaction HCI
Gaditek
 
HCI 3e - Ch 11: User support
Alan Dix
 
Intro Design Principles
Michael Rawlins
 
HCI 3e - Ch 16: Dialogue notations and design
Alan Dix
 
Human computer interaction -Input output channel with Scenario
N.Jagadish Kumar
 
HCI 3e - Ch 7: Design rules
Alan Dix
 
Usability Engineering Presentation Slides
wajahat Gul
 
Evaluation in hci
sajid rao
 
HCI 3e - Ch 18: Modelling rich interaction
Alan Dix
 
User Interface Design in Software Engineering SE15
koolkampus
 
Hci activity#3
Desalegn Aweke
 
HCI - Chapter 2
Alan Dix
 
HCI - Chapter 3
Alan Dix
 
HCI 3e - Ch 19: Groupware
Alan Dix
 

Similar to Chapter 7 design rules (20)

PPT
E3 chap-07
Welly Dian Astika
 
PPT
Chapter - 7 Design Rules for Human Computer intaraction
a7medxwxw
 
PDF
e3-chap-07-090601111335-phpapp02 HCI design.pdf
engineerhaji12
 
PPT
DESIGN RULES in Interaction Design (UI/UX)
Titiksha Bhawsar
 
PPT
Unit 2 HCI DESIGN RULES AND DESIGN PATTERNS
vrgokila
 
PPT
Unit 2 hci
vrgokila
 
PPTX
is type ki videos edit krei Inbox kro mujhe with similar portfolio 💼
QassimAbbasi
 
PPT
design rules.ppt
jayaprasanna10
 
PDF
Design Rules.pdf
KnjieUmayam1
 
PPTX
D esign rules(ch7)
Abdul Nafy
 
PPT
User Interface Design (UID) Rules for development
vaishalikhairnar4
 
PPT
Design rules and usability requirements
Andres Baravalle
 
PPT
Design rules
PhD Research Scholar
 
PPT
Usability evaluations (part 3)
Andres Baravalle
 
PDF
Using Software Architecture Principles in Practice
Eoin Woods
 
PPSX
Heuristic evaluation principles
Chetan Manchi Prahlada
 
PPSX
heuristicevaluationprinciples-201015124852.ppsx
clstdzr
 
PPT
User Interface architectureand architecturalpatterns.ppt
VivekanandaGN2
 
PPT
1.6- User-Centered Design - Introduction
VanJay2
 
E3 chap-07
Welly Dian Astika
 
Chapter - 7 Design Rules for Human Computer intaraction
a7medxwxw
 
e3-chap-07-090601111335-phpapp02 HCI design.pdf
engineerhaji12
 
DESIGN RULES in Interaction Design (UI/UX)
Titiksha Bhawsar
 
Unit 2 HCI DESIGN RULES AND DESIGN PATTERNS
vrgokila
 
Unit 2 hci
vrgokila
 
is type ki videos edit krei Inbox kro mujhe with similar portfolio 💼
QassimAbbasi
 
design rules.ppt
jayaprasanna10
 
Design Rules.pdf
KnjieUmayam1
 
D esign rules(ch7)
Abdul Nafy
 
User Interface Design (UID) Rules for development
vaishalikhairnar4
 
Design rules and usability requirements
Andres Baravalle
 
Design rules
PhD Research Scholar
 
Usability evaluations (part 3)
Andres Baravalle
 
Using Software Architecture Principles in Practice
Eoin Woods
 
Heuristic evaluation principles
Chetan Manchi Prahlada
 
heuristicevaluationprinciples-201015124852.ppsx
clstdzr
 
User Interface architectureand architecturalpatterns.ppt
VivekanandaGN2
 
1.6- User-Centered Design - Introduction
VanJay2
 
Ad

More from MLG College of Learning, Inc (20)

PPTX
PC111.Lesson1
MLG College of Learning, Inc
 
PPTX
PC111-lesson1.pptx
MLG College of Learning, Inc
 
PPTX
PC LEESOON 6.pptx
MLG College of Learning, Inc
 
PPTX
PC 106 PPT-09.pptx
MLG College of Learning, Inc
 
PPTX
PC 106 PPT-07
MLG College of Learning, Inc
 
PPTX
PC 106 PPT-01
MLG College of Learning, Inc
 
PPTX
PC 106 Slide 04
MLG College of Learning, Inc
 
PPTX
PC 106 Slide no.02
MLG College of Learning, Inc
 
PPTX
pc-106-slide-3
MLG College of Learning, Inc
 
PPTX
PC 106 Slide 2
MLG College of Learning, Inc
 
PPTX
PC 106 Slide 1.pptx
MLG College of Learning, Inc
 
PDF
Db2 characteristics of db ms
MLG College of Learning, Inc
 
PDF
Db1 introduction
MLG College of Learning, Inc
 
Ad

Recently uploaded (20)

PDF
BÀI TẬP BỔ TRỢ THEO LESSON TIẾNG ANH - I-LEARN SMART WORLD 7 - CẢ NĂM - CÓ ĐÁ...
Nguyen Thanh Tu Collection
 
PPTX
PPT on the Development of Education in the Victorian England
Beena E S
 
PPTX
ANORECTAL MALFORMATIONS: NURSING MANAGEMENT.pptx
PRADEEP ABOTHU
 
PPTX
Optimizing Cancer Screening With MCED Technologies: From Science to Practical...
i3 Health
 
PPTX
ROLE OF ANTIOXIDANT IN EYE HEALTH MANAGEMENT.pptx
Subham Panja
 
PPTX
Folding Off Hours in Gantt View in Odoo 18.2
Celine George
 
PPTX
How to Configure Prepayments in Odoo 18 Sales
Celine George
 
PPTX
Modern analytical techniques used to characterize organic compounds. Birbhum ...
AyanHossain
 
PDF
IMP NAAC-Reforms-Stakeholder-Consultation-Presentation-on-Draft-Metrics-Unive...
BHARTIWADEKAR
 
PPTX
LEGAL ASPECTS OF PSYCHIATRUC NURSING.pptx
PoojaSen20
 
PPTX
CLEFT LIP AND PALATE: NURSING MANAGEMENT.pptx
PRADEEP ABOTHU
 
PPTX
Views on Education of Indian Thinkers Mahatma Gandhi.pptx
ShrutiMahanta1
 
PDF
Federal dollars withheld by district, charter, grant recipient
Mebane Rash
 
PPTX
Blanket Order in Odoo 17 Purchase App - Odoo Slides
Celine George
 
PPTX
Maternal and Child Tracking system & RCH portal
Ms Usha Vadhel
 
PPTX
Optimizing Cancer Screening With MCED Technologies: From Science to Practical...
i3 Health
 
PPTX
HIRSCHSPRUNG'S DISEASE(MEGACOLON): NURSING MANAGMENT.pptx
PRADEEP ABOTHU
 
PPTX
How to Configure Storno Accounting in Odoo 18 Accounting
Celine George
 
PPTX
Presentation: Climate Citizenship Digital Education
Karl Donert
 
PDF
IMP NAAC REFORMS 2024 - 10 Attributes.pdf
BHARTIWADEKAR
 
BÀI TẬP BỔ TRỢ THEO LESSON TIẾNG ANH - I-LEARN SMART WORLD 7 - CẢ NĂM - CÓ ĐÁ...
Nguyen Thanh Tu Collection
 
PPT on the Development of Education in the Victorian England
Beena E S
 
ANORECTAL MALFORMATIONS: NURSING MANAGEMENT.pptx
PRADEEP ABOTHU
 
Optimizing Cancer Screening With MCED Technologies: From Science to Practical...
i3 Health
 
ROLE OF ANTIOXIDANT IN EYE HEALTH MANAGEMENT.pptx
Subham Panja
 
Folding Off Hours in Gantt View in Odoo 18.2
Celine George
 
How to Configure Prepayments in Odoo 18 Sales
Celine George
 
Modern analytical techniques used to characterize organic compounds. Birbhum ...
AyanHossain
 
IMP NAAC-Reforms-Stakeholder-Consultation-Presentation-on-Draft-Metrics-Unive...
BHARTIWADEKAR
 
LEGAL ASPECTS OF PSYCHIATRUC NURSING.pptx
PoojaSen20
 
CLEFT LIP AND PALATE: NURSING MANAGEMENT.pptx
PRADEEP ABOTHU
 
Views on Education of Indian Thinkers Mahatma Gandhi.pptx
ShrutiMahanta1
 
Federal dollars withheld by district, charter, grant recipient
Mebane Rash
 
Blanket Order in Odoo 17 Purchase App - Odoo Slides
Celine George
 
Maternal and Child Tracking system & RCH portal
Ms Usha Vadhel
 
Optimizing Cancer Screening With MCED Technologies: From Science to Practical...
i3 Health
 
HIRSCHSPRUNG'S DISEASE(MEGACOLON): NURSING MANAGMENT.pptx
PRADEEP ABOTHU
 
How to Configure Storno Accounting in Odoo 18 Accounting
Celine George
 
Presentation: Climate Citizenship Digital Education
Karl Donert
 
IMP NAAC REFORMS 2024 - 10 Attributes.pdf
BHARTIWADEKAR
 

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