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




                                                         S tandards
      – high generality




                                                                      increasing authority
                                                                          increasing authority
• standards
      – specific design rules




                                   Guidelines
      – high authority
      – limited application
• guidelines
      – lower authority               increasing generality
                                      increasing generality

      – more general application
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




                                                             Standards




                                                                         increasing authority
                                                                             increasing authority
                                       Guidelines
Design rules
• suggest how to increase usability
• differ in generality and authority
                                       increasing generality
                                          increasing generality
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
E3 chap-07
PPT
Unit 2 HCI DESIGN RULES AND DESIGN PATTERNS
PPTX
D esign rules(ch7)
PPT
Usability requirements
PPT
Design rules and usability requirements
PPT
Chapter 5 software process
PPT
Chapter 6 implementation support
PPTX
Contest v1.1
E3 chap-07
Unit 2 HCI DESIGN RULES AND DESIGN PATTERNS
D esign rules(ch7)
Usability requirements
Design rules and usability requirements
Chapter 5 software process
Chapter 6 implementation support
Contest v1.1

Viewers also liked (9)

PPTX
Capture All the URLS: First Steps in Web Archiving
PDF
AutoSuccessOct04
PPTX
Link Persistence, Website Persistence
PPTX
WordPress 3.0 at DC PHP
PDF
Aja group presentation_4[1]
PDF
As.oct11
PDF
Just in Case: Archive-It & DuraCloud Integration
PPT
HCI 3e - Ch 7: Design rules
PDF
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Capture All the URLS: First Steps in Web Archiving
AutoSuccessOct04
Link Persistence, Website Persistence
WordPress 3.0 at DC PHP
Aja group presentation_4[1]
As.oct11
Just in Case: Archive-It & DuraCloud Integration
HCI 3e - Ch 7: Design rules
Jeff Johnson: Psych 101: The Psychological Basis for UI Design Rules
Ad

Similar to E3 chap-07 (20)

PPT
Chapter - 7 Design Rules for Human Computer intaraction
PDF
e3-chap-07-090601111335-phpapp02 HCI design.pdf
PPT
DESIGN RULES in Interaction Design (UI/UX)
PPT
Design rules Human computer interaction.ppt
PPT
design rules.ppt
PPT
Chapter 7 design rules
PPT
User Interface Design (UID) Rules for development
PDF
Design Rules.pdf
PPT
Unit 2 hci
PPT
Design Rule lect07.ppt Human Computer Interaction
PPTX
is type ki videos edit krei Inbox kro mujhe with similar portfolio 💼
PPT
Design rules
PPT
Usability evaluations (part 3)
PDF
Interaction Design
PPTX
Chapter 6.pptx human computer interaction
PPSX
Heuristic evaluation principles
PPSX
heuristicevaluationprinciples-201015124852.ppsx
PPTX
User centered Design
PDF
Human Computer Interaction- chapter seven.pdf
PDF
Software systems engineering PRINCIPLES
Chapter - 7 Design Rules for Human Computer intaraction
e3-chap-07-090601111335-phpapp02 HCI design.pdf
DESIGN RULES in Interaction Design (UI/UX)
Design rules Human computer interaction.ppt
design rules.ppt
Chapter 7 design rules
User Interface Design (UID) Rules for development
Design Rules.pdf
Unit 2 hci
Design Rule lect07.ppt Human Computer Interaction
is type ki videos edit krei Inbox kro mujhe with similar portfolio 💼
Design rules
Usability evaluations (part 3)
Interaction Design
Chapter 6.pptx human computer interaction
Heuristic evaluation principles
heuristicevaluationprinciples-201015124852.ppsx
User centered Design
Human Computer Interaction- chapter seven.pdf
Software systems engineering PRINCIPLES
Ad

More from Lukmanulhakim Almamalik (20)

