SlideShare a Scribd company logo
1 of 15
Download to read offline
1
design rules
2
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 authority
increasing
generality
Standards
Guidelines
increasing authority
increasing
generality
3
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
4
Principles of learnability
Predictability – users don’t like surprises (exception games and then only a
few)
– determining effect of future actions based on past interaction history
– operation visibility
Synthesizability – requires user to have a mental model (chap 1)
– assessing the effect of past actions
– immediate vs. eventual honesty – changing wysisyg doc vrs updating web pages
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
5
Principles of flexibility
Dialogue initiative – system and users in a conversation
– freedom from system imposed constraints on input dialogue
– system vs. user pre-emptiveness
– understanding of main use-cases
Multithreading
– ability of system to support user interaction for more than one task at a time
– concurrent vs. interleaving
– multimodality – button click / alt + / menu item
Task migratability
– passing responsibility for task execution between user and system
– ultimate user control
Substitutivity
– allowing equivalent values of input and output to be substituted for each other
– representation multiplicity (graph/values)
– equal opportunity (define line by drawing or specifying length/position)
Customizability
– modifiability of the user interface by user (adaptability) or system (adaptivity)
6
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
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
7
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
– many large organisations have their own standards
• 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
• There are also some ISO standards for usability
reporting
8
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
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
10
Nielsen’s 10 Usability Heuristics
1. Visibility of system status
2. Match between system and the real
world
3. User control and freedom
4. Consistency and standards
5. Error prevention
6. Recognition rather than recall
7. Flexibility and efficiency of use
8. Aesthetic and minimalist design
9. Help users recognize, diagnose, and
recover from errors
10. Help and documentation
11
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
12
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.
Web Guidelines
• The W3C Web Accessibility Guidelines are
a really good, very practical guide to
usability
• If you follow these guidelines your system
will be good, not only for visually impaired
users, but for all users
• Furthermore most of the guidelines apply
to all systems, not just web systems
• http://www.w3.org/WAI/
13
14
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
15
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.

More Related Content

Similar to Design Rules.pdf

Similar to Design Rules.pdf (20)

Chapter 7 design rules
Chapter 7 design rulesChapter 7 design rules
Chapter 7 design rules
 
Unit 3_Evaluation Technique.pptx
Unit 3_Evaluation Technique.pptxUnit 3_Evaluation Technique.pptx
Unit 3_Evaluation Technique.pptx
 
Design rules
Design rulesDesign rules
Design rules
 
HCI 3e - Ch 7: Design rules
HCI 3e - Ch 7:  Design rulesHCI 3e - Ch 7:  Design rules
HCI 3e - Ch 7: Design rules
 
Interaction Design
Interaction DesignInteraction Design
Interaction Design
 
System Development Methodologies
System Development MethodologiesSystem Development Methodologies
System Development Methodologies
 
System development methodologies
System development methodologiesSystem development methodologies
System development methodologies
 
Heuristic evaluation principles
Heuristic evaluation principlesHeuristic evaluation principles
Heuristic evaluation principles
 
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 process design rules
Design process  design rulesDesign process  design rules
Design process design rules
 
Usability Evaluation
Usability EvaluationUsability Evaluation
Usability Evaluation
 
ISBB_Chapter10.pptx
ISBB_Chapter10.pptxISBB_Chapter10.pptx
ISBB_Chapter10.pptx
 
Human Computer Interaction Evaluation
Human Computer Interaction EvaluationHuman Computer Interaction Evaluation
Human Computer Interaction Evaluation
 
Game Design 2: Expert Evaluation of User Interfaces
Game Design 2: Expert Evaluation of User InterfacesGame Design 2: Expert Evaluation of User Interfaces
Game Design 2: Expert Evaluation of User Interfaces
 
E3 chap-09
E3 chap-09E3 chap-09
E3 chap-09
 
Lecture 3 software_engineering
Lecture 3 software_engineeringLecture 3 software_engineering
Lecture 3 software_engineering
 
Evaluating User Interfaces
Evaluating User InterfacesEvaluating User Interfaces
Evaluating User Interfaces
 
Oracle Fusion HCM Adoption Workshop
Oracle Fusion HCM Adoption WorkshopOracle Fusion HCM Adoption Workshop
Oracle Fusion HCM Adoption Workshop
 
Design-Principles.ppt
Design-Principles.pptDesign-Principles.ppt
Design-Principles.ppt
 

Recently uploaded

G9 Science Q4- Week 1-2 Projectile Motion.ppt
G9 Science Q4- Week 1-2 Projectile Motion.pptG9 Science Q4- Week 1-2 Projectile Motion.ppt
G9 Science Q4- Week 1-2 Projectile Motion.pptMAESTRELLAMesa2
 
Is RISC-V ready for HPC workload? Maybe?
Is RISC-V ready for HPC workload? Maybe?Is RISC-V ready for HPC workload? Maybe?
Is RISC-V ready for HPC workload? Maybe?Patrick Diehl
 
A relative description on Sonoporation.pdf
A relative description on Sonoporation.pdfA relative description on Sonoporation.pdf
A relative description on Sonoporation.pdfnehabiju2046
 
Lucknow 💋 Russian Call Girls Lucknow Finest Escorts Service 8923113531 Availa...
Lucknow 💋 Russian Call Girls Lucknow Finest Escorts Service 8923113531 Availa...Lucknow 💋 Russian Call Girls Lucknow Finest Escorts Service 8923113531 Availa...
Lucknow 💋 Russian Call Girls Lucknow Finest Escorts Service 8923113531 Availa...anilsa9823
 
Spermiogenesis or Spermateleosis or metamorphosis of spermatid
Spermiogenesis or Spermateleosis or metamorphosis of spermatidSpermiogenesis or Spermateleosis or metamorphosis of spermatid
Spermiogenesis or Spermateleosis or metamorphosis of spermatidSarthak Sekhar Mondal
 
Work, Energy and Power for class 10 ICSE Physics
Work, Energy and Power for class 10 ICSE PhysicsWork, Energy and Power for class 10 ICSE Physics
Work, Energy and Power for class 10 ICSE Physicsvishikhakeshava1
 
Luciferase in rDNA technology (biotechnology).pptx
Luciferase in rDNA technology (biotechnology).pptxLuciferase in rDNA technology (biotechnology).pptx
Luciferase in rDNA technology (biotechnology).pptxAleenaTreesaSaji
 
Analytical Profile of Coleus Forskohlii | Forskolin .pptx
Analytical Profile of Coleus Forskohlii | Forskolin .pptxAnalytical Profile of Coleus Forskohlii | Forskolin .pptx
Analytical Profile of Coleus Forskohlii | Forskolin .pptxSwapnil Therkar
 
Unlocking the Potential: Deep dive into ocean of Ceramic Magnets.pptx
Unlocking  the Potential: Deep dive into ocean of Ceramic Magnets.pptxUnlocking  the Potential: Deep dive into ocean of Ceramic Magnets.pptx
Unlocking the Potential: Deep dive into ocean of Ceramic Magnets.pptxanandsmhk
 
Disentangling the origin of chemical differences using GHOST
Disentangling the origin of chemical differences using GHOSTDisentangling the origin of chemical differences using GHOST
Disentangling the origin of chemical differences using GHOSTSérgio Sacani
 
Biopesticide (2).pptx .This slides helps to know the different types of biop...
Biopesticide (2).pptx  .This slides helps to know the different types of biop...Biopesticide (2).pptx  .This slides helps to know the different types of biop...
Biopesticide (2).pptx .This slides helps to know the different types of biop...RohitNehra6
 
PossibleEoarcheanRecordsoftheGeomagneticFieldPreservedintheIsuaSupracrustalBe...
PossibleEoarcheanRecordsoftheGeomagneticFieldPreservedintheIsuaSupracrustalBe...PossibleEoarcheanRecordsoftheGeomagneticFieldPreservedintheIsuaSupracrustalBe...
PossibleEoarcheanRecordsoftheGeomagneticFieldPreservedintheIsuaSupracrustalBe...Sérgio Sacani
 
Boyles law module in the grade 10 science
Boyles law module in the grade 10 scienceBoyles law module in the grade 10 science
Boyles law module in the grade 10 sciencefloriejanemacaya1
 
zoogeography of pakistan.pptx fauna of Pakistan
zoogeography of pakistan.pptx fauna of Pakistanzoogeography of pakistan.pptx fauna of Pakistan
zoogeography of pakistan.pptx fauna of Pakistanzohaibmir069
 
