\newline Logo
Left arrow icon.
Go to Preview Lesson
Go to Preview Lesson
LESSON 4.2Making Websites Accessible
Course Thumbnail of UI/UX Foundations for Frontend Engineers.UI/UX Foundations for Frontend Engineers
  • MODULE 1
    Intro & Getting Started

    This module introduces the course objectives, provides a brief overview of NextJS, TailwindCSS, and Shadcn, and discusses the importance of good UX/UI. You'll also set up your project environment.

    • LESSON 1.1Overview of the course and objectives
    • LESSON 1.2Brief Introduction to NextJS, TailwindCSS, and Shadcn
    • LESSON 1.3The Importance of Good UX/UI
    • LESSON 1.4Setting up the project
  • MODULE 2
    Applying UX/UI Principles - Flow & Hierarchy

    Learn how to apply UX/UI principles to improve the flow and hierarchy of your software. Explore techniques for enhancing navigation and creating effective visual hierarchies.

    • LESSON 2.1Identifying Common UX/UI Flaws
    • LESSON 2.2Enhancing Visual Hierarchy
    • LESSON 2.3The importance of Typography
  • MODULE 3
    Applying UX/UI Principles - Decluttering & User Feedback

    Discover how to apply UX/UI laws and principles to improve and declutter interfaces. Learn about creating more aesthetically pleasing experiences and providing effective user feedback.

    • LESSON 3.1Identifying Common UX/UI Flaws in Cluttered Interfaces
    • LESSON 3.2Decluttering the Interface - Jakob's Law and Miller's Law
    • LESSON 3.3Decluttering the Interface - Law of Uniform Connectedness
    • LESSON 3.4User Feedback - Doherty Threshold
  • MODULE 4
    Applying UX/UI Principles - Accessibility Considerations

    Explore the importance of accessibility in software development. Learn about web accessibility principles, testing methods, and how to choose accessible color palettes.

    • LESSON 4.1Identifying Common Accessibility Issues
    • LESSON 4.2Making Websites Accessible
    • LESSON 4.3The Importance of Color in Accessibility
  • MODULE 5
    Final Touches and Review

    Review the transformed app, address common questions about UX/UI design, and explore next steps for continuing your UX/UI journey. Wrap up the course with key takeaways and encouragement for future projects.

    • LESSON 5.1Overview of the Transformed App
    • LESSON 5.2FAQ
    • LESSON 5.3Review and Next Steps
  • MODULE 6
    Advanced Package - Conversion-Centered Design

    This module covers principles of conversion-centered design. You'll learn about creating focus, building structure, and designing for trust to optimize your forms and pages for better conversion rates.

    • LESSON 6.1Principles of Conversion-Centered Design (Part 1)
    • LESSON 6.2Principles of Conversion-Centered Design (Part 2)
    • LESSON 6.3Principles of Conversion-Centered Design (Part 3)
  • MODULE 7
    Advanced Package - UX/UI Techniques to Improve Conversion Rates

    This module explores advanced UX/UI techniques to improve conversion rates. You'll learn about the Von Restorff Effect, multi-page forms, and the importance of page speed in enhancing user experience and conversions.

    • LESSON 7.1Using UX/UI Techniques to Improve Conversion Rates
    • LESSON 7.2Multi-Page Forms
    • LESSON 7.3Page Speed
  • MODULE 8
    Advanced Package - A/B Testing and Analytics with Posthog

    This module introduces A/B testing and analytics using Posthog. You'll learn how to set up Posthog, create A/B tests, define meaningful metrics, and interpret results to make informed design decisions.

    • LESSON 8.1A/B Testing and Analytics: Setting up Posthog
    • LESSON 8.2Posthog Functionalities Overview
    • LESSON 8.3Creating Your A/B Test and Learning from Results
Right arrow icon.
Go to Next Lesson
Go to Next Lesson
LESSON 5.1Overview of the Transformed App
  • Go Pro
  • Log In

The Importance of Color in Accessibility

Default Course Description

Table of Contents
  • Section 4.1Introduction
  • Section 4.2How Color Choices Impact Readability and Usability
  • Section 4.3Color Contrast and Testing
  • Section 4.4Practical Steps to Choose Accessible Color Palettes
  • Courses
  • UI/UX Foundations for Frontend Engineers
  • The Importance of Color in Accessibility
  • Go To Previous Lesson
    Making Websites Accessible
    Making Websites Accessible

    Default Course Description

  • Go To Next Lesson
    Overview of the Transformed App
    Overview of the Transformed App

    Default Course Description