Scribd
Upload
142 views

UI/UX Design Learning Roadmap: To Dig Deeper On The Topic

The document outlines a learning roadmap for becoming a UI/UX designer. It recommends first understanding the role and responsibilities of a product designer as well as the differences between UI and UX. The roadmap then suggests learning key soft skills, UX design skills like user research, information architecture, and prototyping. It also lists specific hard skills to develop like wireframing, visual design principles, learning UI patterns, and design guidelines. The overall goal is to become a well-rounded product designer through self-study.

Uploaded by

Reymart Vigo
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
142 views

UI/UX Design Learning Roadmap: To Dig Deeper On The Topic

The document outlines a learning roadmap for becoming a UI/UX designer. It recommends first understanding the role and responsibilities of a product designer as well as the differences between UI and UX. The roadmap then suggests learning key soft skills, UX design skills like user research, information architecture, and prototyping. It also lists specific hard skills to develop like wireframing, visual design principles, learning UI patterns, and design guidelines. The overall goal is to become a well-rounded product designer through self-study.

Uploaded by

Reymart Vigo
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

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

You might also like