進擊的ux - the basics of ux and rapid prototyping @ cht
DESCRIPTION
This deck covered the basics of user experience and rapid prototyping. Some video clips are lost when converted to PDF.TRANSCRIPT
���������
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