SlideShare ist ein Scribd-Unternehmen logo
1 von 21
DFP30033
Human Computer Interaction
PN. MONA BINTI AZIZAN
AFIQ IQBAL BIN SHARULNIZAM 01DDT19F1081
MOHAMAD AMIRUL AMIN BIN MOHD NAZLI 01DDT19F1080
KHAIRUL AIDID BIN MAT RASBI 01DDT19F1087
MUHAMMAD ASHRAF BIN ABD WAHADI 01DDT19F1094
Question A
(A) The World Wide Web has rapidly become the dominant Internet tool, combining hypertext and multimedia to provide a network of educational,
governmental, and commercial resources.
To create resources that can be used by the widest spectrum of potential website visitors rather than an idealized average, webmasters can apply
universal design principles. This requires that they consider the needs of individuals with disabilities, older persons, people for whom English is a second
language, and those using outdated hardware and software. They should routinely think of the broad range of characteristics their site visitors might have
and design it to make their resources accessible to everyone
GIANT Malaysia were aware that their website was not designed to be as accessible and usable to all users especially for disabilities user. Building web
content that is consistent, accessible, and usable can be a challenge for web development teams. You and your team as a web design/web content must
consider adopting standards or guidelines to develop the web.
1) Explains 5 important aspects to get started designing accessible web pages
2) Propose a technology that can make your web accessible to people with a wide range of abilities and disabilities as below:
a) Blind people
b) Hearing impairments
c) Mobility impairment
5 important aspects to get started designing
accessible web pages
1. Allow Users to Enlarge Font Sizes
2.Keep Contrast Sensitivity in Mind
Along with text size, think about color and contrast.
People with vision impairments such as cataract have low color
contrast sensitivity.
3.Avoid Using Placeholder Text in Forms
4. Provide controls for content that starts automatically
Provide visible controls to allow users to stop any animations or auto-playing
sound. This applies to
carousels, image sliders, background sound, and videos.
5.Use headings and spacing to group related content
Use whitespace and proximity to make relationships between content
more apparent. Style headings to group
content, reduce clutter, and make it easier to scan and understand.
Propose a technology that can make your web
accessible to people with a wide range of
abilities and disabilities as below:
a) Blind people
• Provide the voice and sound system
b) Hearing impairments
• Provide a video tutorial and put the subtitle in the video
c) Mobility impairment
• Provide the voice system
Question b( Flexibility in use )principle 2
"When all users' needs are taken into consideration in the initial design
process, the result is a product that can be used by the broadest spectrum
of users."Justify about above statement and give ONE example of applying
a Universal Design approach which is ‘flexibility in use’ when designing :
tools, software,hardware, workspace and etc.
Flexibility in use
The design accommodates a wide range of individual preferences
and abilities.
• It provides choice in methods of use.
• It accommodates right or left handed access and use.
• It facilitates the user’s accuracy and precision.
• It provides adaptability to the user’s pace.
Example flexibility in use
(tools,hardware,software and workplace)
Example a hybrid tablet that also functions as a laptop.
• It runs anywhere
• It works well with others
• It doesn’t hold you back
• It can use tools
Question c
Universal Design has been mistakenly described as the search for a one-size-fits-all design
or “Universal Design is not just about 'one size fits all'.” Describe about this statement to
make sure designers should strive to create a design that does not exclude or segregate all
the user.
Universal Design..
What is Universal Design is one size fits all
• "One size fits all" is a description for a product that would fit in all instances. The term has been extended to mean
one style or procedure would fit in all related applications. It is an alternative for "Not everyone fits the mold ".It has
been in use for over 5 decades.
Universal Design 'one size fits all'
Example of One Size fits all ..
Here are some of the design trade-offs one is usually called on to address:
• Visitors would like to enjoy personalized experiences tailored to their culture, age, interests and
previous experiences.
• ICT people may propose enhancing visitor’s experience through new technologies, such as
wireless sensors, augmented reality devices, interactive displays.
• Novel technologies may offer personalized experiences, but they may also require access to
the Internet and localization features that cannot be available everywhere.
Universal Design is not just about 'one size fits all'
Universal Design has been mistakenly described as the search for a one-size-fits-all
design. Universal Design does encourage designers to consider the wide-ranging abilities
of their users. And where possible, an optimal design that caters for as many people as
possible should be sought after. But a more universal solution can also incorporate, for
example, customisable features that can be adapted from user to user, smart features that
learn a user's preferences after multiple uses (most relevant to ICT), and specialised
solutions to meet particular needs.
The aim is to provide the same (or equivalent) experiences, activities and services to
everyone. It is accepted that these may have to be provided through slightly different
routes or interfaces, but designers should strive to create a design that does not exclude
or segregate.
Universal Design is not just about 'one size fits all'
Example of Not one size fits all
• For example, when installing a handle on a door, it is always better to opt
for a lever handle, rather than a door knob, as the lever handle can be
opened using the elbow or a closed fist, benefiting people carrying
shopping bags as well as people with limited strength in their hands.
Question d
(d) Explain the learning environment in Figure 1 that could offer a way to
meaningfully participate in the social aspects of learning nowadays.
The virtual through online engagement will show that students who were motivated to
achieve success in a traditional setting are also the most adaptable to the virtual
environment.
Students who had been unfamiliar with the virtual course environment may prefer the new
approaches to learning and the dissemination of material.
Through online discussion forums, students can work with peers and their instructor to
address concerns, furthering engagement.
Homework, group assignments, and research assignments may also be enhanced in the
online environment if the course is built with careful attention directed towards desired
outcomes.
During this period of transition, students seem to perform best in the online setting when
traditional class methods are simulated.
Face-to-face learning is an instructional method where course content and learning material
are taught in person to a group of students.
This allows for a live interaction between a learner and an instructor. It is the most
traditional type of learning instruction.
Face-to-face learning :
Ensures a better understanding and recollection of lesson content and gives class members a
chance to bond with one another.
is essentially a teacher-centered method of education, and tends to vary widely among
cultures.
Many modern education systems have largely shifted away from traditional face-to-face
forms of educational instruction, in favor of individual students’ needs.
Case study 2 Human Computer Interaction
Case study 2 Human Computer Interaction

