UI/UX Design Learning Roadmap

Introduction:

Hello and welcome to the world of UI/UX Design! I came up with this roadmap as a self-taught
designer with the goal to becoming an all-rounded product designer. This list is
non-exhaustive—It should not be viewed as the be-all and end-all learning roadmap. Your
learning roadmap may vary depending on the country, the company or the role you’re applying
for. The term ‘Product Designer’ and ‘UI/UX Designer’ are used interchangeably but the
responsibilities of a Product Designer are much larger than that of a UI/UX Designer.

Check the box if you are finish researching/studying. Tip: Search on Youtube in order for you
to dig deeper on the topic.

👀 Step 1: Know what you’re getting into

Know why companies hire product designers
Know what problems you’re expected to solve for the company
Know the job responsibilities of a Product Designer
Should designers learn how to code? (YouTube)
Know the difference between UI and UX, and why you need to be good at both
Know the importance of visual design skills
Know that UI/UX design is NOT graphic design

📎 Step 2: Understand the process

Understand the design thinking process (YouTube)
Be in the right mindset
- One of it is ‘I am not my user’. Do not assume I know what my user
wants/needs.
🔨 Step 3: Develop your skills
Soft Skills
Communication
Presentation
Collaboration
Product Thinking
Empathy
Workshop facilitation
Critical thinking
Decision making
Leadership
Business & Strategy

● Craft & Execution

UX Design

Accessibility
Learn how to design for inclusivity
Learn how to craft user personas
Learn how to map user journeys
Learn about the Jobs-To-Be-Done framework
User Research
■ Learn about user research methods: Quantitative research
(surveys, card sorting) and qualitative research (user interview,
usability testing)
■ Know when you need research and when you don’t
■ Learn how to conduct research
■ Learn how to document your research findings in an organized
manner
■ Learn how to present your research findings
■ Data Analysis
■ Learn how to work with the data gathered to come up with
meaningful solutions
■ Learn how to analyze data to understand user behaviour
■ Know what are the important metrics to measure
User Flows
Information Architecture
Learn a design tool

Wireframing
Prototyping
Visual Design
Color, typography, hierarchy, contrast
UI Design
Layout (Spacing, padding, grids)
Icon, Illustrations
Design systems
Style guides
Familiarize yourself with UI/UX design patterns
Mobbin Design
Screenlane
Page Collective
Design Guidelines
Material Design
Human Interface Guideline
Writing macro/micro copy