Nightside clouds and disequilibrium chemistry on the hot Jupiter WASP-43b
Nightside clouds and disequilibrium chemistry on the hot Jupiter WASP-43bNightside clouds and disequilibrium chemistry on the hot Jupiter WASP-43b
Nightside clouds and disequilibrium chemistry on the hot Jupiter WASP-43bSérgio Sacani
 
Call Girls in Munirka Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Munirka Delhi 💯Call Us 🔝8264348440🔝Call Girls in Munirka Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Munirka Delhi 💯Call Us 🔝8264348440🔝soniya singh
 
Recombinant DNA technology (Immunological screening)
Recombinant DNA technology (Immunological screening)Recombinant DNA technology (Immunological screening)
Recombinant DNA technology (Immunological screening)PraveenaKalaiselvan1
 
Hubble Asteroid Hunter III. Physical properties of newly found asteroids
Hubble Asteroid Hunter III. Physical properties of newly found asteroidsHubble Asteroid Hunter III. Physical properties of newly found asteroids
Hubble Asteroid Hunter III. Physical properties of newly found asteroidsSérgio Sacani
 

Recently uploaded (20)

G9 Science Q4- Week 1-2 Projectile Motion.ppt
G9 Science Q4- Week 1-2 Projectile Motion.pptG9 Science Q4- Week 1-2 Projectile Motion.ppt
G9 Science Q4- Week 1-2 Projectile Motion.ppt
 
Is RISC-V ready for HPC workload? Maybe?
Is RISC-V ready for HPC workload? Maybe?Is RISC-V ready for HPC workload? Maybe?
Is RISC-V ready for HPC workload? Maybe?
 
A relative description on Sonoporation.pdf
A relative description on Sonoporation.pdfA relative description on Sonoporation.pdf
A relative description on Sonoporation.pdf
 
Lucknow 💋 Russian Call Girls Lucknow Finest Escorts Service 8923113531 Availa...
Lucknow 💋 Russian Call Girls Lucknow Finest Escorts Service 8923113531 Availa...Lucknow 💋 Russian Call Girls Lucknow Finest Escorts Service 8923113531 Availa...
Lucknow 💋 Russian Call Girls Lucknow Finest Escorts Service 8923113531 Availa...
 
Spermiogenesis or Spermateleosis or metamorphosis of spermatid
Spermiogenesis or Spermateleosis or metamorphosis of spermatidSpermiogenesis or Spermateleosis or metamorphosis of spermatid
Spermiogenesis or Spermateleosis or metamorphosis of spermatid
 
Work, Energy and Power for class 10 ICSE Physics
Work, Energy and Power for class 10 ICSE PhysicsWork, Energy and Power for class 10 ICSE Physics
Work, Energy and Power for class 10 ICSE Physics
 
Luciferase in rDNA technology (biotechnology).pptx
Luciferase in rDNA technology (biotechnology).pptxLuciferase in rDNA technology (biotechnology).pptx
Luciferase in rDNA technology (biotechnology).pptx
 
Analytical Profile of Coleus Forskohlii | Forskolin .pptx
Analytical Profile of Coleus Forskohlii | Forskolin .pptxAnalytical Profile of Coleus Forskohlii | Forskolin .pptx
Analytical Profile of Coleus Forskohlii | Forskolin .pptx
 
9953056974 Young Call Girls In Mahavir enclave Indian Quality Escort service
9953056974 Young Call Girls In Mahavir enclave Indian Quality Escort service9953056974 Young Call Girls In Mahavir enclave Indian Quality Escort service
9953056974 Young Call Girls In Mahavir enclave Indian Quality Escort service
 
Unlocking the Potential: Deep dive into ocean of Ceramic Magnets.pptx
Unlocking  the Potential: Deep dive into ocean of Ceramic Magnets.pptxUnlocking  the Potential: Deep dive into ocean of Ceramic Magnets.pptx
Unlocking the Potential: Deep dive into ocean of Ceramic Magnets.pptx
 
Disentangling the origin of chemical differences using GHOST
Disentangling the origin of chemical differences using GHOSTDisentangling the origin of chemical differences using GHOST
Disentangling the origin of chemical differences using GHOST
 
