UX for Developers

904 views

Published on

Published in: Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
904
On SlideShare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
21
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

UX for Developers

  1. 1. User Experience for Developers Pek Pongpaet @pekpongpaet #cwcChicagoWebConf 2012 #cwc
  2. 2. User Experience for Developers (non-humans) Pek Pongpaet @pekpongpaet #cwcChicagoWebConf 2012 #cwc
  3. 3. Pek Pongpaet
  4. 4. <Code/>
  5. 5. UX
  6. 6. Why Should I Care?
  7. 7. http://www.slideshare.net/firstpinkgirl/the-importance-of-user-experience-for-developers
  8. 8. “Every $1 invested inusability returns between $10 and $100” - IBM
  9. 9. Metrics UX Improves• reduced support costs• customer retention length• higher customer satisfaction• brand awareness• category leadership• higher price points• industry accolades• proliferation, integration (like Twitter)• no cost marketing (word of mouth, free pr)
  10. 10. What is UX?
  11. 11. User Needs
  12. 12. TechnicalUser Needs Requirements
  13. 13. TechnicalUser Needs Requirements Business Objectives
  14. 14. TechnicalUser Needs Requirements Business Sweet spot Objectives
  15. 15. UX Lessons for Developers
  16. 16. "Good artists copy, great artists steal." - Pablo Picasso
  17. 17. Make itFaster
  18. 18. 0.5s increase = 20% drop in ad rev
  19. 19. 100ms+ = -1% sales
  20. 20. Reduce Friction
  21. 21. Reduce Inconsistency
  22. 22. Web
  23. 23. iPad
  24. 24. Kill Features
  25. 25. Be like Edison“I tested no fewer than 6,000 vegetable growths, and ransacked the world for the most suitable filament material.” - Thomas Edison
  26. 26. http://37signals.com/svn/posts/1525-writing-decisions-headline-tests-on-the-highrise-signup-page
  27. 27. Tell people what to do
  28. 28. vs
  29. 29. “Force the user to take actionse.g. dont allow them to click the logo in the header and "escape out the flow” - Andy Johns, Product Manager of User Growth at Quora
  30. 30. First Encounter
  31. 31. First Encounter Impression
  32. 32. How are peopleviewing your product?
  33. 33. 10x10 pixelsnot usable
  34. 34. Tools
  35. 35. Step 1: Draw
  36. 36. Step 2: Take Picture
  37. 37. Step 3: Enjoy
  38. 38. follow me on twitter@pekpongpaet
  39. 39. Resources• http://www.mobile-patterns.com/• http://inspired-ui.com/• http://patterntap.com/• http://productplanner.com/• http://fieldtestapp.com/• http://www.uistencils.com/• http://www.pinstagram.co/• http://itunes.apple.com/us/app/

×