VOOZH about

URL: https://www.coursera.org/learn/xbox-interaction-design-and-ux-ui-principles

⇱ Interaction Design and UX/UI Principles | Coursera


Interaction Design and UX/UI Principles

Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.

Interaction Design and UX/UI Principles

Instructor: Xbox

2,598 already enrolled

Included with

β€’

Learn more

Ask Coursera

Gain insight into a topic and learn the fundamentals.
4.8

15 reviews

Beginner level

Recommended experience

1 week to complete
at 10 hours a week
Flexible schedule
Learn at your own pace

Gain insight into a topic and learn the fundamentals.
4.8

15 reviews

Beginner level

Recommended experience

1 week to complete
at 10 hours a week
Flexible schedule
Learn at your own pace

Build your Marketing expertise

This course is part of the Xbox Graphic Designer Professional Certificate
When you enroll in this course, you'll also be enrolled in this Professional Certificate.
  • 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 from Xbox

There are 3 modules in this course

This comprehensive UX/UI design course empowers you to create intuitive and engaging digital products. Starting with foundational interaction design principles, you'll learn to craft user-friendly flows and wireframes. Next, bring your ideas to life by learning wireframing and prototyping techniques in Figma. Then, gain a deeper understanding of UX/UI principles, creating aesthetically pleasing and functional interfaces that prioritize the user experience. Finally, refine your designs through effective client feedback and iteration, ensuring your final product meets both user needs and business goals. By the end, you'll be equipped to design exceptional user experiences from concept to polished prototype.

By the end of this course you'll be able to: β€’ Recognize and apply interaction design principles to create user-friendly digital products. β€’ Develop skills in creating wireframes and prototypes using Figma. β€’ Apply UX/UI design principles to create visually appealing and functional interfaces. β€’ Complete a final project demonstrating the ability to design a user-friendly digital interface. This is an introduction course, intended for learners with a passion for art and design, graphic designers who want to expand their skillset and add UX/UI design to their repertoire, web developers who want to learn how to design user-centered interfaces that enhance the functionality and usability of websites and applications, or anyone passionate about creating great user experiences. To succeed in this course, you should have basic literacy, some familiarity with basic design principles, and access to Figma.

In this module, you'll gain a foundation in Figma's interface, key features, and project setup, empowering you to navigate the platform with confidence. Learn how to create and manipulate various design elements like shapes, images, and text, utilizing layers, groups, and the powerful pen tool to bring your creative visions to life. Learn Figma's tools to craft visually appealing and effective designs that communicate your message with clarity and style.

What's included

20 videos4 readings4 assignments

20 videosβ€’Total 61 minutes
  • Welcome to Interaction Design and UX/UI Principlesβ€’3 minutes
  • Welcome to Figmaβ€’3 minutes
  • Figma: Unleash your design potentialβ€’3 minutes
  • Navigating the Figma Interfaceβ€’3 minutes
  • Creating a new Figma projectβ€’3 minutes
  • Figma's basic shapes and drawing toolsβ€’4 minutes
  • Shape up your designs with Figmaβ€’2 minutes
  • Add elements to the Figma canvasβ€’2 minutes
  • Import and add images to Figmaβ€’2 minutes
  • Transform and arrange elementsβ€’3 minutes
  • Layers and groups: Organizing your designsβ€’3 minutes
  • Create layers and groups in Figmaβ€’2 minutes
  • The pen tool in Figmaβ€’2 minutes
  • Text basics in Figmaβ€’4 minutes
  • Basic color and typography toolsβ€’4 minutes
  • Words and colors: The language of designβ€’2 minutes
  • Working with text layers in Figmaβ€’3 minutes
  • Frames and layoutsβ€’4 minutes
  • Typography tips and tricksβ€’4 minutes
  • Text styles and organizationβ€’4 minutes
4 readingsβ€’Total 40 minutes
  • Welcome to the interaction design and UX/UI principles syllabusβ€’10 minutes
  • Meet Γ‰lan Coutureβ€’10 minutes
  • Accessing Figmaβ€’10 minutes
  • Key features of Figmaβ€’10 minutes
4 assignmentsβ€’Total 120 minutes
  • Activity: Create a mood board for Γ‰lan Coutureβ€’60 minutes
  • Applying interaction designβ€’30 minutes
  • Recognize Figma's key featuresβ€’15 minutes
  • Identify Figma essentialsβ€’15 minutes

