+
User Experience
in a Nutshell
UI
UX HCI
IA IxDWhat Is It?
Why Does It Matter?
Ying Jiang | UI/UX Designer
GingerStudio.com
What?
Myth: “UX = UI”
UI UX
User research
Usability testing
Information architecture
Interaction design
UI design
Visual design
Prototyping
Development
Content strategy
Service design & delivery
UX
…
Myth: “Good UX = Looking pretty”
form
+
behavior
+
content
+
context
UX
“UX highlights the experiential,
affective, meaningful and
valuable aspects of human-
computer interaction and
product ownership, but it also
covers a person’s perceptions of
the practical aspects such as
utility, ease of use and efficiency
of the system.”
- Wikipedia
Definition of UX
“User eXperience (UX) is about how a
person feels about using a system.”
“UX is subjective in nature,
because it is about an
individual’s performance,
feelings and thoughts
about the system.”
- Wikipedia
“UX is
dynamic,
because it changes over time
as the circumstances change.”
- Wikipedia
“ Design is not
just what it looks
like and feels like.
Design is how it
works. ”
- Steve Jobs
Why?
Myth: “UX is an add-on.”
UX
UX is the blueprint.
UX is the driving force behind the direction for the product.
Myth: “UX is a cost.”
“ Every $1 invested in usability
returns between $10 and $100.”
- IBM “Cost-Justifying Ease of Use”
“ UX focused companies
outperform the market
by a 300% margin.”
- The UX Fund, Teehan & Lax
Happier users
More productive users
More sales
ROI
of
UX
Good UX Process
Less development cost
Easier using & learning
Less support calls
Who?
UX Roles:
User Researcher  Information Architect 
Content Specialist  Interaction Designer 
Visual Designer  Content Strategist 
Copywriter  Usability Specialist …
How?
The Process
General Principles
• User is the Center
• UX is Holistic
• Great UX is Invisible
• UX is a Lifecycle
• Context is King
• Give User the Control
• UX is a Conversation
• Great UX is Simple
The Deliverables: Flowchart
The Deliverables: Persona
The Deliverables: Moodboard
The Deliverables: Storyboard
The Deliverables: Scenario
The Deliverables: Wireframe
The Deliverables: Prototype
The Deliverables: Mockup
100 Things Every Designer Needs To Know About People (Susan M. Weinschenk)
Don’t Make Me Think: A Common Sense Approach to Web Usability (Steve Krug)
Smashing UX Design: Foundations for Designing Online User Experiences (J. Allen & J. Chudley)
Sketching User Experiences: Getting the Design Right and the Right Design (Bill Buxton)
Usable Usability: Simple Steps for Making Stuff Better (Eric Reiss)
Lean UX: Applying Lean Principles to Improve User Experience (Jeff Gothelf & Josh Seiden)
http://uxbooth.com
http://alistapart.com/
http://blog.uxpin.com/
http://boxesandarrows.com/
http://www.smashingmagazine.com/
Further reading:
Thank you.

UX in a Nutshell