Path title:

Designing with Purpose: A Comprehensive UX/UI Roadmap

Created 2 years ago and Updated 2 years ago

Objectives:

1. Understand the difference between UX and UI design 2. Master the Fundamental Principles of UX Design 3. Follow These Six Simple Steps to Get Started in UX Design Today 4. Build Stunning Web and Mobile Interfaces with Figma 5. Discover the Power of Design Principles 6. Bring Your Designs to Life Using HTML and CSS 7. Master Adobe XD and Create Professional UI Designs 8. Unlock the Secrets to Effective UX Design 9. Get Inspired with Expert Articles: Elevate Your UX Design Skills 10. Build a Solid Foundation by Reading Recommended Books from Experts 11. Ace Your Next UX Job Interview

14h

25 Steps

for all

Free

15 watching

10 reading

+ 28

		#	Type	Title	Creator	Platform	Duration
		1		UX Design Course Tutorial for Beginners: User Experience Design Fundamentals	Lunes eLearning	youtube.com	3h
	What you'll learn in this step: Start with the UX Design Course Tutorial for Beginners: User Experience Design Fundamentals on YouTube. This will introduce you to the basics of user experience and user interface design, and help you understand the difference between the two.
		2		UX Design: How To Get Started (A Full Guide)	AJ&Smart	youtube.com	27m
	What you'll learn in this step: Once you have a basic understanding of UX design, watch the video "UX Design: How To Get Started (A Full Guide)" on YouTube. This video will walk you through six simple steps to get started in UX design.
		3		60-30-10 Color Rule	Jesse Showalter	youtube.com	6m
	What you'll learn in this step: This video offers insights on applying color in mobile UI design projects, along with a helpful tip. The 60-30-10 color rule is a useful guideline to start with, as it can help you create a balanced and polished color scheme. Keep in mind that color choices can impact the user experience, so it's important to be thoughtful and intentional in your selection.
		4		UX Design Vs. Product Design (Are They The SAME Thing?!)	AJ&Smart	youtube.com	8m
	What you'll learn in this step: This video explains the differences and similarities between product design and ux design.
		5		The Laws of UX - 19 Psychological Design Principles	Joseph from LearnSketch․com	youtube.com	10m
	What you'll learn in this step: In this tutorial you’ll learn the names of 19 Psychological Design Principles, along with their origins and how to apply them.
		6		JOIN TO UNLOCK	********	********	********
	What you'll learn in this step: Stop wasting time aimlessly moving elements around until they look good. This video will teach you about the principles of layout design.
		7		JOIN TO UNLOCK	********	********	********
	What you'll learn in this step: Learn how to use Figma by watching the Figma UI Design Tutorial: Get Started in Just 24 Minutes! This video will teach you the basics of Figma and how to build interfaces in the tool.
		8		JOIN TO UNLOCK	********	********	********
	What you'll learn in this step: Once you have a good understanding of Figma, watch the UI / UX Design Tutorial – Wireframe, Mockup & Design in Figma. This video will show you how to create wireframes, mockups, and designs in Figma.
		9		JOIN TO UNLOCK	********	********	********
	What you'll learn in this step: If you're new to Adobe Premiere Pro, watch the Free Adobe Premiere Pro Essentials Tutorial Course - Video Editing Basics. This video will teach you the basics of video editing in Premiere Pro.
		10		JOIN TO UNLOCK	********	********	********
	What you'll learn in this step: For complete beginners to Adobe XD, watch the Free Adobe XD Tutorial: User Experience Design Course with Adobe XD Course. This video will teach you the basics of Adobe XD and how to create user interfaces.
		11		JOIN TO UNLOCK	********	********	********
	What you'll learn in this step: As human beings, we get used to "the way things are" really fast. But for designers, the way things are is an opportunity ... Could things be better? How? In this funny, breezy talk, the man behind the iPod and the Nest thermostat shares some of his tips for noticing — and driving — change.
		12		JOIN TO UNLOCK	********	********	********
	What you'll learn in this step: Take the Introduction to User Experience Design course on Coursera. This course will introduce you to user experience design and help you develop foundational knowledge in the field.
		13		JOIN TO UNLOCK	********	********	********
	What you'll learn in this step: Learn about design principles by reading articles on Medium.com, "UX Design" publication.
	14		JOIN TO UNLOCK	********	********	********
What you'll learn in this step: Take the Intermediate level free tutorial course on Scrimba. This course will teach you how to design user interfaces using HTML and CSS.
	15		JOIN TO UNLOCK	********	********	********
What you'll learn in this step: If you're ready to take your Adobe XD skills to the next level, enroll in the Adobe XD Masterclass: UI Design course on Udemy. This course will teach you how to design apps and websites in a professional way.
	16		JOIN TO UNLOCK	********	********	********
What you'll learn in this step: The Sprint is a proven, five-day process for addressing crucial business questions by utilizing design, prototyping, and user testing. Originally developed at GV, it combines various approaches such as business strategy, design thinking, behavioral science, and innovation, resulting in a highly effective framework that can be employed by any team.
	17		JOIN TO UNLOCK	********	********	********
What you'll learn in this step: Explore the free and paid books, courses, and materials available on Hype4 Academy.
	18		JOIN TO UNLOCK	********	********	********
What you'll learn in this step: The Laws of UX is a valuable collection of best practices for designing user interfaces, created by Jon Yablonski. It is a great reference to consult while designing, offering insights and guidance to help you create effective interfaces.
	19		JOIN TO UNLOCK	********	********	********
What you'll learn in this step: In UI design, you may need to collaborate with existing design systems, improve upon them, or even create new ones. This is where a grasp of Atomic Design comes in handy. While design systems may have similar concepts, their creation and implementation vary depending on the software used.
	20		JOIN TO UNLOCK	********	********	********
What you'll learn in this step: Smashing Magazine is a popular online publication for web designers and developers, and they have a wealth of resources related to UX design. On their website, you can browse through a wide range of articles written by experts in the field of user experience. These articles cover a diverse range of topics, from design principles to research techniques to best practices for usability testing.
	21		JOIN TO UNLOCK	********	********	********
What you'll learn in this step: “Absolutely everyone should read this book. The internet would be a far better place.” Amazon review
	22		JOIN TO UNLOCK	********	********	********
What you'll learn in this step: “A must read for everyone who cares about driving customer engagement.” -Eric Ries, author, The Lean Startup
	23		JOIN TO UNLOCK	********	********	********
What you'll learn in this step: As a supplement to your learning, consider reading "About Face: The Essentials of Interaction Design 4th Edition" by Alan Cooper, Robert Reimann, and David Cronin, available on Amazon. This book covers interaction design principles and best practices, and is highly recommended for beginners in the field.
	24		JOIN TO UNLOCK	********	********	********
What you'll learn in this step: Finally, prepare for UX design interviews by reading "21 Essential UX Interview Questions & How to Answer Them" on Dribbble.
	25		JOIN TO UNLOCK	********	********	********
What you'll learn in this step: In this tutorial you will learn to design a food app in Adobe XD. Steps: 1. High fidelity wireframe/Mockup 2. Prototyping 3. Export

Access to 20 More Steps with free subscription

Curated by:

Ishrat Umar

Web Developer | Content Creator

@ishratumar

Curated from: