SlideShare a Scribd company logo
1 of 14
HUMAN COMPUTER INTERACTION
Prepared by: AJISA BEEVI @ JTMK.PSIS.EDU.MY
LEARNING
OUTCOME
DEFINITION
7 PRINCIPLES
1
2
3
4
5
6
7
MIND MAP
ACTIVITY
Prepared by: AJISA BEEVI @ JTMK.PSIS.EDU.MY
LEARNING
OUTCOME
DEFINITION
7 PRINCIPLES
1
2
3
4
5
6
7
MIND MAP
ACTIVITY
Did the design of meet the universal Design Principles??
Prepared by: AJISA BEEVI @ JTMK.PSIS.EDU.MY
 LEARNING OUTCOME
At the end of this topic student should be able to:
▪ Define universal design
▪ Explain the seven principles of universal
design of interactive system.
LEARNING
OUTCOME
DEFINITION
7 PRINCIPLES
1
2
3
4
5
6
7
MIND MAP
ACTIVITY
Prepared by: AJISA BEEVI @ JTMK.PSIS.EDU.MY
 Definition of Universal Design:
 Process of designing products so that they can be
used by as many people as possible in as many
situations as possible.
DEFINITION
LEARNING
OUTCOME
7 PRINCIPLES
1
2
3
4
5
6
7
MIND MAP
ACTIVITY
Prepared by: AJISA BEEVI @ JTMK.PSIS.EDU.MY
 1: Equitable use
Useful to range of ability and appealing to all
Security, privacy & safety appropriate
7 PRINCIPLES
1
LEARNING
OUTCOME
DEFINITION
2
3
4
5
6
7
Example
Power door at entrance that are
convenient for all user
MIND MAP
ACTIVITY
Prepared by: AJISA BEEVI @ JTMK.PSIS.EDU.MY
 2: Flexibility in use
Allow range of ability and preference through choice of
methods of use and adaptability to the user pace, precision
and custom
7 PRINCIPLES
2
LEARNING
OUTCOME
DEFINITION
1
3
4
5
6
7
Example
Scissors designed for right- or left-
handed users
MIND MAP
ACTIVITY
Prepared by: AJISA BEEVI @ JTMK.PSIS.EDU.MY
 3: Simple and intuitive to use
Eliminate unnecessary complexity.
Accommodate a wide range of literacy and language skills.
Arrange information consistent with its importance.
Provide effective prompting and feedback during and after task
completion.
7 PRINCIPLES
3
LEARNING
OUTCOME
DEFINITION
1
2
4
5
6
7
Example
An instruction manual with
drawings and no text
MIND MAP
ACTIVITY
Prepared by: AJISA BEEVI @ JTMK.PSIS.EDU.MY
 4: Perceptible information
Use different modes (pictorial, verbal, tactile) for redundant
presentation of essential information.
Maximize “legibility” of essential information.
Differentiate elements in ways that can be described Provide
compatibility with a variety of techniques
7 PRINCIPLES
4
LEARNING
OUTCOME
DEFINITION
1
2
3
5
6
7
Example
Tactile, visual, and audible cues and
instructions on a thermostat
MIND MAP
ACTIVITY
Prepared by: AJISA BEEVI @ JTMK.PSIS.EDU.MY
 5:Tolerance for error
Minimize the impact and damage caused by mistakes or
unintended behavior
Remove/made hard to reach for potentially dangerous situation
Hazard – shield by warning
7 PRINCIPLES
5
LEARNING
OUTCOME
DEFINITION
1
2
3
4
6
7
Example
An “undo” feature in computer
software that allows the user to
correct mistakes without penalty
MIND MAP
ACTIVITY
Prepared by: AJISA BEEVI @ JTMK.PSIS.EDU.MY
 6: Low physical effort
for comfortable use by minimizing physical effort & fatigue
Allow user maintain natural posture with reasonable operating
effort
7 PRINCIPLES
6
LEARNING
OUTCOME
DEFINITION
1
2
3
4
5
7
Example
Lever or loop handles on doors and
faucets
MIND MAP
ACTIVITY
Prepared by: AJISA BEEVI @ JTMK.PSIS.EDU.MY
 7: Size and space for approach and use
Provide a clear line of sight to important elements for any seated/
standing user.
Make reach to all components comfortable for seated/standing user.
Accommodate variations in hand and grip size.
Provide adequate space for the use of assistive devices or personal
assistance.
7 PRINCIPLES
7
LEARNING
OUTCOME
DEFINITION
1
2
3
4
5
6
Example
Wide gates at subway stations that
accommodate all users
MIND MAP
ACTIVITY
Prepared by: AJISA BEEVI @ JTMK.PSIS.EDU.MY
LEARNING
OUTCOME
DEFINITION
7 PRINCIPLES
1
2
3
4
5
6
7
ACTIVITY
 ACTIVITY.
 Each group have to find an example for all 7 Universal Design
Principles that you had learnt.(15 minutes)
 Complete the cross word puzzle that has been given.
 The first group that completed the puzzle CORRECTLY will
