Design Decade
Justin Lee    UiGathering    blog: www.lis186.com
The Terminator (1984)
Knight Rider (1984)
Minority Report (2002)
Iron Man 2 (2010)
http://www.engadget.com/photos/weather-channel-and-history-channel-apps-for-windows-phone-mango-hands-on/#4158771
1999
HTML Animation Web 3D PanoramaStreaming Video GIS   Streaming Audio       Maps
WOW!
Why do users    never come back?
We only focus on          the technology
http://www.flickr.com/photos/jeffanddayna/2637637797/
http://www.flickr.com/photos/jeffanddayna/2637637797/
Fail in the fieldhttp://www.ft.com/intl/cms/s/2/e185bce2-b76a-11df-839a-00144feabdc0.html   http://www.hypertag.com/museum-...
“People don’t want technology , they do want solutions.”
“Ugly things sell badly.”                    Raymond Loewy             the Father of Industrial Design
Design
Design is styling.
Design is styling.       NOT
“ Design ing not for art’s sake,but for the benefit of the customer.“ Phillipe Starck
“ Design ing not for art’s sake,but for the benefit of the customer.“ Phillipe Starck
Design begins withunderstanding people’s needs
User Experience Design    cover all aspects of the       person’s experience           with the system.                   ...
The Elements of User ExperienceJesse James Garrett (2000)
The Elements of User ExperienceJesse James Garrett (2000)
The Elements of User ExperienceJesse James Garrett (2000)
The Elements of User ExperienceJesse James Garrett (2000)
The Elements of User ExperienceJesse James Garrett (2000)
The Elements of User ExperienceJesse James Garrett (2000)
The Elements of User ExperienceJesse James Garrett (2000)
Rich User Experience
AJAX
IXMLHTTPRequest was shipped with IE5 in 1999
Experience is a journey                                                                    User Experiencecustomer loyalty...
User Experience
User Experience      it is a subjective feeling.
User Experience Design
Depends on     inspiration?
Data Structures                                             Representations                            +                  ...
Data Structures                                             Representations                            +                  ...
"To design is to solve humanproblems by identifying them andexecuting the best solution."                     Ivan Chermay...
1. Know your users
How do you help people tofind the book?
Search title language author publisher price
Search & Browse title       suit age language    purpose author      ... publisher price
1. Know your users
1. Know your users2. Test early, test often
http://uxmag.com/uploads/pulidopaperinscreen/Step1.jpg
http://husk.eecs.berkeley.edu/courses/cs160-sp11/images/d/d4/John_Kwon_Design1_Test1.jpg
http://site.layar.com/company/blog/a-look-into-our-user-testing-process/
1. Know your users2. Test early, test often
1. Know your users2. Test early, test often3. Bad UX is a bug
“Hey, this click transition is   “But it’s not broken;not a good experience for        I just tested the code.”the user.”
No matter how good your backendsystems are, the users will onlyremember your front end. Fail thereand you will fail.      ...
Summary
“People don’t want technology they do want solutions.”
"To design is to solve humanproblems by identifying them andexecuting the best solution."
Technology
FeatureTechnology
Experience FeatureTechnology
Thank You!
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
20110621 Microsoft Developer Day 2011—Design Decade
Upcoming SlideShare
Loading in...5
×

20110621 Microsoft Developer Day 2011—Design Decade

4,225

Published on

Justin Lees's Talk on Microsoft Developer Day 2001 at TICC (http://www.bnext.com.tw/edm/2011Developer/index.html)

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

No Downloads
Views
Total Views
4,225
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
89
Comments
0
Likes
8
Embeds 0
No embeds

No notes for slide

