SlideShare a Scribd company logo
Design Decade
Justin Lee



    UiGathering


    blog: www.lis186.com
2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade
The Terminator (1984)
Knight Rider (1984)
Minority Report (2002)
Iron Man 2 (2010)
2011/06/21 Microsoft Developer Day 2011—Design Decade
http://www.engadget.com/photos/weather-channel-and-history-channel-apps-for-windows-phone-mango-hands-on/#4158771
2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade
1999
2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade
HTML Animation
 Web 3D Panorama
Streaming Video GIS
   Streaming Audio
       Maps
2011/06/21 Microsoft Developer Day 2011—Design Decade
WOW!
2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade
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 field




http://www.ft.com/intl/cms/s/2/e185bce2-b76a-11df-839a-00144feabdc0.html   http://www.hypertag.com/museum-guide-solutions.html
“People don’t want technology ,
 they do want solutions.”
2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade
“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
2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade
Design begins with
understanding people’s needs
User Experience Design
    cover all aspects of the
       person’s experience
           with the system.


                      Don Norman
               Co-Founder and Principal
                 Nielsen Norman Group
The Elements of User Experience




Jesse James Garrett (2000)
The Elements of User Experience




Jesse James Garrett (2000)
The Elements of User Experience




Jesse James Garrett (2000)
The Elements of User Experience




Jesse James Garrett (2000)
The Elements of User Experience




Jesse James Garrett (2000)
The Elements of User Experience




Jesse James Garrett (2000)
The Elements of User Experience




Jesse James Garrett (2000)
2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade
Rich User Experience
AJAX
IXMLHTTPRequest was shipped with IE5 in 1999
Experience is a journey
                                                                    User Experience
customer loyalty




                                                   start using it

                                                     purchase
                    discuss with friends       visit store

                             online research
                     respond to campaign


                                           time
User Experience
User Experience
      it is a subjective feeling.
User Experience Design
2011/06/21 Microsoft Developer Day 2011—Design Decade
Depends on
     inspiration?
Data Structures                                             Representations
                            +                                                           +
                        Algorithms                                                  Processes

                                 Running                                            Thinking
                                Programs




http://www.smartgirl.org/brain-food/career-hubs/human-computer-interaction.html
Data Structures                                             Representations
                            +                                                           +
                        Algorithms                                                  Processes

                                 Running
                                Programs




http://www.smartgirl.org/brain-food/career-hubs/human-computer-interaction.html
2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade
"To design is to solve human
problems by identifying them and
executing the best solution."


                     Ivan Chermayeff
2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade
1. Know your users
2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade
How do you help people to
find the book?
Search
 title
 language

 author
 publisher

 price
2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade
Search & Browse
 title       suit age
 language    purpose

 author      ...
 publisher

 price
1. Know your users
1. Know your users
2. 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 users
2. Test early, test often
1. Know your users
2. Test early, test often
3. 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 backend
systems are, the users will only
remember your front end. Fail there
and you will fail.


                      -Tristan Louis
Summary
“People don’t want technology
 they do want solutions.”
"To design is to solve human
problems by identifying them and
executing the best solution."
2011/06/21 Microsoft Developer Day 2011—Design Decade
Technology
Feature


Technology
Experience



 Feature


Technology
Thank You!

More Related Content

PPTX
PDF
HP19 Mobile Design: 為行動使用者設計
PDF
UI於現階段與未來的應用趨勢
PDF
2011/09/16 Taiwan UX Summit: App設計實戰:在開始寫程式之前
PDF
20120524 App開發流程與小工具分享@UI Cafe
PDF
App使用者經驗設計
PDF
20130112用原型驅動設計@webconf
PDF
2013/05/19 Sketching with code@JSDC2013
HP19 Mobile Design: 為行動使用者設計
UI於現階段與未來的應用趨勢
2011/09/16 Taiwan UX Summit: App設計實戰:在開始寫程式之前
20120524 App開發流程與小工具分享@UI Cafe
App使用者經驗設計
20130112用原型驅動設計@webconf
2013/05/19 Sketching with code@JSDC2013

Similar to 2011/06/21 Microsoft Developer Day 2011—Design Decade (20)