get a mysterious prize 
 GOOD LUCK!!
MIND MAP
Prepared by: AJISA BEEVI @ JTMK.PSIS.EDU.MY
Equitable
use
LEARNING
OUTCOME
DEFINITION
7 PRINCIPLES
1
2
3
4
5
6
7
MIND MAP
Flexibility
in use
Low
physical
effort
Simple
and
intuitive
to use
Perceptible
information
Size and
space for
approach
and use
Tolerance
for error
ACTIVITY
Prepared by: AJISA BEEVI @ JTMK.PSIS.EDU.MY

More Related Content

Similar to Chapter 4

CIID Final project report
CIID Final project reportCIID Final project report
CIID Final project report
eilidh dickson
 

Similar to Chapter 4 (20)

Designing for unfamiliar interfaces
Designing for unfamiliar interfacesDesigning for unfamiliar interfaces
Designing for unfamiliar interfaces
 
150608 m learncon_tracy
150608 m learncon_tracy150608 m learncon_tracy
150608 m learncon_tracy
 
"Everybody is a Designer. Deal with it." by Wolfgang Bremer
"Everybody is a Designer. Deal with it." by Wolfgang Bremer"Everybody is a Designer. Deal with it." by Wolfgang Bremer
"Everybody is a Designer. Deal with it." by Wolfgang Bremer
 
Top 5 Tips For Innovative eLearning Development - EI Design
Top 5 Tips For Innovative eLearning Development - EI DesignTop 5 Tips For Innovative eLearning Development - EI Design
Top 5 Tips For Innovative eLearning Development - EI Design
 
Things To Unlearn In Software Development
Things To Unlearn In Software DevelopmentThings To Unlearn In Software Development
Things To Unlearn In Software Development
 
Aktu Human Computer Interface Full Pdf.pdf
Aktu Human Computer Interface Full Pdf.pdfAktu Human Computer Interface Full Pdf.pdf
Aktu Human Computer Interface Full Pdf.pdf
 
Design UX for AI
Design UX for AIDesign UX for AI
Design UX for AI
 
Introduction to user-centric design process
Introduction to user-centric design processIntroduction to user-centric design process
Introduction to user-centric design process
 
W11 NM2216 Presentation
W11 NM2216 PresentationW11 NM2216 Presentation
W11 NM2216 Presentation
 
5 Killer Examples : How to Use Microlearning Based Training Effectively - EI ...
5 Killer Examples : How to Use Microlearning Based Training Effectively - EI ...5 Killer Examples : How to Use Microlearning Based Training Effectively - EI ...
5 Killer Examples : How to Use Microlearning Based Training Effectively - EI ...
 
Hci final presentation
Hci final presentationHci final presentation
Hci final presentation
 
