Ux design bar camp

Presented By: Ratha Hin

Saturday, 22 September 12

Today’s Agenda
• What is User Experience Design?
• Why should we care?
• How does UX process?
• Question


What
is User Experience Design?


Design is not just what it looks like and feels like,
Design is how it works.
Steve Jobs


Visual Design


what we see is

Visual Design


what we see is

Visual Design
“Visual design focuses on the aesthetics of a user
interface, ensuring that it looks good,
communicates the right image to users, and
conforms to any brand guidelines.”


But what we don’t see is

Information Architecture
“Information architecture (IA)
focuses on the organization of
data….”



Interaction Design
“Interaction design concerns the
controls, mechanisms, and processes
that users require to perform their
tasks on systems….”



Usability Engineering
“Usability engineering is primarily
about planning and executing various
types of usability studies that test how
well people can use a user
interface….”


UX Design covers:

Information Architecture
Interaction Design
Visual Design
Usability Engineering


User Experience Honeycomb
by Peter Morville


Information Interaction Visual
Architecture Design Design


Information
Architecture


Example:

Information
Architecture

Brochure


Example:

Information
Architecture

Website


Deliverable:

Information
Architecture

Site map diagram


Sign up
Interaction
• Input email and full name
Design • or user facebook account to signup


Deliverable:

Interaction
Design

user ﬂowchart


Deliverable:

Interaction
Design

wireframe


Deliverable:

Interaction
Design

wireﬂow


Visual
Design

Let the fun begin


Visual
Design

UI Element


Visual
Design

Button Behaviour


UX UI
not


UI User Interface

UX User Experience


What people use
UI to interact
with the product

UX How they feel
while they do.


Please ask any question!


Ux design bar camp

More Related Content

Similar to Ux design bar camp (20)

Recently uploaded (20)

Ux design bar camp