10152130UIUX and Web Accessibility
Course Information
Description
This course explores the fundamentals of user experience design (UX), user interface design (UX), and web accessibility. With a focus on user-centered design, students will conduct and analyze user research, build diagrams, and develop a working desktop prototype. Topics include design principles, UI evaluation techniques, design ethics, web inclusivity, and assistive technology. Web Content Accessibility Guidelines (WCAG) are investigated and applied with a coded website. Students will have an opportunity to earn two digital badges: Teamwork and Web Accessibility Fundamentals.
Total Credits
3
Prior Learning Assessment
  • Experiential-Portfolio
Course Competencies
  1. Explore the User Experience (UX) design process
    Assessment Strategies
    Team project
    Exam
    Criteria
    Summarize the business strategy and purpose
    Identify target users, their goals, needs, and motivations
    Document each UX process by documenting business and user research, site map, user flow, and wireframe design
    Communicate each process within a team environment

  2. Interpret findings of user research
    Assessment Strategies
    Team project
    Written document summarizing contextual inquiry
    Design document illustrating card sort and persona research
    Criteria
    Identify user needs and preferences including user goals, pain points, and generalates of specific user groups, as well as their values motivations, and behaviors
    Conduct a competitor analysis to identify gaps and opportunities for an improved user experience
    Use appropriate methods and techniques including a card sort study, contextual inquiry, and other research methods as they apply to the design goals
    Document user behavior through user observations, interviews, and surveys
    Develop user scenarios to describe how a user may interact with a website.
    Analyze and interpret user research data to inform design decisions
    Reflect on implicit bias and its effects on user research

  3. Design mobile and desktop user interface
    Assessment Strategies
    Written product
    Project
    Presentation
    Criteria
    Use a heuristic evaluation to design a user interface
    Choose effective fonts, color, and imagery
    Explore common design patterns and standards
    Establish an information hierarchy in website layout and navigation system.
    Justify design choices and their impact on user experience
    Web designs present imagery and language that promote awareness of diverse identities

  4. Evaluate user interface (UI) design
    Assessment Strategies
    Presentation
    Peer reviews
    Criteria
    Critique desktop and mobile interface designs using user interface (UI) heuristics
    Analyze user flow, visual design, and user expectations
    Critique meets expectations as identified by instructor

  5. Perform accessibility tests
    Assessment Strategies
    Level AA compliant website project
    Presentation
    Accessible HTML coding assignment
    Exam
    Criteria
    Examine color contrast
    Test for color blindness
    Use accessibility checkers
    Project is in compliance with WCAG AA
    Project shows evidence (consideration) of user diversity (visual, auditory, cognitive, motor impairments)

  6. Explore inclusion in the design and web development industry
    Assessment Strategies
    Presentation
    Assignment
    Criteria
    Examine design ethics
    Eliminate barriers users may face when interacting with the web