UX/UI Design Fundamentals: Usability and Visual Principles
Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.
UX/UI Design Fundamentals: Usability and Visual Principles
This course is part of multiple programs.
Instructors: SkillUp
3,777 already enrolled
Included with
Ask Coursera
15 reviews
Recommended experience
15 reviews
Recommended experience
What you'll learn
Job-ready skills in UX/UI fundamentals you need to kickstart your UI/UX career journey
How to conduct user research, competitor analysis, and heuristic evaluations to identify usability issues and enhance user experiences
Apply visual design principles such as typography, color theory, and layout techniques to create visually appealing and functional interfaces
Gain hands-on experience designing interactive prototypes and microinteractions using tools like Figma, Miro, and Draw.io to boost user engagement
Skills you'll gain
- Prototyping
- User Centered Design
- UI/UX Strategy
- Usability
- User Experience
- Responsive Web Design
- User Flows
- Persona (User Experience)
- User Interface (UI)
- Design Elements And Principles
- User Interface and User Experience (UI/UX) Design
- Graphic and Visual Design
- Typography
- User Interface (UI) Design
- Interaction Design
- User Research
- UI/UX Research
- Layout Design
- Interactive Design
Details to know
See how employees at top companies are mastering in-demand skills
Build your subject-matter expertise
- Learn new concepts from industry experts
- Gain a foundational understanding of a subject or tool
- Develop job-relevant skills with hands-on projects
- Earn a shareable career certificate
There are 4 modules in this course
The user interface (UI) design market is growing fast, driven by the increasing demand for digital products that prioritize user experience (UX) (Global Growth Insights).
This course offers an in-depth exploration of UX/UI fundamentals, design thinking, user-centered methodologies, interaction principles, and the strategic use of UX animations, enabling learners to craft seamless, visually engaging, and highly functional digital experiences. During the course, you’ll look at key aspects of UX/UI design, how to conduct heuristic evaluations to identify and fix usability issues and use user journey mapping to understand and optimize user flows. You’ll explore A/B testing techniques that help you make data-driven design decisions. Plus, you’ll dive into microinteraction design to create engaging user interactions and learn to build responsive user interfaces that ensures consistency across different devices. Using industry-leading tools like Miro and Figma, you’ll apply your skills through hands-on labs, real-world design challenges, and usability testing frameworks. Then, you’ll complete a project designing a fully interactive UX/UI prototype for a health and fitness app, conduct usability testing, gather feedback, and refine your design to create a polished product, perfect for your portfolio! If you’re keen to kickstart your UX/UI career with the core UI/UX skills employers are looking for, enroll today!
This module introduces the fundamentals of UX/UI design, differentiating their roles and exploring design thinking as a problem-solving approach. Learners will explore user research methods, heuristic evaluations, competitor analysis, and how to build user personas and empathy maps.
What's included
10 videos3 readings3 assignments11 plugins
10 videos•Total 61 minutes
- Course Introduction•3 minutes
- Meet Your Experts•4 minutes
- Common UX/UI Mistakes and Their Impact •7 minutes
- UX Research Methods and Techniques•8 minutes
- Usability in UX: Definition and Importance•6 minutes
- Expert Viewpoints: Role of UI and UX in Usability•7 minutes
- Core Design Principles in UX/UI•6 minutes
- User Research: How to Build Personas•7 minutes
- Mapping User Journeys •7 minutes
- Expert Viewpoints: User-Centered Design and Best Practices•7 minutes
3 readings•Total 15 minutes
- Course Overview•10 minutes
- Summary and Highlights: UX versus UI Fundamentals •2 minutes
- Summary and Highlights: Design Principles and User-Centered Approach•3 minutes
3 assignments•Total 41 minutes
- Graded Quiz: Introduction to UX/UI and Design Thinking•21 minutes
- Practice Quiz: UX versus UI Fundamentals•10 minutes
- Practice Quiz: Design Principles & User-Centered Approach•10 minutes
11 plugins•Total 125 minutes
- Reading: Foundations of System Design in UX/UI•10 minutes
- Reading: How to Make the Most of This Course•5 minutes
- Lab: User Experience Analysis and Heuristic Evaluation •20 minutes
- Reading: Why Usability Principles Matter to UX Designers •5 minutes
- Reading: Introduction to Miro•5 minutes
- Lab: UX Research and Competitor Analysis •20 minutes
- Reading: Empathy in Design and Why It Matters•5 minutes
- Lab: Creating User Personas and Empathy Maps •20 minutes
- Reading: Introduction to Draw.io •5 minutes
- Lab: Building a Customer Journey Map •20 minutes
- Glossary: Introduction to UX/UI and Design Thinking•10 minutes
This module covers usability heuristics, user testing, and interaction design. Learners will evaluate common UX mistakes, learn usability testing techniques, and implement interaction patterns such as gestures and microinteractions.
What's included
8 videos2 readings3 assignments8 plugins
8 videos•Total 54 minutes
- The 10 Usability Heuristics Explained•6 minutes
- Conducting Usability Testing and A/B Testing •8 minutes
- How to Use Analytics for UX Decisions •8 minutes
- Expert Viewpoints: Usability Heuristics, A/B Testing and User Behavior Analytics•6 minutes
- How to Create Interactive Prototypes•7 minutes
- Gesture-Based Interactions in Mobile Apps•7 minutes
- Using Animation for Better UX•7 minutes
- Expert Viewpoints: Enhancing UX using Microinteractions•5 minutes
2 readings•Total 7 minutes
- Summary and Highlights: Usability Heuristics and User Testing•4 minutes
- Summary and Highlights: Interaction Design and Microinteractions•3 minutes
3 assignments•Total 41 minutes
- Graded Quiz: Usability and Interaction Design•21 minutes
- Practice Quiz: Usability Heuristics and User Testing•10 minutes
- Practice Quiz: Interaction Design and Microinteractions•10 minutes
8 plugins•Total 129 minutes
- Reading: Heuristic Evaluation: Applying Nielsen’s Usability Principles in Real Life •7 minutes
- Lab: Heuristic Evaluation of a Mobile App •20 minutes
- Reading: Conducting Usability Testing and A/B Testing•4 minutes
- Lab: Usability Testing and A/B Testing Setup •20 minutes
- Reading: The Role of Microinteractions in UI•3 minutes
- Lab: Designing Microinteractions •45 minutes
- Lab: Interactive Navigation and Gestures •20 minutes
- Module Glossary: Usability and Interaction Design •10 minutes
This module delves into the visual elements of UI design, including color psychology, typography, contrast, and grid layouts. Learners will design accessible and visually engaging interfaces by applying visual hierarchy and spacing techniques.
What's included
8 videos2 readings3 assignments7 plugins
8 videos•Total 52 minutes
- Color Psychology in UI Design•7 minutes
- How to Choose the Right Fonts•6 minutes
- Analyzing Visual Hierarchy in UI•6 minutes
- Expert Viewpoints: Color Psychology, Typography and Visual Hierarchy•6 minutes
- How to Use a Grid System in UI•6 minutes
- Designing for Different Screen Sizes •7 minutes
- Adaptive versus Responsive Design Layouts•7 minutes
- Expert Viewpoints: Layouts, Grids, and Spacing•5 minutes
2 readings•Total 6 minutes
- Summary and Highlights: Color Theory and Typography•3 minutes
- Summary and Highlights: Layout, Grids, and Spacing •3 minutes
3 assignments•Total 41 minutes
- Graded Quiz: Visual Design and Aesthetic Usability•21 minutes
- Practice Quiz: Color Theory and Typography•10 minutes
- Practice Quiz: Layout, Grids, and Spacing •10 minutes
7 plugins•Total 170 minutes
- Lab: Building a Color and Typography System •30 minutes
- Reading: Contrast and Readability: Best Practices •5 minutes
- Lab: Accessibility Testing for Color and Fonts •30 minutes
- Lab: Grid-Based Wireframe Design •45 minutes
- Reading: Spacing and Alignment Techniques •5 minutes
- Lab: Mobile Responsive Layout Design •45 minutes
- Module Glossary: Visual Design and Aesthetic Usability •10 minutes
In this final module, learners will apply their skills to develop a high-fidelity prototype, conduct usability testing, and iterate based on real-world feedback. This module also emphasizes portfolio building to showcase UX/UI expertise.
What's included
1 video2 readings2 assignments3 plugins
1 video•Total 4 minutes
- Course Wrap-Up •4 minutes
2 readings•Total 4 minutes
- Congratulations and Next Steps •2 minutes
- Thanks from the Course Team •2 minutes
2 assignments•Total 60 minutes
- Final Project Submission: Redesigning Online Grocery Shopping with UX/UI Design•15 minutes
- Final Exam : UX/UI Design Fundamentals: Usability and Visual Principles•45 minutes
3 plugins•Total 107 minutes
- Reading: Final Project Overview•2 minutes
- Final Project Tasks and Deliverables: Redesigning Online Grocery Shopping with UX/UI Design•90 minutes
- Glossary: UX/UI Design Fundamentals: Usability and Visual Principles•15 minutes
Earn a career certificate
Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.
Explore more from Design and Product
- Status: Free Trial
Course
- Status: Free Trial
- Status: Free Trial
Course
- Status: Free Trial
Course
Why people choose Coursera for their career
Frequently asked questions
UX/UI designers improve user experience by focusing on usability, accessibility, and esthetics. They conduct user research, create user personas, and test designs to ensure the site is intuitive. By designing clean navigation, consistent layouts, and quick load times, they help users easily interact with the website, leading to a more positive and efficient experience.
Good UX/UI design can significantly increase user engagement by making digital platforms easy to use and visually appealing. When users find a website or app intuitive and enjoyable to navigate, they are more likely to stay longer, return frequently, and even recommend it to others. Well-designed interfaces can also reduce user frustration, leading to a higher conversion rate and customer loyalty.
UX/UI designers ensure accessibility by following web accessibility guidelines (such as WCAG) to make products usable by people with disabilities. This includes designing for screen readers, using high-contrast colors for readability, providing keyboard navigation, and creating flexible layouts that work across different devices and screen sizes.
More questions
Financial aid available,
¹ Some assignments in this course are AI-graded. For these assignments, your data will be used in accordance with Coursera's Privacy Notice.