Weitere ähnliche Inhalte

Was ist angesagt?

Wimp interface
Wimp interfaceWimp interface
Wimp interfaceAbrish06
 
FP511 human computer interaction
FP511 human computer interactionFP511 human computer interaction
FP511 human computer interactionFatin Fatihayah
 
HCI 3e - Ch 5: Interaction design basics
HCI 3e - Ch 5:  Interaction design basicsHCI 3e - Ch 5:  Interaction design basics
HCI 3e - Ch 5: Interaction design basicsAlan Dix
 
golden rules of user interface design
golden rules of user interface designgolden rules of user interface design
golden rules of user interface designgadige harshini
 
Human Computer Interaction Chapter 2
Human Computer Interaction Chapter 2Human Computer Interaction Chapter 2
Human Computer Interaction Chapter 2syxf10
 
HCI 3e - Ch 7: Design rules
HCI 3e - Ch 7:  Design rulesHCI 3e - Ch 7:  Design rules
HCI 3e - Ch 7: Design rulesAlan Dix
 
Design Pattern in Software Engineering
Design Pattern in Software EngineeringDesign Pattern in Software Engineering
Design Pattern in Software EngineeringManish Kumar
 
User Interface Design - Module 1 Introduction
User Interface Design - Module 1 IntroductionUser Interface Design - Module 1 Introduction
User Interface Design - Module 1 IntroductionbrindaN
 
Hci user interface-design principals
Hci user interface-design principalsHci user interface-design principals
Hci user interface-design principalsAnwal Mirza
 
Scenario-based Design
Scenario-based DesignScenario-based Design
Scenario-based DesignHans Põldoja
 
Fundamentals of User Interface Design
Fundamentals of User Interface DesignFundamentals of User Interface Design
Fundamentals of User Interface DesignMerlin Rebrović
 
Human Computer Interaction Chapter 4 Implementation Support and Evaluation Te...
Human Computer Interaction Chapter 4 Implementation Support and Evaluation Te...Human Computer Interaction Chapter 4 Implementation Support and Evaluation Te...
Human Computer Interaction Chapter 4 Implementation Support and Evaluation Te...VijiPriya Jeyamani
 
