SlideShare uma empresa Scribd logo
1 de 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




                                                         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

Mais conteúdo relacionado

Destaque

Aja group presentation_4[1]
Aja group presentation_4[1]Aja group presentation_4[1]
Aja group presentation_4[1]
ashewright
 

Destaque (9)

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

Semelhante a E3 chap-07

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
 
Introduction To Agile Refresh Savannah July20 2010 V1 4
Introduction To Agile Refresh Savannah July20 2010 V1 4Introduction To Agile Refresh Savannah July20 2010 V1 4
Introduction To Agile Refresh Savannah July20 2010 V1 4
Marvin Heery
 

Semelhante a E3 chap-07 (20)

Design rules Human computer interaction.ppt
Design rules Human computer interaction.pptDesign rules Human computer interaction.ppt
Design rules Human computer interaction.ppt
 
design rules.ppt
design rules.pptdesign rules.ppt
design rules.ppt
 
Chapter 7 design rules
Chapter 7 design rulesChapter 7 design rules
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
 
Design Rules.pdf
Design Rules.pdfDesign Rules.pdf
Design Rules.pdf
 
Unit 2 hci
Unit 2 hciUnit 2 hci
Unit 2 hci
 
Design rules
Design rulesDesign rules
Design rules
 
Usability evaluations (part 3)
Usability evaluations (part 3) Usability evaluations (part 3)
Usability evaluations (part 3)
 
Interaction Design
Interaction DesignInteraction Design
Interaction Design
 
Heuristic evaluation principles
Heuristic evaluation principlesHeuristic evaluation principles
Heuristic evaluation principles
 
User centered Design
User centered DesignUser centered Design
User centered Design
 
Software systems engineering PRINCIPLES
Software systems engineering PRINCIPLESSoftware systems engineering PRINCIPLES
Software systems engineering PRINCIPLES
 
Design process design rules
Design process  design rulesDesign process  design rules
Design process design rules
 
The Design Process
The Design ProcessThe Design Process
The Design Process
 
Muzammil Agile Vs Prescriptive
Muzammil Agile Vs PrescriptiveMuzammil Agile Vs Prescriptive
Muzammil Agile Vs Prescriptive
 
Unit 3_Evaluation Technique.pptx
Unit 3_Evaluation Technique.pptxUnit 3_Evaluation Technique.pptx
Unit 3_Evaluation Technique.pptx
 
3b1 standardisation
3b1 standardisation3b1 standardisation
3b1 standardisation
 
Introduction To Agile Refresh Savannah July20 2010 V1 4
Introduction To Agile Refresh Savannah July20 2010 V1 4Introduction To Agile Refresh Savannah July20 2010 V1 4
Introduction To Agile Refresh Savannah July20 2010 V1 4
 
Using Software Architecture Principles in Practice
Using Software Architecture Principles in PracticeUsing Software Architecture Principles in Practice
Using Software Architecture Principles in Practice
 
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
 

Mais de Lukmanulhakim Almamalik

Buku informasi tik.cs03.012.01 (autosaved)
Buku informasi tik.cs03.012.01 (autosaved)Buku informasi tik.cs03.012.01 (autosaved)
Buku informasi tik.cs03.012.01 (autosaved)
Lukmanulhakim Almamalik
 
Buku informasi tik.cs03.015.01 udah revisi
Buku informasi tik.cs03.015.01 udah revisiBuku informasi tik.cs03.015.01 udah revisi
Buku informasi tik.cs03.015.01 udah revisi
Lukmanulhakim Almamalik
 

Mais de Lukmanulhakim Almamalik (20)

Promoting Green Financing Mechanisms.pdf
Promoting Green Financing Mechanisms.pdfPromoting Green Financing Mechanisms.pdf
Promoting Green Financing Mechanisms.pdf
 
UU_Perindustrian_No_3_2014.pdf
UU_Perindustrian_No_3_2014.pdfUU_Perindustrian_No_3_2014.pdf
UU_Perindustrian_No_3_2014.pdf
 
PENGENALAN PEMODELAN SISTEM DINAMIK MENGGUNAKAN VENSIM PLE
PENGENALAN PEMODELAN SISTEM DINAMIK MENGGUNAKAN  VENSIM PLEPENGENALAN PEMODELAN SISTEM DINAMIK MENGGUNAKAN  VENSIM PLE
PENGENALAN PEMODELAN SISTEM DINAMIK MENGGUNAKAN VENSIM PLE
 
Bahan kuliah ttm [compatibility mode]
Bahan kuliah ttm [compatibility mode]Bahan kuliah ttm [compatibility mode]
Bahan kuliah ttm [compatibility mode]
 
Buku systems thinking
Buku systems thinkingBuku systems thinking
Buku systems thinking
 
Buku informasi tik.cs03.012.01 (autosaved)
Buku informasi tik.cs03.012.01 (autosaved)Buku informasi tik.cs03.012.01 (autosaved)
Buku informasi tik.cs03.012.01 (autosaved)
 
Buku informasi tik.cs03.016.01
Buku informasi tik.cs03.016.01Buku informasi tik.cs03.016.01
Buku informasi tik.cs03.016.01
 
Buku informasi tik.cs03.011.01
Buku informasi tik.cs03.011.01Buku informasi tik.cs03.011.01
Buku informasi tik.cs03.011.01
 
Tik.cs03.008.01 buku informasi
Tik.cs03.008.01 buku informasiTik.cs03.008.01 buku informasi
Tik.cs03.008.01 buku informasi
 
Tik.cs03.007.01 buku informasi
Tik.cs03.007.01 buku informasiTik.cs03.007.01 buku informasi
Tik.cs03.007.01 buku informasi
 
Tik.cs03.006.01 buku informasi
Tik.cs03.006.01 buku informasiTik.cs03.006.01 buku informasi
Tik.cs03.006.01 buku informasi
 
Tik.cs02.053.01 buku informasi
Tik.cs02.053.01 buku informasiTik.cs02.053.01 buku informasi
Tik.cs02.053.01 buku informasi
 
Buku informasi tik.cs03.015.01 udah revisi
Buku informasi tik.cs03.015.01 udah revisiBuku informasi tik.cs03.015.01 udah revisi
Buku informasi tik.cs03.015.01 udah revisi
 
Buku informasi tik.cs03.010.01
Buku informasi tik.cs03.010.01Buku informasi tik.cs03.010.01
Buku informasi tik.cs03.010.01
 
Buku informasi memperbaiki monitor
Buku informasi   memperbaiki monitorBuku informasi   memperbaiki monitor
Buku informasi memperbaiki monitor
 
Ch22
Ch22Ch22
Ch22
 
Ch21
Ch21Ch21
Ch21
 
Ch20
Ch20Ch20
Ch20
 
Ch19
Ch19Ch19
Ch19
 
Ch18
Ch18Ch18
Ch18
 

Último

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Último (20)

AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
A Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source MilvusA Beginners Guide to Building a RAG App Using Open Source Milvus
A Beginners Guide to Building a RAG App Using Open Source Milvus
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 

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