Biopesticide (2).pptx .This slides helps to know the different types of biop...
Biopesticide (2).pptx  .This slides helps to know the different types of biop...Biopesticide (2).pptx  .This slides helps to know the different types of biop...
Biopesticide (2).pptx .This slides helps to know the different types of biop...
 
PossibleEoarcheanRecordsoftheGeomagneticFieldPreservedintheIsuaSupracrustalBe...
PossibleEoarcheanRecordsoftheGeomagneticFieldPreservedintheIsuaSupracrustalBe...PossibleEoarcheanRecordsoftheGeomagneticFieldPreservedintheIsuaSupracrustalBe...
PossibleEoarcheanRecordsoftheGeomagneticFieldPreservedintheIsuaSupracrustalBe...
 
Boyles law module in the grade 10 science
Boyles law module in the grade 10 scienceBoyles law module in the grade 10 science
Boyles law module in the grade 10 science
 
zoogeography of pakistan.pptx fauna of Pakistan
zoogeography of pakistan.pptx fauna of Pakistanzoogeography of pakistan.pptx fauna of Pakistan
zoogeography of pakistan.pptx fauna of Pakistan
 
Nightside clouds and disequilibrium chemistry on the hot Jupiter WASP-43b
Nightside clouds and disequilibrium chemistry on the hot Jupiter WASP-43bNightside clouds and disequilibrium chemistry on the hot Jupiter WASP-43b
Nightside clouds and disequilibrium chemistry on the hot Jupiter WASP-43b
 
The Philosophy of Science
The Philosophy of ScienceThe Philosophy of Science
The Philosophy of Science
 
Call Girls in Munirka Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Munirka Delhi 💯Call Us 🔝8264348440🔝Call Girls in Munirka Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Munirka Delhi 💯Call Us 🔝8264348440🔝
 
Recombinant DNA technology (Immunological screening)
Recombinant DNA technology (Immunological screening)Recombinant DNA technology (Immunological screening)
Recombinant DNA technology (Immunological screening)
 
Hubble Asteroid Hunter III. Physical properties of newly found asteroids
Hubble Asteroid Hunter III. Physical properties of newly found asteroidsHubble Asteroid Hunter III. Physical properties of newly found asteroids
Hubble Asteroid Hunter III. Physical properties of newly found asteroids
 

Design Rules.pdf

  • 2. 2 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 authority increasing generality Standards Guidelines increasing authority increasing generality
  • 3. 3 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
  • 4. 4 Principles of learnability Predictability – users don’t like surprises (exception games and then only a few) – determining effect of future actions based on past interaction history – operation visibility Synthesizability – requires user to have a mental model (chap 1) – assessing the effect of past actions – immediate vs. eventual honesty – changing wysisyg doc vrs updating web pages 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
  • 5. 5 Principles of flexibility Dialogue initiative – system and users in a conversation – freedom from system imposed constraints on input dialogue – system vs. user pre-emptiveness – understanding of main use-cases Multithreading – ability of system to support user interaction for more than one task at a time – concurrent vs. interleaving – multimodality – button click / alt + / menu item Task migratability – passing responsibility for task execution between user and system – ultimate user control Substitutivity – allowing equivalent values of input and output to be substituted for each other – representation multiplicity (graph/values) – equal opportunity (define line by drawing or specifying length/position) Customizability – modifiability of the user interface by user (adaptability) or system (adaptivity)
  • 6. 6 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 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
  • 7. 7 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 – many large organisations have their own standards • 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 • There are also some ISO standards for usability reporting
  • 8. 8 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. 9 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
  • 10. 10 Nielsen’s 10 Usability Heuristics 1. Visibility of system status 2. Match between system and the real world 3. User control and freedom 4. Consistency and standards 5. Error prevention 6. Recognition rather than recall 7. Flexibility and efficiency of use 8. Aesthetic and minimalist design 9. Help users recognize, diagnose, and recover from errors 10. Help and documentation
  • 11. 11 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
  • 12. 12 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.
  • 13. Web Guidelines • The W3C Web Accessibility Guidelines are a really good, very practical guide to usability • If you follow these guidelines your system will be good, not only for visually impaired users, but for all users • Furthermore most of the guidelines apply to all systems, not just web systems • http://www.w3.org/WAI/ 13
  • 14. 14 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
  • 15. 15 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.