Software Architecture: Design Decisions
Software Architecture: Design DecisionsSoftware Architecture: Design Decisions
Software Architecture: Design DecisionsHenry Muccini
 
Design process design rules
Design process  design rulesDesign process  design rules
Design process design rulesPreeti Mishra
 
User profiles. Personas
User profiles. PersonasUser profiles. Personas
User profiles. PersonasDCU_MPIUA
 

Was ist angesagt? (20)

Interactive design basics
Interactive design basicsInteractive design basics
Interactive design basics
 
Wimp interface
Wimp interfaceWimp interface
Wimp interface
 
FP511 human computer interaction
FP511 human computer interactionFP511 human computer interaction
FP511 human computer interaction
 
Hci activity#1
Hci activity#1Hci activity#1
Hci activity#1
 
HCI 3e - Ch 5: Interaction design basics
HCI 3e - Ch 5:  Interaction design basicsHCI 3e - Ch 5:  Interaction design basics
HCI 3e - Ch 5: Interaction design basics
 
golden rules of user interface design
golden rules of user interface designgolden rules of user interface design
golden rules of user interface design
 
Human Computer Interaction Chapter 2
Human Computer Interaction Chapter 2Human Computer Interaction Chapter 2
Human Computer Interaction Chapter 2
 
HCI 3e - Ch 7: Design rules
HCI 3e - Ch 7:  Design rulesHCI 3e - Ch 7:  Design rules
HCI 3e - Ch 7: Design rules
 
Human computer interaction
Human computer interactionHuman computer interaction
Human computer interaction
 
Design Pattern in Software Engineering
Design Pattern in Software EngineeringDesign Pattern in Software Engineering
Design Pattern in Software Engineering
 
User Interface Design - Module 1 Introduction
User Interface Design - Module 1 IntroductionUser Interface Design - Module 1 Introduction
User Interface Design - Module 1 Introduction
 
Requirements Engineering
Requirements EngineeringRequirements Engineering
Requirements Engineering
 
Deployment
DeploymentDeployment
Deployment
 
Hci user interface-design principals
Hci user interface-design principalsHci user interface-design principals
Hci user interface-design principals
 
Scenario-based Design
Scenario-based DesignScenario-based Design
Scenario-based Design
 
Fundamentals of User Interface Design
Fundamentals of User Interface DesignFundamentals of User Interface Design
Fundamentals of User Interface Design
 
Human Computer Interaction Chapter 4 Implementation Support and Evaluation Te...
Human Computer Interaction Chapter 4 Implementation Support and Evaluation Te...Human Computer Interaction Chapter 4 Implementation Support and Evaluation Te...
Human Computer Interaction Chapter 4 Implementation Support and Evaluation Te...
 
Software Architecture: Design Decisions
Software Architecture: Design DecisionsSoftware Architecture: Design Decisions
Software Architecture: Design Decisions
 
Design process design rules
Design process  design rulesDesign process  design rules
Design process design rules
 
User profiles. Personas
User profiles. PersonasUser profiles. Personas
User profiles. Personas
 

Ähnlich wie Case study 2 Human Computer Interaction

UXPA2019 Enhancing the User Experience for People with Disabilities: Top 10 ...
UXPA2019  Enhancing the User Experience for People with Disabilities: Top 10 ...UXPA2019  Enhancing the User Experience for People with Disabilities: Top 10 ...
UXPA2019 Enhancing the User Experience for People with Disabilities: Top 10 ...UXPA International
 
Case Study 2 HCI
Case Study 2 HCICase Study 2 HCI
Case Study 2 HCIUzairAdnan
 
Universal usability
Universal usabilityUniversal usability
Universal usabilityPravinL4
 
Aditya Kumar Verma_18352002_Universal Usibility
Aditya Kumar Verma_18352002_Universal UsibilityAditya Kumar Verma_18352002_Universal Usibility
Aditya Kumar Verma_18352002_Universal UsibilityAdityaKumarVerma11
 
UX Design - Lecture # 2.pptx
UX Design - Lecture # 2.pptxUX Design - Lecture # 2.pptx
UX Design - Lecture # 2.pptxZaid227349
 
Teaching Accessibility and Universal Design in Higher Education - COLTT 2017
Teaching Accessibility and Universal Design in Higher Education - COLTT 2017Teaching Accessibility and Universal Design in Higher Education - COLTT 2017
Teaching Accessibility and Universal Design in Higher Education - COLTT 2017Howard Kramer
 
