2. UX Lecture 1
June
UX designer, Silicon Valley
Master of HCID at University of Washington
Master of Architecture at University of Michigan
Email: cjunying@uw.edu
Linkedin
3. UX Lecture 1
1 UX Design
2 UCD Procss
3 Book and Software
AGENDA
5. UX Lecture 1
Human Computer Interaction
User Experience Design (UXD)
User experience design is the process of enhancing user satisfaction
with a product by improving the usability, accessibility, and pleasure
provided in the interaction with the product.
6. UX Lecture 1
“Design is not just what it looks like and
feels like. Design is how it works.”
- Steven Jobs
7. UX Lecture 1
“Perhaps this is the fundamental distinc-
tion between pure art and pure design.
While great art makes you wonder, great
design makes things clear.”
- John Maeda
15. UX Lecture 1
UCD Design Process
http://dschool.stanford.edu/redesigningtheater/the-design-thinking-process/
16. UX Lecture 1
Case Study
Problem:
It is hard to find things at
home.
Goal:
help people find things at
home.
http://tonyip.com/doko.html
17. UX Lecture 1
Empathize
image source: https://theconfidencepost.com/2014/05/06/stop-listen-and-
“Work to fully understand the experi-
ence of the user for whom you are de-
signing. Do this through observation,
interaction, and immersing yourself in
their experiences.”
18. UX Lecture 1
User Interview
image source: https://theconfidencepost.com/2014/05/06/stop-listen-and-
21. UX Lecture 1
User Journey
http://wireframes.linowski.ca/tag/user-journey/
22. UX Lecture 1
Define
image source: https://theconfidencepost.com/2014/05/06/stop-listen-and-
“Process and synthesize the findings
from your empathy work in order to
form a user point of view that you will
address with your design.”
24. UX Lecture 1
POV
image source: https://theconfidencepost.com/2014/05/06/stop-listen-and-
WHO, WHAT, WHY
A teenage girl with a bleak outlook needs to feel more socially accepted
when eating healthy food, because in her hood a social risk is more danger-
ous than a health risk.
25. UX Lecture 1
Ideate
image source: https://theconfidencepost.com/2014/05/06/stop-listen-and-
“Explore a wide variety of possible solutions through generat-
ing a large quantity of diverse possible solutions, allowing you
to step beyond the obvious and explore a range of ideas.
”
33. UX Lecture 1
Prototype
image source: https://theconfidencepost.com/2014/05/06/stop-listen-and-
“Transform your ideas into a physical form so that you can ex-
perience and interact with them and, in the process, learn and
develop more empathy.
”
34. UX Lecture 1
Paper Prototype
http://thenextweb.com/dd/2014/11/12/15-ways-test-minimum-viable-product/
37. UX Lecture 1
Test
image source: https://theconfidencepost.com/2014/05/06/stop-listen-and-
“Try out products and use observations and feedback to refine
prototypes, learn more about the user, and refine your original
point of view.
”