103
Design Decade 赫迅互動科技使用者經驗架構師 李易修

20110621 Microsoft Developer Day 2011—Design Decade

Embed Size (px)

DESCRIPTION

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

Citation preview

Page 1: 20110621 Microsoft Developer Day 2011—Design Decade

Design Decade赫迅互動科技使用者經驗架構師李易修

Page 2: 20110621 Microsoft Developer Day 2011—Design Decade

李易修 Justin Lee

赫迅互動科技使用者經驗架構師

UiGathering創會成員兼工作小組理事

blog: www.lis186.com

Page 3: 20110621 Microsoft Developer Day 2011—Design Decade
Page 4: 20110621 Microsoft Developer Day 2011—Design Decade

Technology

Page 5: 20110621 Microsoft Developer Day 2011—Design Decade

Technology

Design

Page 6: 20110621 Microsoft Developer Day 2011—Design Decade

Technology

Design

Tips for Non Designer

Page 7: 20110621 Microsoft Developer Day 2011—Design Decade

Technology

Design

Tips for Non Designer

Page 8: 20110621 Microsoft Developer Day 2011—Design Decade

Technology

Page 9: 20110621 Microsoft Developer Day 2011—Design Decade

The Terminator (1984)

Page 10: 20110621 Microsoft Developer Day 2011—Design Decade

Knight Rider (1984)

Page 11: 20110621 Microsoft Developer Day 2011—Design Decade

Minority Report (2002)

Page 12: 20110621 Microsoft Developer Day 2011—Design Decade

Iron Man 2 (2010)

Page 13: 20110621 Microsoft Developer Day 2011—Design Decade
Page 15: 20110621 Microsoft Developer Day 2011—Design Decade
Page 16: 20110621 Microsoft Developer Day 2011—Design Decade
Page 17: 20110621 Microsoft Developer Day 2011—Design Decade

1999

Page 18: 20110621 Microsoft Developer Day 2011—Design Decade
Page 19: 20110621 Microsoft Developer Day 2011—Design Decade
Page 20: 20110621 Microsoft Developer Day 2011—Design Decade
Page 21: 20110621 Microsoft Developer Day 2011—Design Decade
Page 22: 20110621 Microsoft Developer Day 2011—Design Decade
Page 23: 20110621 Microsoft Developer Day 2011—Design Decade
Page 24: 20110621 Microsoft Developer Day 2011—Design Decade

Web 3D PanoramaStreaming Video

Maps

Streaming Audio

AnimationHTML

GIS

Page 25: 20110621 Microsoft Developer Day 2011—Design Decade
Page 26: 20110621 Microsoft Developer Day 2011—Design Decade

WOW!

Page 27: 20110621 Microsoft Developer Day 2011—Design Decade
Page 28: 20110621 Microsoft Developer Day 2011—Design Decade
Page 29: 20110621 Microsoft Developer Day 2011—Design Decade
Page 30: 20110621 Microsoft Developer Day 2011—Design Decade
Page 31: 20110621 Microsoft Developer Day 2011—Design Decade

Why do users never come back?

Page 32: 20110621 Microsoft Developer Day 2011—Design Decade

We only focus on the technology

Page 36: 20110621 Microsoft Developer Day 2011—Design Decade

“People don’t want technology they do want solutions.”

,

Page 37: 20110621 Microsoft Developer Day 2011—Design Decade

Technology

Design

Tips for Non Designer

Page 38: 20110621 Microsoft Developer Day 2011—Design Decade

Technology

Design

Tips for Non Designer

Page 39: 20110621 Microsoft Developer Day 2011—Design Decade

Design

Page 40: 20110621 Microsoft Developer Day 2011—Design Decade

“Ugly things sell badly.”

Raymond Loewythe Father of Industrial Design

Page 41: 20110621 Microsoft Developer Day 2011—Design Decade

User Experience Design

Page 42: 20110621 Microsoft Developer Day 2011—Design Decade

User Experience Design is styling.

Page 43: 20110621 Microsoft Developer Day 2011—Design Decade

User Experience Design is styling.NOT

Page 44: 20110621 Microsoft Developer Day 2011—Design Decade

Designing not for art’s sake,

Phillipe Starck

“but for the benefit of the customer.“

Page 45: 20110621 Microsoft Developer Day 2011—Design Decade

User Experience

Designing not for art’s sake,

Phillipe Starck

“but for the benefit of the customer.“

Page 46: 20110621 Microsoft Developer Day 2011—Design Decade

User Experience

Page 47: 20110621 Microsoft Developer Day 2011—Design Decade

User Experience

Page 48: 20110621 Microsoft Developer Day 2011—Design Decade

User Experience

Page 49: 20110621 Microsoft Developer Day 2011—Design Decade

User Experience

Design begins withunderstanding people’s needs

Page 50: 20110621 Microsoft Developer Day 2011—Design Decade

User Experiencecover all aspects of the

person’s experience with the system.

Design

Don NormanCo-Founder and Principal

Nielsen Norman Group

Page 51: 20110621 Microsoft Developer Day 2011—Design Decade

Jesse James Garrett (2000)

The Elements of User Experience

Page 52: 20110621 Microsoft Developer Day 2011—Design Decade

Jesse James Garrett (2000)

The Elements of User Experience

Page 53: 20110621 Microsoft Developer Day 2011—Design Decade

Jesse James Garrett (2000)

The Elements of User Experience