Teach Accessibility and Universal Design in Higher Education (AHEAD 2017)
Teach Accessibility and Universal Design in Higher Education (AHEAD 2017)Teach Accessibility and Universal Design in Higher Education (AHEAD 2017)
Teach Accessibility and Universal Design in Higher Education (AHEAD 2017)Howard Kramer
 
Teaching Accessibility and Universal Design in Higher Education Curriculum: B...
Teaching Accessibility and Universal Design in Higher Education Curriculum: B...Teaching Accessibility and Universal Design in Higher Education Curriculum: B...
Teaching Accessibility and Universal Design in Higher Education Curriculum: B...Howard Kramer
 
Shallow Dive in Univarsal usability and its need
Shallow Dive in Univarsal usability and its needShallow Dive in Univarsal usability and its need
Shallow Dive in Univarsal usability and its needNasimul Gani
 
Thomas Jefferson to Jeremiah A. Goodman, March 5, 1813Of
Thomas Jefferson to Jeremiah A. Goodman, March 5, 1813Of Thomas Jefferson to Jeremiah A. Goodman, March 5, 1813Of
Thomas Jefferson to Jeremiah A. Goodman, March 5, 1813Of TakishaPeck109
 
5Principles of Universal Design for LearningLearnin.docx
5Principles of Universal Design  for LearningLearnin.docx5Principles of Universal Design  for LearningLearnin.docx
5Principles of Universal Design for LearningLearnin.docxalinainglis
 
Teaching Accessibility and Universal Design in Higher Education Curriculum - ...
Teaching Accessibility and Universal Design in Higher Education Curriculum - ...Teaching Accessibility and Universal Design in Higher Education Curriculum - ...
Teaching Accessibility and Universal Design in Higher Education Curriculum - ...Howard Kramer
 
Universal Design - Updated
Universal Design - UpdatedUniversal Design - Updated
Universal Design - Updatedzabackka
 
Principles of Universal Design
Principles of Universal DesignPrinciples of Universal Design
Principles of Universal DesignAlena Huang
 
Making a Web for Everyone
Making a Web for EveryoneMaking a Web for Everyone
Making a Web for EveryoneMichael Larsen
 
empowerment-4_compress.pdf in senior high school students PSU
empowerment-4_compress.pdf in senior high school students PSUempowerment-4_compress.pdf in senior high school students PSU
empowerment-4_compress.pdf in senior high school students PSUaliyahdalogdogan
 

Ähnlich wie Case study 2 Human Computer Interaction (20)

UXPA2019 Enhancing the User Experience for People with Disabilities: Top 10 ...
UXPA2019  Enhancing the User Experience for People with Disabilities: Top 10 ...UXPA2019  Enhancing the User Experience for People with Disabilities: Top 10 ...
UXPA2019 Enhancing the User Experience for People with Disabilities: Top 10 ...
 
Case Study 2 HCI
Case Study 2 HCICase Study 2 HCI
Case Study 2 HCI
 
Universal usability
Universal usabilityUniversal usability
Universal usability
 
Aditya Kumar Verma_18352002_Universal Usibility
Aditya Kumar Verma_18352002_Universal UsibilityAditya Kumar Verma_18352002_Universal Usibility
Aditya Kumar Verma_18352002_Universal Usibility
 
UX Design - Lecture # 2.pptx
UX Design - Lecture # 2.pptxUX Design - Lecture # 2.pptx
UX Design - Lecture # 2.pptx
 
Teaching Accessibility and Universal Design in Higher Education - COLTT 2017
Teaching Accessibility and Universal Design in Higher Education - COLTT 2017Teaching Accessibility and Universal Design in Higher Education - COLTT 2017
Teaching Accessibility and Universal Design in Higher Education - COLTT 2017
 
Teach Accessibility and Universal Design in Higher Education (AHEAD 2017)
Teach Accessibility and Universal Design in Higher Education (AHEAD 2017)Teach Accessibility and Universal Design in Higher Education (AHEAD 2017)
Teach Accessibility and Universal Design in Higher Education (AHEAD 2017)
 
