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
This course is part of Xbox Graphic Designer Professional Certificate
2,598 already enrolled
Included with
Learn more
Ask Coursera
15 reviews
Recommended experience
15 reviews
Recommended experience
Skills you'll gain
Tools you'll learn
Details to know
14 assignments
See how employees at top companies are mastering in-demand skills
Build your Marketing 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 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.
Offered by
Explore more from Marketing
- Status: Free Trial
Course
- Status: Free Trial
Course
- Status: Free Trial
- Status: Free Trial
Course
Why people choose Coursera for their career
Learner reviews
- 5 stars
86.66%
- 4 stars
6.66%
- 3 stars
6.66%
- 2 stars
0%
- 1 star
0%
Showing 3 of 15
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.
More questions
Financial aid available,