PDF
Promoting Green Financing Mechanisms.pdf
PDF
UU_Perindustrian_No_3_2014.pdf
PDF
PENGENALAN PEMODELAN SISTEM DINAMIK MENGGUNAKAN VENSIM PLE
PDF
Bahan kuliah ttm [compatibility mode]
PDF
Buku systems thinking
DOC
Buku informasi tik.cs03.012.01 (autosaved)
DOC
Buku informasi tik.cs03.016.01
DOC
Buku informasi tik.cs03.011.01
DOC
Tik.cs03.008.01 buku informasi
DOC
Tik.cs03.007.01 buku informasi
DOC
Tik.cs03.006.01 buku informasi
DOC
Tik.cs02.053.01 buku informasi
DOC
Buku informasi tik.cs03.015.01 udah revisi
DOC
Buku informasi tik.cs03.010.01
DOC
Buku informasi memperbaiki monitor
Promoting Green Financing Mechanisms.pdf
UU_Perindustrian_No_3_2014.pdf
PENGENALAN PEMODELAN SISTEM DINAMIK MENGGUNAKAN VENSIM PLE
Bahan kuliah ttm [compatibility mode]
Buku systems thinking
Buku informasi tik.cs03.012.01 (autosaved)
Buku informasi tik.cs03.016.01
Buku informasi tik.cs03.011.01
Tik.cs03.008.01 buku informasi
Tik.cs03.007.01 buku informasi
Tik.cs03.006.01 buku informasi
Tik.cs02.053.01 buku informasi
Buku informasi tik.cs03.015.01 udah revisi
Buku informasi tik.cs03.010.01
Buku informasi memperbaiki monitor

Recently uploaded (20)

PDF
Abstractive summarization using multilingual text-to-text transfer transforme...
PDF
TrustArc Webinar - Click, Consent, Trust: Winning the Privacy Game
PDF
A contest of sentiment analysis: k-nearest neighbor versus neural network
PPTX
Modernising the Digital Integration Hub
PDF
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
PDF
Convolutional neural network based encoder-decoder for efficient real-time ob...
PDF
A comparative study of natural language inference in Swahili using monolingua...
PDF
ENT215_Completing-a-large-scale-migration-and-modernization-with-AWS.pdf
PDF
Credit Without Borders: AI and Financial Inclusion in Bangladesh
DOCX
search engine optimization ppt fir known well about this
PDF
Getting started with AI Agents and Multi-Agent Systems
PDF
sbt 2.0: go big (Scala Days 2025 edition)
PPTX
MicrosoftCybserSecurityReferenceArchitecture-April-2025.pptx
PDF
Flame analysis and combustion estimation using large language and vision assi...
PDF
Produktkatalog für HOBO Datenlogger, Wetterstationen, Sensoren, Software und ...
PDF
A review of recent deep learning applications in wood surface defect identifi...
PDF
1 - Historical Antecedents, Social Consideration.pdf
PDF
Hybrid horned lizard optimization algorithm-aquila optimizer for DC motor
PDF
Enhancing emotion recognition model for a student engagement use case through...
PPTX
Final SEM Unit 1 for mit wpu at pune .pptx
Abstractive summarization using multilingual text-to-text transfer transforme...
TrustArc Webinar - Click, Consent, Trust: Winning the Privacy Game
A contest of sentiment analysis: k-nearest neighbor versus neural network
Modernising the Digital Integration Hub
How ambidextrous entrepreneurial leaders react to the artificial intelligence...
Convolutional neural network based encoder-decoder for efficient real-time ob...
A comparative study of natural language inference in Swahili using monolingua...
ENT215_Completing-a-large-scale-migration-and-modernization-with-AWS.pdf
Credit Without Borders: AI and Financial Inclusion in Bangladesh
search engine optimization ppt fir known well about this
Getting started with AI Agents and Multi-Agent Systems
sbt 2.0: go big (Scala Days 2025 edition)
MicrosoftCybserSecurityReferenceArchitecture-April-2025.pptx
Flame analysis and combustion estimation using large language and vision assi...
Produktkatalog für HOBO Datenlogger, Wetterstationen, Sensoren, Software und ...
A review of recent deep learning applications in wood surface defect identifi...
1 - Historical Antecedents, Social Consideration.pdf
Hybrid horned lizard optimization algorithm-aquila optimizer for DC motor
Enhancing emotion recognition model for a student engagement use case through...
Final SEM Unit 1 for mit wpu at pune .pptx

E3 chap-07

  • 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 S tandards – high generality increasing authority increasing authority • standards – specific design rules Guidelines – high authority – limited application • guidelines – lower authority increasing generality increasing generality – more general application
  • 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 Standards increasing authority increasing authority Guidelines Design rules • suggest how to increase usability • differ in generality and authority increasing generality increasing generality
  • 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