Teaching Accessibility and Universal Design in Higher Education Curriculum: B...
Teaching Accessibility and Universal Design in Higher Education Curriculum: B...Teaching Accessibility and Universal Design in Higher Education Curriculum: B...
Teaching Accessibility and Universal Design in Higher Education Curriculum: B...
 
Shallow Dive in Univarsal usability and its need
Shallow Dive in Univarsal usability and its needShallow Dive in Univarsal usability and its need
Shallow Dive in Univarsal usability and its need
 
Universal design for e learning final
Universal design for e learning finalUniversal design for e learning final
Universal design for e learning final
 
Thomas Jefferson to Jeremiah A. Goodman, March 5, 1813Of
Thomas Jefferson to Jeremiah A. Goodman, March 5, 1813Of Thomas Jefferson to Jeremiah A. Goodman, March 5, 1813Of
Thomas Jefferson to Jeremiah A. Goodman, March 5, 1813Of
 
5Principles of Universal Design for LearningLearnin.docx
5Principles of Universal Design  for LearningLearnin.docx5Principles of Universal Design  for LearningLearnin.docx
5Principles of Universal Design for LearningLearnin.docx
 
Teaching Accessibility and Universal Design in Higher Education Curriculum - ...
Teaching Accessibility and Universal Design in Higher Education Curriculum - ...Teaching Accessibility and Universal Design in Higher Education Curriculum - ...
Teaching Accessibility and Universal Design in Higher Education Curriculum - ...
 
Universal usability
Universal usabilityUniversal usability
Universal usability
 
Universal Design - Updated
Universal Design - UpdatedUniversal Design - Updated
Universal Design - Updated
 
Principles of Universal Design
Principles of Universal DesignPrinciples of Universal Design
Principles of Universal Design
 
Chapter 4
Chapter 4 Chapter 4
Chapter 4
 
Making a Web for Everyone
Making a Web for EveryoneMaking a Web for Everyone
Making a Web for Everyone
 
Lecture1.ppt
Lecture1.pptLecture1.ppt
Lecture1.ppt
 
empowerment-4_compress.pdf in senior high school students PSU
empowerment-4_compress.pdf in senior high school students PSUempowerment-4_compress.pdf in senior high school students PSU
empowerment-4_compress.pdf in senior high school students PSU
 

Kürzlich hochgeladen

Sunlight Spectacle 2024 Practical Action Launch Event 2024-04-08
Sunlight Spectacle 2024 Practical Action Launch Event 2024-04-08Sunlight Spectacle 2024 Practical Action Launch Event 2024-04-08
Sunlight Spectacle 2024 Practical Action Launch Event 2024-04-08LloydHelferty
 
Engaging Eid Ul Fitr Presentation for Kindergartners.pptx
Engaging Eid Ul Fitr Presentation for Kindergartners.pptxEngaging Eid Ul Fitr Presentation for Kindergartners.pptx
Engaging Eid Ul Fitr Presentation for Kindergartners.pptxAsifArshad8
 
Understanding Post Production changes (PPC) in Clinical Data Management (CDM)...
Understanding Post Production changes (PPC) in Clinical Data Management (CDM)...Understanding Post Production changes (PPC) in Clinical Data Management (CDM)...
Understanding Post Production changes (PPC) in Clinical Data Management (CDM)...soumyapottola
 
Don't Miss Out: Strategies for Making the Most of the Ethena DigitalOpportunity
Don't Miss Out: Strategies for Making the Most of the Ethena DigitalOpportunityDon't Miss Out: Strategies for Making the Most of the Ethena DigitalOpportunity
Don't Miss Out: Strategies for Making the Most of the Ethena DigitalOpportunityApp Ethena
 
cse-csp batch4 review-1.1.pptx cyber security
cse-csp batch4 review-1.1.pptx cyber securitycse-csp batch4 review-1.1.pptx cyber security
cse-csp batch4 review-1.1.pptx cyber securitysandeepnani2260
 
Testing with Fewer Resources: Toward Adaptive Approaches for Cost-effective ...
Testing with Fewer Resources:  Toward Adaptive Approaches for Cost-effective ...Testing with Fewer Resources:  Toward Adaptive Approaches for Cost-effective ...
Testing with Fewer Resources: Toward Adaptive Approaches for Cost-effective ...Sebastiano Panichella
 
