ux

CHAPTER 5: UNIVERSAL DESIGN & FUTURE INTERFACE TRENDS

DFK 30023 UX FUNDAMENTAL


ACCESSIBILITY IN INTERFACE DESIGN


LEARNING OUTCOME

  • Key Concepts and Components:
      - Human-Computer Interaction (HCI): Understanding the interaction between users and computers to improve usability.
      - User Interface (UI) Design: Crafting interfaces that are easy to use, aesthetically pleasing, and efficient for users.
      - User Experience (UX) Principles: Focusing on the overall experience of the user when interacting with a digital product.
  • Practical Skills:
      - Perform user interface design and prototyping tasks based on user requirements using appropriate UX techniques.
      - Align with Course Learning Outcomes (CLO1, CLO2) and Program Learning Outcomes (PLO1, PLO3).

CONCEPT OF ACCESSIBILITY IN UI/UX

  • Definition:
      - Accessibility in UI/UX refers to the practice of designing digital products, such as websites and apps, to ensure that all individuals, including people with disabilities, can use them effectively.
  • Importance: Ensures equal access for users regardless of their physical or cognitive abilities.
  • Impairments Considered:
      - Visual Impairments: Includes blindness, low vision, and color blindness.
      - Hearing Impairments: Considers those who are deaf or hard of hearing.
      - Motor Impairments: Addresses difficulties users face while using a mouse or keyboard.
      - Cognitive Impairments: Includes conditions such as dyslexia, memory issues, and ADHD.

WHY ACCESSIBILITY MATTERS

  • Inclusive Design:
      - Ensures that everyone, regardless of ability, can effectively use the product.
  • Legal Requirement:
      - Compliance with accessibility standards, such as the Web Content Accessibility Guidelines (WCAG), is mandated in many countries.
  • Better UX for All:
      - Accessibility features (e.g., captions, voice commands) can enhance the experience for non-disabled users as well.
  • Social Responsibility:
      - Advocates for digital equality and inclusion in the technological space.

WEB ACCESSIBILITY

  • Definition:
      - Web accessibility indicates that websites, tools, and technologies are designed to be usable by people with disabilities.
  • Core Functions: Users can:
      - Perceive, Understand, Navigate, and Interact with web content.
      - Contribute to the Web: Users should be able to add content or engage fully with web platforms.
  • Outcome of Proper Design:
      - Well-designed and developed websites provide all users with equal access to information and functionality.

ACCESSIBILITY FEATURES IN USER INTERFACES

  1. Biometric Access Control:
       - Verifies an identity using a unique physical attribute or behavior.
  2. Narrator:
       - A critical accessibility tool designed to assist users who are blind or have impaired vision.
       - Narration uses either written or spoken commentary to convey text to users effectively.

EXAMPLE OF BIOMETRIC ACCESS CONTROL

  • Detailed breakdown of how biometric systems can enhance security and accessibility features.

NARRATOR FUNCTIONALITY

  • Definition:
      - Narrator is a Text-to-Speech utility designed to aid visually impaired users.
  • Capabilities:
      - Reads what appears on the screen, including active window content, menu options, and user-typed text.
  • Operational Contexts:
      - Works seamlessly with applications such as Notepad, WordPad, Control Panel programs, Microsoft Internet Explorer, the Windows desktop, and during Windows Setup.

NARRATOR USAGE AND INSTRUCTIONS

  • Main Features:
      - Describes content displayed on the screen for effective navigation.
      - Can be controlled through various input methods: keyboard, touch, and mouse.
  • Settings Options:
      - Users have access to adjust several display options within Narrator, including:
        - Options under Visual settings such as cursor and pointer customizations, magnifier features, color filters, and high contrast adjustments.
  • Activation Command:
      - To activate Narrator, users can press the Windows logo key + Ctrl + Enter.
      - It is essential to provide user-friendly controls to enable easy access.

APPENDIX

  • Acknowledgment: Thank you for your attention.