UX in a Nutshell

+

User Experience in a Nutshell

UIUX HCI

IA IxDWhat Is It?Why Does It Matter?

Ying Jiang | UI/UX Designer

GingerStudio.com

What?

Myth: “UX = UI”

UI UX

User researchUsability testingInformation architectureInteraction designUI designVisual designPrototypingDevelopmentContent strategyService 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 usersMore productive users

More salesROI of

UXGood 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.