RACHEL-ANN M. TENIBRO PRODUCT RESEARCH PRESENTATION
RACHEL-ANN M. TENIBRO PRODUCT RESEARCH PRESENTATIONRACHEL-ANN M. TENIBRO PRODUCT RESEARCH PRESENTATION
RACHEL-ANN M. TENIBRO PRODUCT RESEARCH PRESENTATIONRachelAnnTenibroAmaz
 
General Elections Final Press Noteas per M
General Elections Final Press Noteas per MGeneral Elections Final Press Noteas per M
General Elections Final Press Noteas per MVidyaAdsule1
 
GESCO SE Press and Analyst Conference on Financial Results 2024
GESCO SE Press and Analyst Conference on Financial Results 2024GESCO SE Press and Analyst Conference on Financial Results 2024
GESCO SE Press and Analyst Conference on Financial Results 2024GESCO SE
 
Testing and Development Challenges for Complex Cyber-Physical Systems: Insigh...
Testing and Development Challenges for Complex Cyber-Physical Systems: Insigh...Testing and Development Challenges for Complex Cyber-Physical Systems: Insigh...
Testing and Development Challenges for Complex Cyber-Physical Systems: Insigh...Sebastiano Panichella
 
INDIAN GCP GUIDELINE. for Regulatory affair 1st sem CRR
INDIAN GCP GUIDELINE. for Regulatory  affair 1st sem CRRINDIAN GCP GUIDELINE. for Regulatory  affair 1st sem CRR
INDIAN GCP GUIDELINE. for Regulatory affair 1st sem CRRsarwankumar4524
 
Scootsy Overview Deck - Pan City Delivery
Scootsy Overview Deck - Pan City DeliveryScootsy Overview Deck - Pan City Delivery
Scootsy Overview Deck - Pan City Deliveryrishi338139
 
Application of GIS in Landslide Disaster Response.pptx
Application of GIS in Landslide Disaster Response.pptxApplication of GIS in Landslide Disaster Response.pptx
Application of GIS in Landslide Disaster Response.pptxRoquia Salam
 
05.02 MMC - Assignment 4 - Image Attribution Lovepreet.pptx
05.02 MMC - Assignment 4 - Image Attribution Lovepreet.pptx05.02 MMC - Assignment 4 - Image Attribution Lovepreet.pptx
05.02 MMC - Assignment 4 - Image Attribution Lovepreet.pptxerickamwana1
 

Kürzlich hochgeladen (14)

Sunlight Spectacle 2024 Practical Action Launch Event 2024-04-08
Sunlight Spectacle 2024 Practical Action Launch Event 2024-04-08Sunlight Spectacle 2024 Practical Action Launch Event 2024-04-08
Sunlight Spectacle 2024 Practical Action Launch Event 2024-04-08
 
Engaging Eid Ul Fitr Presentation for Kindergartners.pptx
Engaging Eid Ul Fitr Presentation for Kindergartners.pptxEngaging Eid Ul Fitr Presentation for Kindergartners.pptx
Engaging Eid Ul Fitr Presentation for Kindergartners.pptx
 
Understanding Post Production changes (PPC) in Clinical Data Management (CDM)...
Understanding Post Production changes (PPC) in Clinical Data Management (CDM)...Understanding Post Production changes (PPC) in Clinical Data Management (CDM)...
Understanding Post Production changes (PPC) in Clinical Data Management (CDM)...
 
Don't Miss Out: Strategies for Making the Most of the Ethena DigitalOpportunity
Don't Miss Out: Strategies for Making the Most of the Ethena DigitalOpportunityDon't Miss Out: Strategies for Making the Most of the Ethena DigitalOpportunity
Don't Miss Out: Strategies for Making the Most of the Ethena DigitalOpportunity
 
cse-csp batch4 review-1.1.pptx cyber security
cse-csp batch4 review-1.1.pptx cyber securitycse-csp batch4 review-1.1.pptx cyber security
cse-csp batch4 review-1.1.pptx cyber security
 