Page 54: 20110621 Microsoft Developer Day 2011—Design Decade

Jesse James Garrett (2000)

The Elements of User Experience

Page 55: 20110621 Microsoft Developer Day 2011—Design Decade

Jesse James Garrett (2000)

The Elements of User Experience

Page 56: 20110621 Microsoft Developer Day 2011—Design Decade

Jesse James Garrett (2000)

The Elements of User Experience

Page 57: 20110621 Microsoft Developer Day 2011—Design Decade

Jesse James Garrett (2000)

The Elements of User Experience

Page 58: 20110621 Microsoft Developer Day 2011—Design Decade
Page 59: 20110621 Microsoft Developer Day 2011—Design Decade
Page 60: 20110621 Microsoft Developer Day 2011—Design Decade

Rich User Experience

Page 61: 20110621 Microsoft Developer Day 2011—Design Decade

AJAX

Page 62: 20110621 Microsoft Developer Day 2011—Design Decade

IXMLHTTPRequest was shipped with IE5 in 1999

Page 63: 20110621 Microsoft Developer Day 2011—Design Decade

Experience is a journeycu

stom

er lo

yalty

time

online researchrespond to campaign

discuss with friends visit store

purchase

start using it

User Experience

Page 64: 20110621 Microsoft Developer Day 2011—Design Decade

User Experience

Page 65: 20110621 Microsoft Developer Day 2011—Design Decade

User Experienceit is a subjective feeling.

Page 66: 20110621 Microsoft Developer Day 2011—Design Decade

User Experience Design

Page 67: 20110621 Microsoft Developer Day 2011—Design Decade
Page 68: 20110621 Microsoft Developer Day 2011—Design Decade

Depends on inspiration?

Page 69: 20110621 Microsoft Developer Day 2011—Design Decade

Representations+

Processes

Data Structures+

Algorithms

http://www.smartgirl.org/brain-food/career-hubs/human-computer-interaction.html

ThinkingRunningPrograms

Page 70: 20110621 Microsoft Developer Day 2011—Design Decade

Representations+

Processes

Data Structures+

Algorithms

http://www.smartgirl.org/brain-food/career-hubs/human-computer-interaction.html

RunningPrograms

Page 71: 20110621 Microsoft Developer Day 2011—Design Decade
Page 72: 20110621 Microsoft Developer Day 2011—Design Decade
Page 73: 20110621 Microsoft Developer Day 2011—Design Decade
Page 74: 20110621 Microsoft Developer Day 2011—Design Decade

"To design is to solve human problems by identifying them and executing the best solution."

Ivan Chermayeff

Page 75: 20110621 Microsoft Developer Day 2011—Design Decade

Technology

Design

Tips for Non Designer

Page 76: 20110621 Microsoft Developer Day 2011—Design Decade

Technology

Design

Tips for Non Designer

Page 77: 20110621 Microsoft Developer Day 2011—Design Decade

Tips for Non Designer

Page 78: 20110621 Microsoft Developer Day 2011—Design Decade

Tips for Non Designer

Page 79: 20110621 Microsoft Developer Day 2011—Design Decade

1. Know your users

Page 80: 20110621 Microsoft Developer Day 2011—Design Decade
Page 81: 20110621 Microsoft Developer Day 2011—Design Decade
Page 82: 20110621 Microsoft Developer Day 2011—Design Decade

How do you help people to find the book?

Page 83: 20110621 Microsoft Developer Day 2011—Design Decade

Search

title

language

author

price

publisher

Page 84: 20110621 Microsoft Developer Day 2011—Design Decade
Page 85: 20110621 Microsoft Developer Day 2011—Design Decade
Page 86: 20110621 Microsoft Developer Day 2011—Design Decade

& BrowseSearch

title

language

author

price

publisher

suit age

purpose

...

Page 87: 20110621 Microsoft Developer Day 2011—Design Decade

1. Know your users

Page 88: 20110621 Microsoft Developer Day 2011—Design Decade

1. Know your users

2. Test early, test often

Page 92: 20110621 Microsoft Developer Day 2011—Design Decade

1. Know your users

2. Test early, test often

Page 93: 20110621 Microsoft Developer Day 2011—Design Decade

1. Know your users

3. Bad UX is a bug

2. Test early, test often

Page 94: 20110621 Microsoft Developer Day 2011—Design Decade

“But it’s not broken; I just tested the code.”

“Hey, this click transition is not a good experience for the user.”

Page 95: 20110621 Microsoft Developer Day 2011—Design Decade

No matter how good your backend systems are, the users will only remember your front end. Fail there and you will fail.

-Tristan Louis

Page 96: 20110621 Microsoft Developer Day 2011—Design Decade

Summary

Page 97: 20110621 Microsoft Developer Day 2011—Design Decade

“People don’t want technology they do want solutions.”

Page 98: 20110621 Microsoft Developer Day 2011—Design Decade

"To design is to solve human problems by identifying them and executing the best solution."

Page 99: 20110621 Microsoft Developer Day 2011—Design Decade
Page 100: 20110621 Microsoft Developer Day 2011—Design Decade

Technology

Page 101: 20110621 Microsoft Developer Day 2011—Design Decade

Feature

Technology

Page 102: 20110621 Microsoft Developer Day 2011—Design Decade

Experience

Feature

Technology

Page 103: 20110621 Microsoft Developer Day 2011—Design Decade

Thank You!