Your SlideShare is downloading. ×
0
Presented By: Ratha HinSaturday, 22 September 12
Today’s Agenda                            • What is User Experience Design?                            • Why should we car...
What                            is User Experience Design?Saturday, 22 September 12
Design is not just what it looks like and feels like,                         Design is how it works.                     ...
Saturday, 22 September 12
Saturday, 22 September 12
Saturday, 22 September 12
Saturday, 22 September 12
Saturday, 22 September 12
Saturday, 22 September 12
Saturday, 22 September 12
Visual DesignSaturday, 22 September 12
what we see is                             Visual DesignSaturday, 22 September 12
what we see is                            Visual Design          “Visual design focuses on the aesthetics of a user       ...
But what we don’t see is                        Information Architecture                            “Information architect...
But what we don’t see is                            Interaction Design                       “Interaction design concerns ...
But what we don’t see is                            Usability Engineering                       “Usability engineering is ...
UX Design covers:                        Information Architecture                           Interaction Design            ...
User Experience Honeycomb                            by Peter MorvilleSaturday, 22 September 12
Saturday, 22 September 12
Saturday, 22 September 12
Saturday, 22 September 12
Information     Interaction   Visual            Architecture    Design        DesignSaturday, 22 September 12
Information            ArchitectureSaturday, 22 September 12
Example:            Information            Architecture                                       BrochureSaturday, 22 Septemb...
Example:            Information            Architecture                                       WebsiteSaturday, 22 Septembe...
Deliverable:            Information            Architecture                                           Site map diagramSatu...
Sign up            Interaction                            • Input email and full name            Design          • or user...
Deliverable:            Interaction            Design                                           user flowchartSaturday, 22 ...
Deliverable:            Interaction            Design                                           wireframeSaturday, 22 Sept...
Deliverable:            Interaction            Design                                           wireflowSaturday, 22 Septem...
Visual        Design                            Let the fun beginSaturday, 22 September 12
Visual        Design                            UI ElementSaturday, 22 September 12
Visual        Design                            Button BehaviourSaturday, 22 September 12
UX UI                              notSaturday, 22 September 12
UI   User Interface                            UX   User ExperienceSaturday, 22 September 12
What people use                            UI   to interact                                 with the product              ...
Saturday, 22 September 12
Please ask any question!Saturday, 22 September 12
Upcoming SlideShare
Loading in...5
×

Ux design bar camp

424

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
424
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
21
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Transcript of "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.

×