Testing with Fewer Resources: Toward Adaptive Approaches for Cost-effective ...
Testing with Fewer Resources:  Toward Adaptive Approaches for Cost-effective ...Testing with Fewer Resources:  Toward Adaptive Approaches for Cost-effective ...
Testing with Fewer Resources: Toward Adaptive Approaches for Cost-effective ...
 
RACHEL-ANN M. TENIBRO PRODUCT RESEARCH PRESENTATION
RACHEL-ANN M. TENIBRO PRODUCT RESEARCH PRESENTATIONRACHEL-ANN M. TENIBRO PRODUCT RESEARCH PRESENTATION
RACHEL-ANN M. TENIBRO PRODUCT RESEARCH PRESENTATION
 
General Elections Final Press Noteas per M
General Elections Final Press Noteas per MGeneral Elections Final Press Noteas per M
General Elections Final Press Noteas per M
 
GESCO SE Press and Analyst Conference on Financial Results 2024
GESCO SE Press and Analyst Conference on Financial Results 2024GESCO SE Press and Analyst Conference on Financial Results 2024
GESCO SE Press and Analyst Conference on Financial Results 2024
 
Testing and Development Challenges for Complex Cyber-Physical Systems: Insigh...
Testing and Development Challenges for Complex Cyber-Physical Systems: Insigh...Testing and Development Challenges for Complex Cyber-Physical Systems: Insigh...
Testing and Development Challenges for Complex Cyber-Physical Systems: Insigh...
 
INDIAN GCP GUIDELINE. for Regulatory affair 1st sem CRR
INDIAN GCP GUIDELINE. for Regulatory  affair 1st sem CRRINDIAN GCP GUIDELINE. for Regulatory  affair 1st sem CRR
INDIAN GCP GUIDELINE. for Regulatory affair 1st sem CRR
 
Scootsy Overview Deck - Pan City Delivery
Scootsy Overview Deck - Pan City DeliveryScootsy Overview Deck - Pan City Delivery
Scootsy Overview Deck - Pan City Delivery
 
Application of GIS in Landslide Disaster Response.pptx
Application of GIS in Landslide Disaster Response.pptxApplication of GIS in Landslide Disaster Response.pptx
Application of GIS in Landslide Disaster Response.pptx
 
05.02 MMC - Assignment 4 - Image Attribution Lovepreet.pptx
05.02 MMC - Assignment 4 - Image Attribution Lovepreet.pptx05.02 MMC - Assignment 4 - Image Attribution Lovepreet.pptx
05.02 MMC - Assignment 4 - Image Attribution Lovepreet.pptx
 

