2012 BarCamp PP

1. Presented By: Ratha Hin
Saturday, 22 September 12

2. Today’s Agenda
• What is User Experience Design?
• Why should we care?
• How does UX process?
• Question
Saturday, 22 September 12

3. What
is User Experience Design?
Saturday, 22 September 12

4. Design is not just what it looks like and feels like,
Design is how it works.
Steve Jobs
Saturday, 22 September 12

5. Saturday, 22 September 12

6. Saturday, 22 September 12

7. Saturday, 22 September 12

8. Saturday, 22 September 12

9. Saturday, 22 September 12

10. Saturday, 22 September 12

11. Saturday, 22 September 12

12. Visual Design
Saturday, 22 September 12

13. what we see is
Visual Design
Saturday, 22 September 12

14. 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.”
Saturday, 22 September 12

15. But what we don’t see is
Information Architecture
“Information architecture (IA)
focuses on the organization of
data….”
Saturday, 22 September 12

16. But what we don’t see is
Interaction Design
“Interaction design concerns the
controls, mechanisms, and processes
that users require to perform their
tasks on systems….”
Saturday, 22 September 12

17. But what we don’t see is
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….”
Saturday, 22 September 12

18. UX Design covers:
Information Architecture
Interaction Design
Visual Design
Usability Engineering
Saturday, 22 September 12

19. User Experience Honeycomb
by Peter Morville
Saturday, 22 September 12

20. Saturday, 22 September 12

21. Saturday, 22 September 12

22. Saturday, 22 September 12

23. Information Interaction Visual
Architecture Design Design
Saturday, 22 September 12

24. Information
Architecture
Saturday, 22 September 12

25. Example:
Information
Architecture
Brochure
Saturday, 22 September 12

26. Example:
Information
Architecture
Website
Saturday, 22 September 12

27. Deliverable:
Information
Architecture
Site map diagram
Saturday, 22 September 12

28. Sign up
Interaction
• Input email and full name
Design • or user facebook account to signup
Saturday, 22 September 12

29. Deliverable:
Interaction
Design
user flowchart
Saturday, 22 September 12

30. Deliverable:
Interaction
Design
wireframe
Saturday, 22 September 12

31. Deliverable:
Interaction
Design
wireflow
Saturday, 22 September 12

32. Visual
Design
Let the fun begin
Saturday, 22 September 12

33. Visual
Design
UI Element
Saturday, 22 September 12

34. Visual
Design
Button Behaviour
Saturday, 22 September 12

35. UX UI
not
Saturday, 22 September 12

36. UI User Interface
UX User Experience
Saturday, 22 September 12

37. What people use
UI to interact
with the product
UX How they feel
while they do.
Saturday, 22 September 12

38. Saturday, 22 September 12

39. Please ask any question!
Saturday, 22 September 12