20110621 Microsoft Developer Day 2011—Design Decade

  1. 1. Design Decade
  2. 2. Justin Lee UiGathering blog: www.lis186.com
  3. 3. The Terminator (1984)
  4. 4. Knight Rider (1984)
  5. 5. Minority Report (2002)
  6. 6. Iron Man 2 (2010)
  7. 7. http://www.engadget.com/photos/weather-channel-and-history-channel-apps-for-windows-phone-mango-hands-on/#4158771
  8. 8. 1999
  9. 9. HTML Animation Web 3D PanoramaStreaming Video GIS Streaming Audio Maps
  10. 10. WOW!
  11. 11. Why do users never come back?
  12. 12. We only focus on the technology
  13. 13. http://www.flickr.com/photos/jeffanddayna/2637637797/
  14. 14. http://www.flickr.com/photos/jeffanddayna/2637637797/
  15. 15. Fail in the fieldhttp://www.ft.com/intl/cms/s/2/e185bce2-b76a-11df-839a-00144feabdc0.html http://www.hypertag.com/museum-guide-solutions.html
  16. 16. “People don’t want technology , they do want solutions.”
  17. 17. “Ugly things sell badly.” Raymond Loewy the Father of Industrial Design
  18. 18. Design
  19. 19. Design is styling.
  20. 20. Design is styling. NOT
  21. 21. “ Design ing not for art’s sake,but for the benefit of the customer.“ Phillipe Starck
  22. 22. “ Design ing not for art’s sake,but for the benefit of the customer.“ Phillipe Starck
  23. 23. Design begins withunderstanding people’s needs
  24. 24. User Experience Design cover all aspects of the person’s experience with the system. Don Norman Co-Founder and Principal Nielsen Norman Group
  25. 25. The Elements of User ExperienceJesse James Garrett (2000)
  26. 26. The Elements of User ExperienceJesse James Garrett (2000)
  27. 27. The Elements of User ExperienceJesse James Garrett (2000)
  28. 28. The Elements of User ExperienceJesse James Garrett (2000)
  29. 29. The Elements of User ExperienceJesse James Garrett (2000)
  30. 30. The Elements of User ExperienceJesse James Garrett (2000)
  31. 31. The Elements of User ExperienceJesse James Garrett (2000)
  32. 32. Rich User Experience
  33. 33. AJAX
  34. 34. IXMLHTTPRequest was shipped with IE5 in 1999
  35. 35. Experience is a journey User Experiencecustomer loyalty start using it purchase discuss with friends visit store online research respond to campaign time
  36. 36. User Experience
  37. 37. User Experience it is a subjective feeling.
  38. 38. User Experience Design
  39. 39. Depends on inspiration?
  40. 40. Data Structures Representations + + Algorithms Processes Running Thinking Programshttp://www.smartgirl.org/brain-food/career-hubs/human-computer-interaction.html
  41. 41. Data Structures Representations + + Algorithms Processes Running Programshttp://www.smartgirl.org/brain-food/career-hubs/human-computer-interaction.html
  42. 42. "To design is to solve humanproblems by identifying them andexecuting the best solution." Ivan Chermayeff
  43. 43. 1. Know your users
  44. 44. How do you help people tofind the book?
  45. 45. Search title language author publisher price
  46. 46. Search & Browse title suit age language purpose author ... publisher price
  47. 47. 1. Know your users
  48. 48. 1. Know your users2. Test early, test often
  49. 49. http://uxmag.com/uploads/pulidopaperinscreen/Step1.jpg
  50. 50. http://husk.eecs.berkeley.edu/courses/cs160-sp11/images/d/d4/John_Kwon_Design1_Test1.jpg
  51. 51. http://site.layar.com/company/blog/a-look-into-our-user-testing-process/
  52. 52. 1. Know your users2. Test early, test often
  53. 53. 1. Know your users2. Test early, test often3. Bad UX is a bug
  54. 54. “Hey, this click transition is “But it’s not broken;not a good experience for I just tested the code.”the user.”
  55. 55. No matter how good your backendsystems are, the users will onlyremember your front end. Fail thereand you will fail. -Tristan Louis
  56. 56. Summary
  57. 57. “People don’t want technology they do want solutions.”
  58. 58. "To design is to solve humanproblems by identifying them andexecuting the best solution."
  59. 59. Technology
  60. 60. FeatureTechnology
  61. 61. Experience FeatureTechnology
  62. 62. Thank You!
  1. A particular slide catching your eye?

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

×