PDF
Embedded User Assistance Marc Speyer
PDF
The Essentials of Great Search Design (ECIR 2010)
PPTX
Hcsd talk ibm
PDF
Guerrilla Usability: Insight on a Shoestring
PDF
The Impact of Emerging Technology on Digital Transformation
PDF
UX Superpowers
PDF
LxD - Learner Experience Design
PDF
EVAIN Artificial intelligence and semantic annotation: are you serious about it?
ODP
ISTC Keynote Smart Authoring For A Smarter Planet
DOC
Synopsis
PPTX
User Experience: Why and How
PPT
From Website To Webapp Shane Morris
PDF
Jar Creative: Portfolio & Process
PDF
TechEvent 2019: Artificial Intelligence in Dev & Ops; Martin Luckow - Trivadis
PPTX
World Usability Day 2014 - UX Toolbelt for Developers
PDF
The Forgotten Customer (XPDays 2011)
PPTX
The UX Toolbelt for Developers
PDF
The Developer Experience
PDF
The Forgotten Customer (Socrates 2011)
PPSX
Agileload - load testing tool for better web performance
Embedded User Assistance Marc Speyer
The Essentials of Great Search Design (ECIR 2010)
Hcsd talk ibm
Guerrilla Usability: Insight on a Shoestring
The Impact of Emerging Technology on Digital Transformation
UX Superpowers
LxD - Learner Experience Design
EVAIN Artificial intelligence and semantic annotation: are you serious about it?
ISTC Keynote Smart Authoring For A Smarter Planet
Synopsis
User Experience: Why and How
From Website To Webapp Shane Morris
Jar Creative: Portfolio & Process
TechEvent 2019: Artificial Intelligence in Dev & Ops; Martin Luckow - Trivadis
World Usability Day 2014 - UX Toolbelt for Developers
The Forgotten Customer (XPDays 2011)
The UX Toolbelt for Developers
The Developer Experience
The Forgotten Customer (Socrates 2011)
Agileload - load testing tool for better web performance
Ad

More from Justin Lee (20)

PDF
2023/04/19 學習中的AI 如何幫助孩子有效學習
PDF
2014/01/12 旅人的府城漫步
PDF
20130614 Titanium簡介@政大資科
PDF
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I 加拿大人機介面技術發展與經驗分享
PDF
[ICOS2013] Appcelerator Titanium簡介
PDF
2012/02/15 Android 4.0 UI Design Tips@happy designer meetup
PDF
Android 4.0 UI Design Tips
PDF
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
PDF
20110525[Taipei GTUG] titanium mobile簡介
PDF
Sketching User Experience—Video Sketching
PDF
How I Use Google Technology to Enhance Travel Experience
PDF
20100915 學習撰寫 Google Chrome Extension
PDF
談如何發展具有破壞力的創新構想
PDF
Interaction Design & Industrial Design In 3C Industry
PDF
Web 3.0 Intro
PDF
USB 3.0 Intro
PDF
Plurk Intro
PDF
User Experience Design
PPTX
2009/04/19 ui gathering專題演講媒材、設計與適應性思考
PDF
2009/04/19 UI Gathering專題演講-UI prototype實作經驗分享
2023/04/19 學習中的AI 如何幫助孩子有效學習
2014/01/12 旅人的府城漫步
20130614 Titanium簡介@政大資科
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I 加拿大人機介面技術發展與經驗分享
[ICOS2013] Appcelerator Titanium簡介
2012/02/15 Android 4.0 UI Design Tips@happy designer meetup
Android 4.0 UI Design Tips
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
20110525[Taipei GTUG] titanium mobile簡介
Sketching User Experience—Video Sketching
How I Use Google Technology to Enhance Travel Experience
20100915 學習撰寫 Google Chrome Extension
談如何發展具有破壞力的創新構想
Interaction Design & Industrial Design In 3C Industry
Web 3.0 Intro
USB 3.0 Intro
Plurk Intro
User Experience Design
2009/04/19 ui gathering專題演講媒材、設計與適應性思考
2009/04/19 UI Gathering專題演講-UI prototype實作經驗分享
Ad

Recently uploaded (20)

PDF
Chapter 3 Spatial Domain Image Processing.pdf
PDF
Electronic commerce courselecture one. Pdf
PDF
KodekX | Application Modernization Development
PPTX
sap open course for s4hana steps from ECC to s4
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PDF
Empathic Computing: Creating Shared Understanding
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
Approach and Philosophy of On baking technology
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PDF
Unlocking AI with Model Context Protocol (MCP)
PPTX
Spectroscopy.pptx food analysis technology
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PDF
MIND Revenue Release Quarter 2 2025 Press Release
Chapter 3 Spatial Domain Image Processing.pdf
Electronic commerce courselecture one. Pdf
KodekX | Application Modernization Development
sap open course for s4hana steps from ECC to s4
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
Empathic Computing: Creating Shared Understanding
Diabetes mellitus diagnosis method based random forest with bat algorithm
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Digital-Transformation-Roadmap-for-Companies.pptx
Network Security Unit 5.pdf for BCA BBA.
Approach and Philosophy of On baking technology
20250228 LYD VKU AI Blended-Learning.pptx
Unlocking AI with Model Context Protocol (MCP)
Spectroscopy.pptx food analysis technology
Advanced methodologies resolving dimensionality complications for autism neur...
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Understanding_Digital_Forensics_Presentation.pptx
MIND Revenue Release Quarter 2 2025 Press Release

2011/06/21 Microsoft Developer Day 2011—Design Decade