Communication-Oriented Interface Design Principles (User Interaction Design ...
Communication-Oriented Interface Design Principles  (User Interaction Design ...Communication-Oriented Interface Design Principles  (User Interaction Design ...
Communication-Oriented Interface Design Principles (User Interaction Design ...
 
UX and Agile - how to get the best out of both worlds?
UX and Agile - how to get the best out of both worlds?UX and Agile - how to get the best out of both worlds?
UX and Agile - how to get the best out of both worlds?
 
UXPA 2013: Effectively Communicating User Research Findings
UXPA 2013: Effectively Communicating User Research FindingsUXPA 2013: Effectively Communicating User Research Findings
UXPA 2013: Effectively Communicating User Research Findings
 
Early Signal Testing: Designing Atlassian’s New Look
Early Signal Testing: Designing Atlassian’s New LookEarly Signal Testing: Designing Atlassian’s New Look
Early Signal Testing: Designing Atlassian’s New Look
 
Universal Usability
Universal UsabilityUniversal Usability
Universal Usability
 
User experience design process
User experience design processUser experience design process
User experience design process
 
Usp2003 ud sfsu
Usp2003 ud sfsuUsp2003 ud sfsu
Usp2003 ud sfsu
 
User Story Mapping (2008)
User Story Mapping (2008)User Story Mapping (2008)
User Story Mapping (2008)
 
CIID Final project report
CIID Final project reportCIID Final project report
CIID Final project report
 

Recently uploaded

Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
kauryashika82
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 

Recently uploaded (20)

This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 
Dyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxDyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptx
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
 
Third Battle of Panipat detailed notes.pptx
Third Battle of Panipat detailed notes.pptxThird Battle of Panipat detailed notes.pptx
Third Battle of Panipat detailed notes.pptx
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
psychiatric nursing HISTORY COLLECTION .docx
psychiatric  nursing HISTORY  COLLECTION  .docxpsychiatric  nursing HISTORY  COLLECTION  .docx
psychiatric nursing HISTORY COLLECTION .docx
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
Spatium Project Simulation student brief
Spatium Project Simulation student briefSpatium Project Simulation student brief
Spatium Project Simulation student brief
 

Chapter 4

  • 1. HUMAN COMPUTER INTERACTION Prepared by: AJISA BEEVI @ JTMK.PSIS.EDU.MY
  • 3. LEARNING OUTCOME DEFINITION 7 PRINCIPLES 1 2 3 4 5 6 7 MIND MAP ACTIVITY Did the design of meet the universal Design Principles?? Prepared by: AJISA BEEVI @ JTMK.PSIS.EDU.MY
  • 4.  LEARNING OUTCOME At the end of this topic student should be able to: ▪ Define universal design ▪ Explain the seven principles of universal design of interactive system. LEARNING OUTCOME DEFINITION 7 PRINCIPLES 1 2 3 4 5 6 7 MIND MAP ACTIVITY Prepared by: AJISA BEEVI @ JTMK.PSIS.EDU.MY
  • 5.  Definition of Universal Design:  Process of designing products so that they can be used by as many people as possible in as many situations as possible. DEFINITION LEARNING OUTCOME 7 PRINCIPLES 1 2 3 4 5 6 7 MIND MAP ACTIVITY Prepared by: AJISA BEEVI @ JTMK.PSIS.EDU.MY
  • 6.  1: Equitable use Useful to range of ability and appealing to all Security, privacy & safety appropriate 7 PRINCIPLES 1 LEARNING OUTCOME DEFINITION 2 3 4 5 6 7 Example Power door at entrance that are convenient for all user MIND MAP ACTIVITY Prepared by: AJISA BEEVI @ JTMK.PSIS.EDU.MY
  • 7.  2: Flexibility in use Allow range of ability and preference through choice of methods of use and adaptability to the user pace, precision and custom 7 PRINCIPLES 2 LEARNING OUTCOME DEFINITION 1 3 4 5 6 7 Example Scissors designed for right- or left- handed users MIND MAP ACTIVITY Prepared by: AJISA BEEVI @ JTMK.PSIS.EDU.MY
  • 8.  3: Simple and intuitive to use Eliminate unnecessary complexity. Accommodate a wide range of literacy and language skills. Arrange information consistent with its importance. Provide effective prompting and feedback during and after task completion. 7 PRINCIPLES 3 LEARNING OUTCOME DEFINITION 1 2 4 5 6 7 Example An instruction manual with drawings and no text MIND MAP ACTIVITY Prepared by: AJISA BEEVI @ JTMK.PSIS.EDU.MY
  • 9.  4: Perceptible information Use different modes (pictorial, verbal, tactile) for redundant presentation of essential information. Maximize “legibility” of essential information. Differentiate elements in ways that can be described Provide compatibility with a variety of techniques 7 PRINCIPLES 4 LEARNING OUTCOME DEFINITION 1 2 3 5 6 7 Example Tactile, visual, and audible cues and instructions on a thermostat MIND MAP ACTIVITY Prepared by: AJISA BEEVI @ JTMK.PSIS.EDU.MY
  • 10.  5:Tolerance for error Minimize the impact and damage caused by mistakes or unintended behavior Remove/made hard to reach for potentially dangerous situation Hazard – shield by warning 7 PRINCIPLES 5 LEARNING OUTCOME DEFINITION 1 2 3 4 6 7 Example An “undo” feature in computer software that allows the user to correct mistakes without penalty MIND MAP ACTIVITY Prepared by: AJISA BEEVI @ JTMK.PSIS.EDU.MY
  • 11.  6: Low physical effort for comfortable use by minimizing physical effort & fatigue Allow user maintain natural posture with reasonable operating effort 7 PRINCIPLES 6 LEARNING OUTCOME DEFINITION 1 2 3 4 5 7 Example Lever or loop handles on doors and faucets MIND MAP ACTIVITY Prepared by: AJISA BEEVI @ JTMK.PSIS.EDU.MY
  • 12.  7: Size and space for approach and use Provide a clear line of sight to important elements for any seated/ standing user. Make reach to all components comfortable for seated/standing user. Accommodate variations in hand and grip size. Provide adequate space for the use of assistive devices or personal assistance. 7 PRINCIPLES 7 LEARNING OUTCOME DEFINITION 1 2 3 4 5 6 Example Wide gates at subway stations that accommodate all users MIND MAP ACTIVITY Prepared by: AJISA BEEVI @ JTMK.PSIS.EDU.MY
  • 13. LEARNING OUTCOME DEFINITION 7 PRINCIPLES 1 2 3 4 5 6 7 ACTIVITY  ACTIVITY.  Each group have to find an example for all 7 Universal Design Principles that you had learnt.(15 minutes)  Complete the cross word puzzle that has been given.  The first group that completed the puzzle CORRECTLY will get a mysterious prize   GOOD LUCK!! MIND MAP Prepared by: AJISA BEEVI @ JTMK.PSIS.EDU.MY
  • 14. Equitable use LEARNING OUTCOME DEFINITION 7 PRINCIPLES 1 2 3 4 5 6 7 MIND MAP Flexibility in use Low physical effort Simple and intuitive to use Perceptible information Size and space for approach and use Tolerance for error ACTIVITY Prepared by: AJISA BEEVI @ JTMK.PSIS.EDU.MY