進擊的ux - the basics of ux and rapid prototyping @ cht

���������

Kaba SuYahoo Design

�����������

‣ Developer‣ ;]D�Designer‣ PM / 1v‣ �Xcode�Designer

Who are you?

Interaction Designer

What my mom think I do.What my friends think I do.What the society think I do.

What I think I do.What engineers think I do What I really do.

?

‣ UX�*���,8�!‣ �L��P$S!‣ Cf"��Xcode!

‣ !�B�wj��

使用者經驗

USER塊 陶 啊

Bad experience

存續 Businessviability

可行 Technologyfeasibility

存續 Businessviability

可行 Technologyfeasibility

需求 User

desirability

#W�e�

UXUser eXperience H�J)W

3��]�7b�@

UCDUser Centered Design H�J��PG

3��]�7b�@

EmpathyZ$-2�

����������� ���

��������

(#?!-&����61�*7

��A��� >/////<

UX策略與設計流程

策略就是方向、 時機跟程度。而且順序不能錯。

}\|

Self-actualization��6+

Esteem�s

Social needsqQ��

Safety and Security@3:N{

Physiological needsi5�<HI

Maslow - Hierarchy of needs

UCed

24( Rational

$48W Emotional

ITYS Meaningful

ME

R

0>;3��������

���� ��

�0R/

0>;3 A :=F4

Optimization Revamp Innovation‣ Metrics driven ‣ Usability ‣ Lean testing

‣ User Study ‣ Exploratory Research

‣ Conceptual front-end

‣ Design Thinking

1H�J���0

廟算者，多算勝，少算敗？ Empathy Interview

G2_OJ

n-_OJ_OpoF

+T UX Urgbu#

"�S[=4<

source: Nordstrom Innovation Lab

© 2011 Jeremy Alexis32

Need Finding Idea generation Prototyping

“how might we?”

Value proposition

Research Patterns Ideas Concept systems

Build Iterate

食無定味，適口者珍山家清供，林洪

Don’t listen to your users

Observe them

Context �^

Concept yZ

H$���������

<%����� �� ��

D,���

�� Y7&��dtz

�M�

9��� )Y`^

�M�

9�%�����

�M�

9����(�'ma

�M�

~Kk��

....

設計就是不停地戰鬥

2,500,000

Lotus Elise S

X =h X 12 = ? NTD

9�.;

yZ cB ?#

V>�.�#5

yZ cB ?#

V>�.�#5

2345N1

0

2

3

4

5

N

1

0 1

source: Nordstrom Innovation Lab

<:Eai<BD�K�Ol�

xE�h

prototype

5��#N1ZX

Redesigning the way you see the world

世界之窗，重新設計

使用者告訴我們... What we learned from users

產品設計原則 Product design principles�aE/

Efficiency

;��g%��V��

Rich content

�a,SwFN

To simply participate and express themselves

>7M��![

to know what others feel

�"^~3They want diversity

使用者告訴我們... What we learned from users

快速

�� �易於參與

����

彙整多元觀點

������������� ��

產品設計原則 Product design principles

8G9&/B��HOW MIGHT WE DESIGN THE EASIEST WAY FOR USERS TO EXPRESS THEIR OPINION?

!-)C5+�.

"�E�'@�2THE MOST DELIGHTFUL WAY TO KNOW WHAT OTHERS FEEL?

戰鬥就是快 Rapid Prototyping

���5�

�',?�

Prototyping tools

Prototyping tools

���+ */ */ */ !� #/ /

O *� *� *� #? *? *?

%QF[> #? � � # *? *?

c%V> # #? #? ? *? *?

\!6V ? ? ? *? # #�

#N_M � � � # ? #

f/ � ? *? #? � ?

Keynote animation prototype!

.-%G£*/x$£*�=}d�Z£#?�=�Z£#DU��:�Z£?<v�u£�

DEMO

Flinto Browser base prototype!

.-%G£*/x$£*�=}d�Z£��=�Z£#?U��:�Z£?�I£?<v�u£�

DEMO

Invision Browser base prototype!

.-%G£*/x$£*�=}d�Z£��=�Z£#?U��:�Z£?�I£*?<v�u£�

Axure Browser base prototype!

.-%G£!�x$£#?=}d�Z£#D�=�Z£?U��:�Z£?<v�u£#

Pixate interactive single screen prototyping!

.-%G£/x$£*?=}d�Z£*?�:��=�Z£*?U��:�Z£#�<v�u£#

framer.js highly interactive single screen prototyping!

.-%G£/x$£*?=}d�Z£*?�:��=�Z£*?U��:�Z£#<v�u£?

DEMO

% &

‣ ���X�JK�@�3{f��9@App!

‣ 5�screen+]!‣ '+0oe�prototyping tool ml0��!

‣ P��K�$|p�9��W

�*g`Prototype��pd4)i_

小結

‣ Developermotion design *�� r6Kn¢�`l�*"5�¡�P�q�

‣ Oz]�Designer motion s����F��user insight���T�\�prototyping $2�j�;�t��o���Lh bCk

‣ PM / B�W�HYQA����R�( E81&�|�%G

一位非常成功的微禿中年曾說

你的時間有限，不要為別人而活，不要規循別人的信念中... 最重要的是，鼓起勇氣跟隨你的心靈與直覺，它們才知道你想成為怎樣的人。 !

Stay hungry, stay foolish.

重要的是，千萬不要以為你是 Steve Jobs

與夥伴一起改變世界！

y��={fc��

Thank you