UI/UX Roadmap

Basics

Styles

Components & Libraries Illustrator (optional)

Figma design tools

Auto Layout Photoshop (optional)

Vector Tools

Prototyping

Replicate existing website/App design

Typography Design Patterns

Colour palette Grid System

Design principles Accessible Design

User Interface
White space Design Systems

Mood Board Responsive Design

Visual Hierarchy Animations

Card Sorting

User Interviews

Redesigning exsisting website for different theme (look) Diary Studies

Qualitative
Focus Groups

Design Thinking Ethnographic Study

Cognitive Walkthrough
User Reseach
Head, heard and Hand Competitive Analysis

IDEO Design Thinking Frameworks Surveys

The Double Diamond -

Eye Tracking
Quantitative
Affinity Map Wireframming
SWOT Analysis

J
User ourney Map Experience Mapping User Experience
Heuristic Evaluation

Empathy Map
HiFi Prototypes Usability Testing

User Flow
Key Performance Indicators (KPIs)

User Feedback
Product Metrics
Information Architecture
A/B Testing

Heat Maps and Scroll Maps

Improve UX of a Popular Website/App UI/UX Case Study Design a New Website/App Concept

Create a UI/UX Portfolio

- -
Stay up to date with new UI/UX trends

Umar Shaikh
Digital Product Designer
zzzzzzzzzzzz zzzzzzzzzzzz zzzzzzzzzzzz
zzzzzzzzzzzz zzzzzzzzzzzz zzzzzzzzzzzz
zzzzzzzzzzzz zzzzzzzzzzzz zzzzzzzzzzzz
zzzzzzzzzzzz zzzzzzzzzzzz zzzzzzzzzzzz
zzzzzzzzzzzz zzzzzzzzzzzz zzzzzzzzzzzz
zzzzzzzzzzzz zzzzzzzzzzzz zzzzzzzzzzzz