Case study 2 Human Computer Interaction

  • 1. DFP30033 Human Computer Interaction PN. MONA BINTI AZIZAN AFIQ IQBAL BIN SHARULNIZAM 01DDT19F1081 MOHAMAD AMIRUL AMIN BIN MOHD NAZLI 01DDT19F1080 KHAIRUL AIDID BIN MAT RASBI 01DDT19F1087 MUHAMMAD ASHRAF BIN ABD WAHADI 01DDT19F1094
  • 2. Question A (A) The World Wide Web has rapidly become the dominant Internet tool, combining hypertext and multimedia to provide a network of educational, governmental, and commercial resources. To create resources that can be used by the widest spectrum of potential website visitors rather than an idealized average, webmasters can apply universal design principles. This requires that they consider the needs of individuals with disabilities, older persons, people for whom English is a second language, and those using outdated hardware and software. They should routinely think of the broad range of characteristics their site visitors might have and design it to make their resources accessible to everyone GIANT Malaysia were aware that their website was not designed to be as accessible and usable to all users especially for disabilities user. Building web content that is consistent, accessible, and usable can be a challenge for web development teams. You and your team as a web design/web content must consider adopting standards or guidelines to develop the web. 1) Explains 5 important aspects to get started designing accessible web pages 2) Propose a technology that can make your web accessible to people with a wide range of abilities and disabilities as below: a) Blind people b) Hearing impairments c) Mobility impairment
  • 3. 5 important aspects to get started designing accessible web pages 1. Allow Users to Enlarge Font Sizes
  • 4. 2.Keep Contrast Sensitivity in Mind Along with text size, think about color and contrast. People with vision impairments such as cataract have low color contrast sensitivity.
  • 6. 4. Provide controls for content that starts automatically Provide visible controls to allow users to stop any animations or auto-playing sound. This applies to carousels, image sliders, background sound, and videos.
  • 7. 5.Use headings and spacing to group related content Use whitespace and proximity to make relationships between content more apparent. Style headings to group content, reduce clutter, and make it easier to scan and understand.
  • 8. Propose a technology that can make your web accessible to people with a wide range of abilities and disabilities as below: a) Blind people • Provide the voice and sound system b) Hearing impairments • Provide a video tutorial and put the subtitle in the video c) Mobility impairment • Provide the voice system
  • 9. Question b( Flexibility in use )principle 2 "When all users' needs are taken into consideration in the initial design process, the result is a product that can be used by the broadest spectrum of users."Justify about above statement and give ONE example of applying a Universal Design approach which is ‘flexibility in use’ when designing : tools, software,hardware, workspace and etc.
  • 10. Flexibility in use The design accommodates a wide range of individual preferences and abilities. • It provides choice in methods of use. • It accommodates right or left handed access and use. • It facilitates the user’s accuracy and precision. • It provides adaptability to the user’s pace.
  • 11. Example flexibility in use (tools,hardware,software and workplace) Example a hybrid tablet that also functions as a laptop. • It runs anywhere • It works well with others • It doesn’t hold you back • It can use tools
  • 12. Question c Universal Design has been mistakenly described as the search for a one-size-fits-all design or “Universal Design is not just about 'one size fits all'.” Describe about this statement to make sure designers should strive to create a design that does not exclude or segregate all the user.
  • 13. Universal Design.. What is Universal Design is one size fits all • "One size fits all" is a description for a product that would fit in all instances. The term has been extended to mean one style or procedure would fit in all related applications. It is an alternative for "Not everyone fits the mold ".It has been in use for over 5 decades.
  • 14. Universal Design 'one size fits all' Example of One Size fits all .. Here are some of the design trade-offs one is usually called on to address: • Visitors would like to enjoy personalized experiences tailored to their culture, age, interests and previous experiences. • ICT people may propose enhancing visitor’s experience through new technologies, such as wireless sensors, augmented reality devices, interactive displays. • Novel technologies may offer personalized experiences, but they may also require access to the Internet and localization features that cannot be available everywhere.
  • 15. Universal Design is not just about 'one size fits all' Universal Design has been mistakenly described as the search for a one-size-fits-all design. Universal Design does encourage designers to consider the wide-ranging abilities of their users. And where possible, an optimal design that caters for as many people as possible should be sought after. But a more universal solution can also incorporate, for example, customisable features that can be adapted from user to user, smart features that learn a user's preferences after multiple uses (most relevant to ICT), and specialised solutions to meet particular needs. The aim is to provide the same (or equivalent) experiences, activities and services to everyone. It is accepted that these may have to be provided through slightly different routes or interfaces, but designers should strive to create a design that does not exclude or segregate.
  • 16. Universal Design is not just about 'one size fits all' Example of Not one size fits all • For example, when installing a handle on a door, it is always better to opt for a lever handle, rather than a door knob, as the lever handle can be opened using the elbow or a closed fist, benefiting people carrying shopping bags as well as people with limited strength in their hands.
  • 17. Question d (d) Explain the learning environment in Figure 1 that could offer a way to meaningfully participate in the social aspects of learning nowadays.
  • 18. The virtual through online engagement will show that students who were motivated to achieve success in a traditional setting are also the most adaptable to the virtual environment. Students who had been unfamiliar with the virtual course environment may prefer the new approaches to learning and the dissemination of material. Through online discussion forums, students can work with peers and their instructor to address concerns, furthering engagement. Homework, group assignments, and research assignments may also be enhanced in the online environment if the course is built with careful attention directed towards desired outcomes. During this period of transition, students seem to perform best in the online setting when traditional class methods are simulated.
  • 19. Face-to-face learning is an instructional method where course content and learning material are taught in person to a group of students. This allows for a live interaction between a learner and an instructor. It is the most traditional type of learning instruction. Face-to-face learning : Ensures a better understanding and recollection of lesson content and gives class members a chance to bond with one another. is essentially a teacher-centered method of education, and tends to vary widely among cultures. Many modern education systems have largely shifted away from traditional face-to-face forms of educational instruction, in favor of individual students’ needs.