This demonstrates how to create intuitive and user-friendly interfaces. Learn the core principles of interaction design and differentiate between key principles like affordance, consistency and visibility and their impact on user experiences. By applying best practices, you'll gain the skills to design interfaces that are not only visually appealing but also functional, accessible, and enjoyable for users.

What's included

16 videos5 readings4 assignments

16 videosβ€’Total 56 minutes
  • Welcome to interaction in designβ€’2 minutes
  • Day in a life: Jessica Elliotβ€’5 minutes
  • The psychology of interaction design principlesβ€’4 minutes
  • Affordance: Making interactions intuitiveβ€’2 minutes
  • Good vs. bad user feedback: A side-by-side comparisonβ€’3 minutes
  • The user's journey: A frustrating experienceβ€’3 minutes
  • Consistency across platforms and productsβ€’5 minutes
  • The power of consistency: A user's dayβ€’2 minutes
  • Building consistency with design systemsβ€’3 minutes
  • Understanding user flows: Mapping the user journeyβ€’5 minutes
  • Creating user flows in Figmaβ€’2 minutes
  • The impact of visibility: Finding hidden featuresβ€’4 minutes
  • Common interaction design mistakes to avoidβ€’5 minutes
  • Competitive analysis: Comparing design approachesβ€’4 minutes
  • Why analyze existing products?β€’4 minutes
  • The evolution of a mobile app UIβ€’3 minutes
5 readingsβ€’Total 50 minutes
  • Interaction design basicsβ€’10 minutes
  • 10 principles of interaction designβ€’10 minutes
  • Heuristics for user interface designβ€’10 minutes
  • Case studies in interaction designβ€’10 minutes
  • Best practices in interaction designβ€’10 minutes
4 assignmentsβ€’Total 120 minutes
  • Activity: Create a user flow for Elan Coutureβ€’60 minutes
  • Recognize design mistakes and best practicesβ€’30 minutes
  • Principles of effective interaction designsβ€’15 minutes
  • Identify the principles of a user flowβ€’15 minutes

In this module, explore the principles and guidelines of UX/UI design, learning how to apply them effectively within Figma. Practice incorporating interaction design principles into your wireframes, ensuring clarity, usability, and visual appeal.

What's included

11 videos4 readings6 assignments

11 videosβ€’Total 37 minutes
  • Welcome to UX/UI design in Figmaβ€’2 minutes
  • Purpose of wireframesβ€’4 minutes
  • Wireframing essentials: Building the skeletal structureβ€’4 minutes
  • Wireframing in action: From sketch to digitalβ€’3 minutes
  • Introduction to UX/UI designβ€’4 minutes
  • UX design processβ€’3 minutes
  • User personas and scenariosβ€’4 minutes
  • Creating user personas in Figmaβ€’3 minutes
  • Information architecture and user flowsβ€’4 minutes
  • Designing for accessibilityβ€’4 minutes
  • Creating interactive UX/UI prototypes and Using color and typography in Figmaβ€’3 minutes
4 readingsβ€’Total 40 minutes
  • Exemplar: Wireframe the Elan Couture shopping experienceβ€’10 minutes
  • Core principles of UX designβ€’10 minutes
  • The elements of user experienceβ€’10 minutes
  • Interaction Design and UX/UI Principles Summaryβ€’10 minutes
6 assignmentsβ€’Total 225 minutes
  • Activity: Wireframe the Elan Couture shopping experienceβ€’60 minutes
  • Activity: Bring your Elan Couture wireframes to lifeβ€’90 minutes
  • Recognize UX/UI designβ€’30 minutes
  • Applying interaction designβ€’15 minutes
  • Identify principles of UX/UI designβ€’15 minutes
  • Using UX/UI design principles and personasβ€’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.

Instructor

Xbox
10 Coursesβ€’24,864 learners

Explore more from Marketing

Why people choose Coursera for their career

πŸ‘ Image

Felipe M.

Learner since 2018
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."
πŸ‘ Image

Jennifer J.

Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."
πŸ‘ Image

Larry W.

Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."
πŸ‘ Image

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Learner reviews

  • 5 stars

    86.66%

  • 4 stars

    6.66%

  • 3 stars

    6.66%

  • 2 stars

    0%

  • 1 star

    0%

Showing 3 of 15

BA
Β·

Reviewed on Mar 28, 2025

This course greatly improves my knowledge and skills in wireframing, prototyping and other UI/UX design principles.

Frequently asked questions

To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

When you enroll in the course, you get access to all of the courses in the Certificate, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.

Financial aid available,