Ux design bar camp

495
-1

Published on

2012 BarCamp PP

Published in: Technology, News & Politics
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
495
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
22
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Ux design bar camp

  1. 1. Presented By: Ratha HinSaturday, 22 September 12
  2. 2. Today’s Agenda • What is User Experience Design? • Why should we care? • How does UX process? • QuestionSaturday, 22 September 12
  3. 3. What is User Experience Design?Saturday, 22 September 12
  4. 4. Design is not just what it looks like and feels like, Design is how it works. Steve JobsSaturday, 22 September 12
  5. 5. Saturday, 22 September 12
  6. 6. Saturday, 22 September 12
  7. 7. Saturday, 22 September 12
  8. 8. Saturday, 22 September 12
  9. 9. Saturday, 22 September 12
  10. 10. Saturday, 22 September 12
  11. 11. Saturday, 22 September 12
  12. 12. Visual DesignSaturday, 22 September 12
  13. 13. what we see is Visual DesignSaturday, 22 September 12
  14. 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. 15. But what we don’t see is Information Architecture “Information architecture (IA) focuses on the organization of data….”Saturday, 22 September 12
  16. 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. 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. 18. UX Design covers: Information Architecture Interaction Design Visual Design Usability EngineeringSaturday, 22 September 12
  19. 19. User Experience Honeycomb by Peter MorvilleSaturday, 22 September 12
  20. 20. Saturday, 22 September 12
  21. 21. Saturday, 22 September 12
  22. 22. Saturday, 22 September 12
  23. 23. Information Interaction Visual Architecture Design DesignSaturday, 22 September 12
  24. 24. Information ArchitectureSaturday, 22 September 12
  25. 25. Example: Information Architecture BrochureSaturday, 22 September 12
  26. 26. Example: Information Architecture WebsiteSaturday, 22 September 12
  27. 27. Deliverable: Information Architecture Site map diagramSaturday, 22 September 12
  28. 28. Sign up Interaction • Input email and full name Design • or user facebook account to signupSaturday, 22 September 12
  29. 29. Deliverable: Interaction Design user flowchartSaturday, 22 September 12
  30. 30. Deliverable: Interaction Design wireframeSaturday, 22 September 12
  31. 31. Deliverable: Interaction Design wireflowSaturday, 22 September 12
  32. 32. Visual Design Let the fun beginSaturday, 22 September 12
  33. 33. Visual Design UI ElementSaturday, 22 September 12
  34. 34. Visual Design Button BehaviourSaturday, 22 September 12
  35. 35. UX UI notSaturday, 22 September 12
  36. 36. UI User Interface UX User ExperienceSaturday, 22 September 12
  37. 37. What people use UI to interact with the product UX How they feel while they do.Saturday, 22 September 12
  38. 38. Saturday, 22 September 12
  39. 39. Please ask any question!Saturday, 22 September 12
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×