I have provided a quick overview of UX Design to Design Students who are new to UX Design.

1. UX Design
A Quick Start Guide into

2. • 3rd Generation Indian Chinese
• Self Taught UX Designer
• Working in Quantum Inventions
• Impulsive Hoarder of Ideas!
ABOUT ME

3. A Quick Start Guide into
UX Design
Icon Created by Gregor Cresnar from the Noun Project
• What is UX Design?
• How is it done?
• How different is it from
Graphics/Web Design?
• Where should I start?
• Is it for me?

4. “Design is not just what it
looks like and feels like.
Design is how it works.”
Steve Jobs
What is UX Design?

5. UX & UI Design What is the difference?
Source: Sameer Puri @ medium.com
What is UX Design?
UI UX

6. Which is UI, Which is UX?
Source: UX in Automobiles: Balancing Effective UI Design & Driver Safety with Jake Zukowski
What is UX Design?

7. The UX Process
ASK DESIGN TEST
How is it done?

8. The UX ProcessHow is it done?
Business Objective
Understand Product
User Research
ASK
Photo by Nik MacMillan on Unsplash

9. The UX ProcessHow is it done?
Brainstorming
Wireframing
● Balsamiq
● Axure
● UX Pin
DESIGN
Photo by Kelly Sikkema on Unsplash

10. The UX ProcessHow is it done?
Design
● Sketch
● Adobe XD
● Invision Studio
DESIGN
Photo by Kelly Sikkema on Unsplash

11. The UX ProcessHow is it done?
Prototyping
● Invision App
● Principal
User Testing
TEST
Photo by freestocks.org on Unsplash

12. How different is it from Graphics/Web Design?
• Psychology
• Ergonomics
• Scalability
• Animation
• Interactions
• Device & Platform
• Tools
• Always in Progress
• Cross Functional Dependencies

13. From Web
to Mobile
Username
Password
Sign in

14. From Web
to Mobile
Username
Password
Sign in

15. Sign in
From Web
to Mobile
Username
Password

16. Sign in
From Web
to Mobile
Username
Password

17. Sign in
From Web
to Mobile
Username
Password

18. Sign in
From Web
to Mobile
Username
Password

19. Sign in
From Web
to Mobile
Username
Password

20. Is it for you?
• Interest in Psychology and how things work
• Deep interest in Technology
• Willing to keep learning
• Willing to grinding yourself

21. Where do I start?
• Learn
– Books
• Don’t Make Me Think
• Design of Everyday Things
• About Face 3
– Free Online Courses
• Udemy
• Coursera

22. Where do I start?
• Learn
– Free Online Resource
• Luke Wroblewski
• Smashing Magazine
• usability.gov
• roberthsu.design
– UI Pattern App
• material.io
• pttrns.com
• Google Play: MaterialX

23. Where do I start?
• Practice
– Copy Best Apps
• Google Play Awards
• Apple Design Awards
• Popular Apps
– 99designs.com

24. Few things I can be of help with…
• HFI - CUA Course
• Online Resources
• Books
Q&A

25. roberthsu.design
LET’S
CONNECT!

26. THANK YOU!