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
Show info about module content
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
Recognize Figma's key features•15 minutes
Identify Figma essentials•15 minutes
Activity: Create a mood board for Élan Couture•60 minutes
Applying interaction design•30 minutes
Introduction to interaction design
Module 2•4 hours to complete
Module details
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
Show info about module content
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
Principles of effective interaction designs•15 minutes
Identify the principles of a user flow•15 minutes
Activity: Create a user flow for Elan Couture•60 minutes
Recognize design mistakes and best practices•30 minutes
UX/UI design in Figma
Module 3•5 hours to complete
Module details
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
Show info about module content
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
Applying interaction design•15 minutes
Identify principles of UX/UI design•15 minutes
Using UX/UI design principles and personas•15 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
Earn a career certificate
Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.
Xbox is a prominent player in the video game industry, encompassing a wide range of products and services beyond just consoles. It has evolved significantly since its inception in 2001, becoming a multi-faceted brand that caters to gamers across various platforms.
When will I have access to the lectures and assignments?
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.
What will I get if I subscribe to this Certificate?
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.