85
此资料仅供学习使用,版权归属原作者或公司 任何人不得用于商业用途,由此引起的法律责任自负

IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

  • Upload
    ixdc

  • View
    977

  • Download
    0

Embed Size (px)

Citation preview

Page 1: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

此资料仅供学习使用,版权归属原作者或公司任何人不得用于商业用途,由此引起的法律责任自负

Page 2: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

A�ªĻĹijL��8ķÝA�ĻĹÜ©

1

Page 3: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

����ɢɛȗȩV1.0

S.baidu.com

Page 4: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

ŵ®qíŅɵˤȡɃqíŅûˡ

3

方向

Page 5: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

IJö#ĬBşųŃćIJöÕĞ¥Ŋĥūŵ

"� ������)��#�'���(#�+%������$��*

Q�ɢɛŵơˤņ<#ıˋ�ɲǭʢʊĸȵƻȅˡ

4

Page 6: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

1·ɢɛƻȅ

Page 7: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

%pĻĹËåñĐ

��=;

�=;ɍ�ɯǶ

��

9:=;����

0-ɢɛČ

1·Ȥǡˢ��ˣ

Ă´ċđ�Đ�

�>7

-*=;2)=;

����

ɖɗɢɛČ

6

Page 8: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

%p�`ñĐ

7

PMɖɗ

UER

0-

Page 9: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

%pĻĹËåñĐ��

�=;ɍ�ɯǶ

��

����

1·Ȥǡˢ��ˣ

Ă´ċđ�Đ�

�>7

��=;

0-ɢɛČ

-*=;2)=;

����

9:=;

8

ɖɗɢɛČ

Page 10: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

ŤĎć�`őĐ�ĩŤĎćĂ´4ū

¿ś�ÿćUCD%p�`ñĐųhĶīhņDÇų+Êæ6�$*ùų¹Á��óů

• ĄŦĴĵ¤õų2$"ñĐ�iĀů

• $"ĕZаų2ĄŦĺ'ÖÎ0łķųĔO�ľöJ�kų’oh,\ÙÑŒá~’

• ĄŦĴĵŮ$"Ŝ�Şų2�ÑĢĒ�¯ …

Page 11: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

$"oĴĵ�ĿďÛ^�OńċŮP6Ă´èyŮťëÏčŮÆ�äßćñĐ�]ů

• �ĊC'nű%pĞĀŮʼnò�x'nŮpø³ąŲļŅ• ^�OĂ´ćļŅ�űĂ´ċđŲ• �èűĉàĂ´ĶīèyP6ŲőĐ• ťë��őĐ• $"äß+ĴĵĘĠ=ĻĹŁĸèyűÕĝÈÞuŲ

Page 12: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

�ĊC'nű%pĞĀŮʼnò�x'nŮpø³ąŲļŅ

• @Ĵĵ ķ�Q=ő(�ŵþvı=(�ŵ+kı=±(�áŵ

• @$" ķ%p­uŮĂ´oCħ�xĊCć<«

ɢɛż˂ɓîǞǭ·ǕǗÎˤǞƇǭŞô�{¶�ȵ˟Ȋ·ǯƛē¥˟wʍǛ˟ƢˇɂĩȎőƐʽ�

ɥHˉǯźȅ˟ŅƏ˟őƐʽ�ˤʓƇk9Ȼ³�EĪ¸ˉǯŅɵǭ�xÁȘ

Page 13: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

^�OĂ´ćļŅ�űĂ´ċđŲ

•˞h«��•˞ɞ0-¶ɖɗÓÇ«ȎǭÈL•˞h«ģǥǥǶŅƘ•˞h«ǭÈLˤh«ǭģǥŅƘˤƅ~+�ȶªQvNJŃˠ ˞˞NJŃǭʙ�ˤ~+|Ŵˤƅñž|ʡvɞǥň�ɴǀ�ǭ0-O˘

12

Page 14: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

�èűĉàĂ´ĶīèyP6ŲőĐ

�ɁƒɬˤÇ1·ƻȅ}ƌˤ1·5²ûŒʔ)Ē' aO|RÍÁ�D[©Ù�^Ó(Àgª�ê¦ojÊØn��ª©îë O|e¨�ægª�ê¦ojB}�¦�=èt6�*©Ù±�Äb���©l6îë

0-¶ɖɗ��5ǖɘɂƥÎǭ�Q ) ilS�©¾Æ ) ��S�©¾Æ Ðäªn;l&ÒÏ?â©��½´¯ �7À¬�¤Î<R!ß>¶Ç9&ÍÁ�D�

13

Page 15: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

ťë��őĐ

@0-˥Ŧv¶D�ǡŁǭ0-ũQ õǥňƥÎȯ+îʼĘǥÉƃ�ʕɍƥŚ

@ɖɗ˥dzŋí�tǸǭɖɗɢɛ ɢɛɫɚ˂ɓɏʏǭˤĽŃ¶ƌƋǭ·ǕǗĹ

Ǹík9˂ƴ˞êOÚö˞ÿđwʍǛ˞ƂǼɄÃ˞ǧƵȪɀżʸ

˞…14

Page 16: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

$"äß+ĴĵĘĠ=ĻĹŁĸèyűÕĝÈÞuŲ

ĴĵĘĠËÌDNAu5Á`µº_¢µºµºx���

$"äßç�X©ÃA¹'��dèI�©_\<h�x:Ý ©��[³�~¿w�©��ì�#�ÒÏNy�©¸ÂG¤u�E­

Page 17: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

ǥŰŠɬɨUERǶȆŕ±

Page 18: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

ȟ ŰŠ

ɯǶŰŠ

Ă´ċđñĐ

*ŋɹų

ɯǶŰŠ

}ƫƤĶ

ɣɰǀe'ə˂ƴ

FGD'əLjÇ˂ƴ

ǥňƥÎ

Page 19: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

FGD`þ{×è�Ů{םë

Page 20: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

ʯó�«ǥňȱƇʯóĹǭʕɍǀĚɣɰ

{×<«Ŵ

�l�jÐǓɏǞ˟ɽȾW˟ǎİȺˤčƋƈ�w2ȾĈǭǤƺ

��KÐǒă˟ʠɎ˟ȹE˟KƩ˟ōȲưǠ˟ƢDŽ˟į�Ť

“"��&�!��/�D�'����/C'���./D#34����� A8<(�1@”

N=Ðöɋ`ÉÐ22Ą¯ÐÚëǤ

{×<«Ŵ

�l�jÐĆQĴˤżʸ÷ˤÌq�\ƷůǛ˟Ʒ>Zǭ)

��KÐȹE˟ōǠ˟ƢDŽ˟KƩ˟]ʄ

“��+���,D'B8/% �++D�80����D��C$56……��?,�”

N=ÐÚŲ`ÉÐ26Ą¯ÐïňȤǡ

Page 21: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

%IĉàĂ´Ķīèy

{×<«Ŵ

N=ÐÚŲ`ÉÐ26Ą¯ÐïňȤǡ

'ùÃŔÚëƯ�ˤŐ'�@500ĥA�ǭĆQˤūe�ʴKƁƭÛʩĭĴǹˤż�Đʓɓ�ǟˠ¶ƍçãÇg§ʻʒȃʼnéNˤēżńĮ\˓ˤu!ˌˌʩÇÖˇ¨ˠÁ�ēżĆQĴˤŊ;ȤĐEŐ�ƑE¨Njáǭǘ���ȾĈˠȷ�ƈ�ʩá¨ˤȤĐE�ÓʀdzŐ©ȁǗɂ˓ęˠ

ªãú£•ĹƟĭğƊˤƈ�ĭ×ˠɊǏ�ƁƏÈ5ˤKƁǞÇÚë«ë˟˙�«ë˟;�î$�L«)˟ǞÇ«)……ƭ�ÆéʫʩƇu�ĭɓáǭˠ•Á�ĹƟá5ˆɳˤʞǂŅ�Æéʫ˝ɜǭ“ȠȢå²”ˤ©ȁȹE�ɁʩǦȾĈƒĤȮˠʚƴìȰǭ�Ĺˤɞ9ƭƦȠȢƺ�ʩčƋȼɞŊƇǭ5¨á˟ǜáˠ

grý�•ɜ�¨Ɓ�Ú"ɾˤ£ɓƇȇˤ�S£ƇȾĈˤ#ŁŐNjǗ�ǭÈŵ¨¨ˤˊU#�;­Ƞý\NjȄȚ•ōǠ˟ǒă˟ƢDŽ˟KƩʩĭŃjɾˤǠ�˟Ʃ�……©ȁxǻ#ƁĐƇǭ)`ˤúk¼ƧºƩˠȝ�.Ʃ�ˤ�ˌȰ˒ˤʪɿ˓˔ ­�ːƩƁƆÚǭĖǿ•ǴʤǭÈŵ˟�ʐǭÈŵ×'ˤƇż#E˅ĐțȥˤʝÈ`ƇżYEĭGȽȏˤúkƁ5�×C¢ˀɯ

Page 22: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

%IĉàĂ´Ķīèy

$DÈ ¦o��

Ʒ)`ǭżYûEÇ©ȁBʷæ"ȭȉDžʏˤˊUDzDzƇƷƇªʜǭDĿWĻ

•ȼťɇƇǗɂǭ»ňˤ�ż'əƻɍ¨6�˟ǜ6�ˤ¤;ŻNjùù˛

�ɁEí��ÚðʩŵUǭÈ`ˤǏ­pʝlO�¹ˠȤĐEōğáuð»ňƮʈˤƇżYʓǭœǾŌȼǸíˠ

•ȼşÈNjʝŜŃjɾǭ»ň•ȼÇ»ňʻʒŵUǭ\*ƦʝŜ•ȼʟʐƮóˤʆƓǭ\vqȐ

Ǹíá�¹ ­ˤEȧÚð�ǵWŇȶÇȱʫʟǴlOżʸ¶ÈNjˤŵUǭɨʓE�ÈÅ

ÈNj˟0ʟƛǼǁƣˤȼŵUǭʟʐǵW˟IM˟ʧ=ȎŵĢ�ʛw2

{×<«Ŵ

N=ÐÚŲ`ÉÐ26Ą¯ÐïňȤǡ

24

Page 23: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

%IĉàĂ´Ķīèy

{×<«Ŵ

N=Ðöɋ`ÉÐ22Ą¯ÐÚëǤ

'ùÃŔ

Ç�ŊĭƇ¬ƲǭÚëʫɭ&ˤȤʐƏȂuĔˤʔʫĉȤŅ�ȍ*Ů%ˤ¹ʫƇ6�á¨ǭáǜǭʩĭǁƣˠɊǏƁëǤƷ6�ʱˤKƁʿ�ƬżʸʓƁIJ�Nɓ¶áƈ��ɼ¨�ˌáǭˠȾĈƈ�ĭ×ˤɗĮĭ×5ʩÇiİȾĈˤŊ;ȾĈǭ����ʩŁɞƈ�<Ǵʤˤɞƈ�<w2ȾĈǭǤƺ�ƭ��Njdžö)ˠ

ªãú£

ɽȞÖ®ˤÖ¦“öĮǢ”ˤá_¶ɮʩȼŅ�ƈ�ˠȷ�ÌWƈ�Ƴʖ�è×ˤ�ŭʐ?P��ƑEȥɦƇh«ɫɚŴƈ�ˠëƜnÖǭǽÂ˟©ȁgǮƺ�ʩEȄƕ��ˤ�ŵˇȾĈŃjɾˤ#Ɓ�'×ɜɦNj5ˠƆʒʘ 'į�ˤŅ'�Ŕ�Ŏǭį�Ťˠ

grý�•¨6��ʬɓ˟ǜ6�#�ʬɓˤʬɓǭƁ¶ɮ�ɼ˟Ƈ6�Ǘ�ǭȤ�/O˘•cƁȾĈ¨á'˟ǜȰ'Ɓ�ÙǭˤƇʦ�×ƈ�ˤɓɞ9<ʩȼw2ȾĈǭĵ"•�ȓĒ6�ˤ£ɓƇȇˤûŢvŋƑ��į�ˤǰŨ��ǞÇȾĈǹ¨6�á¨ǭ˟ǹǜ6��5Ʒǜʐǭ˟ǹDzɔ'6��5Ʒɔʐǭ•ȾĈēżĭiƹ¨½ǜ"ǭƾĻˤKƁƅ×ǭżYˤʩƁƈ�<ĎdzȾĈ�Ó�ǪˤǺ�áǭÈŵˤEȾĈɟ�ƒ;­ƇƑEĎ�ǭƈ��

Page 24: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

%IĉàĂ´Ķīèy

$DÈ ¦o��

•ȤĐÇ©ȁɡÍ˟ȭȉʫʠDzDzƇ6�Ŵ˛ǭöęˤɓƁƿ�Ǘ�>ĜǖȰǭęˤ�íɓɞ´Ãǭ5fǴʤ

•ȼťɇƇǗɂǭ»ňˤ�ż'əƻɍ¨6�˟ǜ6�ˤ¤;ŻNjùù˛

•^ʣ�ðĭƇǗɂǭöęˤǣ·�áDz�á¨ˤĦżŘ�ƒû�'į�ˠÀ� ­�Çȭ Ő�ʔðęʲÚÚɻȰ'�ǩˠ

•ȼʟʐ×ȁŵĢ�ɏɥɡ•ȼɞȾĈǽ0Æéʫǭƈ�ʩDz�ȾĈǭɥɡ

{×<«Ŵ

N=Ðöɋ`ÉÐ22Ą¯ÐÚëǤ

26

Page 25: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

%IĉàĂ´ĶīèyŬ

3

Ŭ3Ă´ô­�

ťëŝı�

»ňťɇ

DĿ�»ÆʝŜ

ʻʒŧș

»ňɪĽ

»ňƮó ÈÅ/0ʟ

»ňÈÊw2

ȑ�

w2

�ɏɥɡ

ǽ0/-�

Page 26: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

%IĉàĂ´ĶīèyŬ

3

Ŭ3Ă´ô­�

ťëŝı�

»ňťɇ

DĿ�»ÆʝŜ

ʻʒŧș

»ňɪĽ

»ňƮó ÈÅ/0ʟ

»ňÈÊw2

ȑ�

w2

�ɏɥɡ

ǽ0/-�

Page 27: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

�ŨĉĦň

29

Ñ

Page 28: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

UERÇ ¯»

30

Ç �.

ūˁwƗŰŠŦT[ɢ

hv,��o>

ǀeǶȆ˘ɤ[ɢʋvɯǶȥɡ

1 2 3 4 5

Ç ?1,�

ǀe'əǥňȱOŦTǥň}ƫƤĶ

¸·eM.

ǀe'əǯƛǥňŦT5ǖƥÎ

¸·

¤ǥĹƼɧD�1·Ŧ��ǞLjÇUEʶˍ

Page 29: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

0-Ȕ

Page 30: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

$"äßŴ

ĉ äßÅęäßïEäßC!²,Ă´ĖĀűĂ´�¦Ųäß…

ŜÑ{!�S¡¨ųRĨñĐćäßůŚ�vRĨäß��ųÖb~ćäß�vmŵ

äßűframeworkŲŴ»a�dĨd+}ĂćśKųtX�Ă!¾�+kćĻĹųÌvÄŬÈüų;½%pĠ�ªů

Page 31: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

$"äßŴ

ˈˇƥƔ

0-ƥĢ/ƥÎˢˈˇƻȅǭȠªˣ

Ť=ŇȠ=ˢŤ=Ƞªˣ

ˈˇƻȅ

ĺOǗĬ¶�{

���������

L�z89G��Â+Ñ

Page 32: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

$"äßŴ

ˈˇƥƔ

0-ƥĢ/ƥÎˢˈˇƻȅǭȠªˣ

Ť=ŇȠ=ˢŤ=Ƞªˣ

ˈˇƻȅ

ĺOǗĬ¶�{

���������

L�z89G��Â+Ñ

Page 33: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

$"äßŴ

$"äß = \M+Â- + ĢĒwu+.SñĐ+ŧŦ��/ŋō

ă�jć%pťëúªH�

ĢĒwu .SñĐu ŧŦ��Ůŋō

ŘĂ\M{ČÂ-�

$"ŀĜĻĹ

�B¸·,�Ï��ų#�

Page 34: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

$"äß-{×\M

(�Ë�PË9"¼

¨��®¦7^�“¥”"s

�ȿĹ�{˥ʢʊDZ«ǭ�ȼ˟ũQÇ�«ǭÈŵĘɩVŝ�ȿǭÓǡŵĢ8Ă˟ûʕ�{˥õ«�ȕǭ�ȼʩȠȢÇˈˇDZ«ǭƥË�ñʴ�{˥ıˋaɠǥňǙʴˤȧ(ǥň­ļǭƑEď��{˥�ǥňŦTʜʭǭď�ˤüʭSǥǥňɫɚˤʥdʘľ$ŀ�{˥ɢɛ�ȼüʭɸʒǥňǭũQ$ŀˤʥdǥňĸȵ¸Ę�{˥ǥňũQ;­ˤ˂ɓȧ(�˖ˤʥdʬÕũQȖȒ�{˥\vƒǭ�ɒˤƁ¯ʩƁǥň˂ɓǭ˦

Page 35: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

$"äß-{ČÂ-

E¡|�a�d¥

a)T

�<(:Í�B«ÎÏ��YÂ\f

{ČÂ-Ŵşʰ �ʝ Õʝ �ŗzɏ zɏƠ źƌʝŜ ź� űê ʝˉ� wʿ

ě-è�Ŵȴˈ Åǔɐx ţė ƛȑ, ˇ�Ā ɏƟ zɏ ŦǼ ®ô ôɀ ¬ǔ ŧș ǫħƹoɏ�ˢƛȑ¶ʋeƠ ˟ıÑˉƛɦ˟Ŧ0şʰˣ

Page 36: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

$"äß-{ČÂ-

Â-ijĭġ�Ŵ

1. Â-çŔ 1ˣŤ=Ƥʗ 2ˣŤ=ǯǭ

2. Â-ě±

3. 5Î7Ă 1ˣ6�żY¤;Sǥ 2ˣ6�żY�ȼSǥ

4. �6Ë�űİ�ųû¨Ų 0-ɕ{

5. ĊCÂ-

Page 37: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

ŪŧĚäĮu

}�®¦DCÏ<���VPRD�¶¹Ï¬;.�[�ÏÀ��BÅ��¿¤Ì

˗ˈƁÚ×ŰȭȉƆʬɓǭˈˇˤȭȉNJ˚ǭʇOˤɢɛČ×$ŀ+8˗ˈeŋˠŋȦvȭȉ˗ˈȟƠɆÅˤTɢɛČʕɍɖɗˏƟǭùɧ˥

ĴĵĻĹ�

Page 38: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

óȭȉÈÅʕɍŦnjˤŖ vʬɓǭʨwˤŭȯÇ˗ˈ�ˠ

Page 39: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

Ȧ�˗ˈȟƠɆÅ

Page 40: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

Ă´ô­�

ťëŝı�

%IĉàĂ´ĶīèyŴĂ´1

»ňťɇ

DĿ�

»ÆʝŜ

ʻʒŧș»ňɪĽ

»ňƮó

ÈÅ/0ʟ

»ňÈÊw2

ȑ�

w2

�ɏɥɡǽ0/-�

Ŭ

3

Ŭ3

Page 41: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

Ŭ

3

Ŭ3Ă´ô­�

ťëŝı�

1vǯƛǥňɘɂƥÎ˥ǥň2

»ňťɇ

DĿ�»ÆʝŜ

ʻʒŧș

»ňɪĽ

»ňƮó ÈÅ/0ʟ

»ňÈÊw2

ȑ�

w2

�ɏɥɡ

ǽ0/-�

Page 42: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

%IĉàĂ´Ķīèy

$DÈ ¦o��

Ʒ)`ǭżYûEÇ©ȁBʷæ"ȭȉDžʏˤˊUDzDzƇƷƇªʜǭDĿWĻ

•ȼťɇƇǗɂǭ»ňˤ�ż'əƻɍ¨6�˟ǜ6�ˤ¤;ŻNjùù˛

�ɁEí��ÚðʩŵUǭÈ`ˤǏ­pʝlO�¹ˠȤĐEōğáuð»ňƮʈˤƇżYʓǭœǾŌȼǸíˠ

•ȼşÈNjʝŜŃjɾǭ»ň•ȼÇ»ňʻʒŵUǭ\*ƦʝŜ•ȼʟʐƮóˤʆƓǭ\vqȐ

Ǹíá�¹ ­ˤEȧÚð�ǵWŇȶÇȱʫʟǴlOżʸ¶ÈNjˤŵUǭɨʓE�ÈÅ

ÈNj˟0ʟƛǼǁƣˤȼŵUǭʟʐǵW˟IM˟ʧ=ȎŵĢ�ʛw2

{×<«Ŵ

N=ÐÚŲ`ÉÐ26Ą¯ÐïňȤǡ

QY�=ã�

•Ǘɂ»ňťɇ•DĿWĻ

•»ÆʝŜ•ʻʒŧș•ȳîǭ»ňɪĽ•»ňƮó�ȼ

•ÈÅ/0ʟÅ•»ňÈÊw2

45

Page 43: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

%IĉàĂ´Ķīèy

$DÈ ¦o��

•ȤĐÇ©ȁɡÍ˟ȭȉʫʠDzDzƇ6�Ŵ˛ǭöęˤɓƁƿ�Ǘ�>ĜǖȰǭęˤ�íɓɞ´Ãǭ5fǴʤ

•ȼťɇƇǗɂǭ»ňˤ�ż'əƻɍ¨6�˟ǜ6�ˤ¤;ŻNjùù˛

•^ʣ�ðĭƇǗɂǭöęˤǣ·�áDz�á¨ˤĦżŘ�ƒû�'į�ˠÀ� ­�Çȭ Ő�ʔðęʲÚÚɻȰ'�ǩˠ

•ȼʟʐ×ȁŵĢ�ɏɥɡ•ȼɞȾĈǽ0Æéʫǭƈ�ʩDz�ȾĈǭɥɡ

{×<«Ŵ

N=Ðöɋ`ÉÐ22Ą¯ÐÚëǤ

QY�=ã�

•Ǘɂ»ňťɇ•DĿWĻ

•ɥɡ•ǽ0-�

46

Page 44: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

$"äß-.SñĐu-.S¬|

�0tF1Ð

�'��ſƌǟˤ�'´ƎÚŲȠȢ�ď«)ȹEˤčƋŐ��ʁȀÚðʩƮʈʒǭ�ʸÈˤb¨˓ˤì'p�ɼºKˠ+ƁōğǬĚʄʎˤŁÇ.ʤ¢ʻʒŐ�ðąɈ˓ęˤʟʐŧșŐ�'�ðąɈ˕ˤ�ÕƮó'�ð˓ęǭDȬNjˤƆȣqí�k�ǭ�ðˤÁ�ʔðĦÛƇDĿWĻˤŶʎ�ʖǭÈŵʓƇ�ðKTVˠʳíǯƛ­ˤ9õʔð˓ęǭWĻ�ʛ�ŋƑ Ôijˠ

�0tF2Ð

öɋƀÛ¶«ëʠɎǭżYŹłʸ�Ǟ�ðŴğǭöęˤ˜ʌǍǭµʤǗ�ǭɻˤ+Ɓ9Ł ȭNjɥ��ʔ�ęˤ«ż�ȧȾĈǭá�ˤɞà<ʩ�ùùˠƒ�ǬĚʄʎˤ�ǞƷƇŐ�ʔðęˤ+Ɓ|Ğ'ɩöęˤĕ F'5ĤȾĈ¨˜ʌǍżŘǭǐǔˤĕ�ɏ'�Ȕɥɡˠʩġá'öɋõöęǭURLʅ�w2ȧȾĈǭá�ˠ

Page 45: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

$"äß-.SñĐu�0tF1Ð

Page 46: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

0-Ơƙ-?�ƻȅÅ�0tF2Ð

Page 47: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

$"äß-ŧŦ��_ŋō

ˈˇþȞ ôɀɕ{ ʂʅŵĢ Ôƹ

�Ȟˈˇ ȭȉ�ôɀ Ħ�ˈ�Ŵ

*Ȟˈˇ ȭȉ�ôɀ *Ȟôɀ

Ħ�ˈ�Ŵ

�Ȟˈˇ ȭȉ�ôɀ *Ȟôɀ �Ȟôɀ

Ħ�ˈ�Ŵ

¿Ȟˈˇ ˇ�Āôɀ ŴȈ¢ōğ ƞŠʢʊþȞƂǼ

Page 48: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

�ĪĘĠËå��

ÅǼɬŽ˥

Page 49: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

�ĪĘĠËå��

53

ÅǼɬŽ˥

Page 50: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

$"äßŴ

$"äß = \M+Â- + ĢĒwu+.SñĐ+ŧŦ��/ŋō

Page 51: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

ɖɗȔ

Page 52: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

ŨĉñĐ

ʟĐĽr�ǭˉǯªQƻȅ:

57

PM UER 0- ɖɗˉǯĝƌ

ɖɗŵơ�ÕXŬ

-*�

PM UER 0- ɖɗ-*�

'ə1·˟ɖɗŵ®ǶȆ õɖɗÞǥ�ƠƙÅ

ƅáǭˉǯªQƻȅ:

Page 53: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

Ć�ŌŐ��Ŝ�āðU¶

QĸŴ����ÆÄRÏ VJkk§ÏJXV kk§ÌÊ�L����ÐÃ]��&�6/Ï��r�m¢A�±ÌÊw���³�0

��yÅ���xÏ�K³_2Á�m¢A�±���Ï�¥£����pbÌn $c���Ï�������I�Ê

%pâ¦Ŵĺ',āðÔ9ÀŮÔģ�Ű

ŭŭ

Ĵĵ®�Ŵ�Ă´įřŎÚćĴĵêsų:œāð¨�ćďÛªůű�&'āŰŲŭŭŭ

58

Page 54: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

'Ĥ�ª

S5+^Ð�ILL3©1��Iì140%W8QO�*+^Ð0Ô180%W8`É+^Ð19-24V150%W8ì25-30V118%W8ì14-18V120%W8q-+^ÐJg161%W8

ʮ+sobarŰŠǭtǸĹˤ7QíĹɜɦˤ˙ë�˟�ʄ˟ßĹ˟Ĕʆ5��ɓǥň59

Page 55: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

ɖɗwƗ

Page 56: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

ç§Äa

ɷǖ

��

ȄƕʆƓ

��

ʹc

��

ĵ"ȾǦ

ȾǏ

ɷǖ

�� ��

æ"

63

Page 57: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

%pâ¦Ŵɞ5<ǤƺƅUš˟ƅȰáˡ

Ȅƕ ˟ʆƓ˟ĵ"˟ʹc......

ĴĵĘĠŴ¦oÅÜÕ�©ËÌ�@ì�Û¥�fZ©°�g

ǬĚʄʎɖɗȗȩíL

64

Page 58: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

ɖɗDNAŦ 

Page 59: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

ĻĹËlćº¼

66

mÎʶˍ˥âƪ×ǭˎɂ�ņ<ɩâP\ʝŜ˦

Page 60: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

ĻĹËlćº¼

66

mÎʶˍ˥âƪ×ǭˎɂ�ņ<ɩâP\ʝŜ˦

R¤;pŭğ�/

������� � �lj'

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

pɧ��°

Page 61: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

ŵ®qíŅɵˤȡɃqíŅûˡ

67

方向

Page 62: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

IJö#ĬBşųŃćIJöÕĞ¥Ŋĥūŵ

"� ������)��#�'���(#�+%������$��*

Q�ɢɛŵơˤņ<#ıˋ�ɲǭʢʊĸȵƻȅˡ

68

Page 63: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

��Äa�ī¢ė

tu�ÈZÆÐ

]ě˟ʆƓ˟ĵ"ǭȰáǤƺˤʔ�xʩƇ�Ɲ�ɒäȣIʾţ@

69

Page 64: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

��Äa�ī¢ė

ÍÓˢǃƄǭˣ �YˢŽ4ǭˣ >ÒˢȰ�ǭˣ

&�����! �,

70

Page 65: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

��Äa�ī¢ė

�ÄFȩű�óȜǭ¼á�«ż#:ɏdzņ<ƱŸǭǗɶďÛŮWVŮ�IJ

~3�¶ZÆÐ

71

Page 66: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

��Äa�ī¢ė

ŕĂ'Ĥű��îŲ

“ďÛŮ÷¬”Ĕʆǭǥňȱˤ9<ƇdzȄƕǭǤƺķĚˤȜɂȌª9<ȾʄĂĹˠ

~3�¶ZÆ

tu�ÈZÆ

72

Page 67: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

��Äa�¡ûė

®źɉˢȄƕǭɴĬˣ

ÐǷĨǚŦ 

:ɏdzņ<ǭǥňóȰáǤƺǭ®īˤ;�óǤƺǭȄƕķĚˠ

73

Page 68: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

��Äa�¡ûė

S.baidu.com

S+ =

u¡i±

74

Page 69: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

75

Page 70: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

��L��UHi

77

Page 71: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

ī¢ĘĠ

�ɂĩ˥

ʉ�ɂĩ˥

"ª"——£��t

Ĕʆǭǥňȱˤ9<ƇdzȄƕǭǤƺķĚˤȜɂȌª9<ȾʄĂĹˠ ��� �����������

H%3°i

ǤƺǭƏɶ——ĵ"˟�ò˟ĽŃ�"25ʄ——ȄƕǭǤƺķĚ

ī¢ğÜŴ

â¦ī¢

ʉ�ɂĩ

78

Page 72: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

ī¢ĘĠŴĴĵ[Ň

!{­�qÏg3´µ�ºÏg3B�hºÌ �Á`Y¦x�êº�g2Ñëí

ŦǼÅƛ˥

0-�˖˥

ʉ�ÅĨ˥

ĘǥÅƛ˥�DZiĹ������ĂĹ�����Ĺ������ćĠ���ȩ�Î������òĹ

80

Page 73: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

ī¢ĘĠŴĴĵ[Ň

!{­�qÏg3´µ�ºÏg3B�hºÌ

S.baidu.com

�b½¾

����

�@4

81

Page 74: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

ī¢ĘĠŴ�ī¢·�

�Á`�µ«Q#��M©]g²á,�sãÊÛÈqTé

83

Page 75: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

S.baidu.comS.baidu.com

S.baidu.com S.baidu.com

S.baidu.com S.baidu.com S.baidu.com

S.baidu.com

S.baidu.com

S.baidu.com

S.baidu.com

S.baidu.com

ī¢ĘĠ���?XŏUī¢

â¦ī¢

ʉ�ɂĩ

SǥŵƸƹł˥B�¦×,Á`zìcå�kÇ �Á`ì^-ËÌ2Ñé

85

Page 76: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

ī¢ĘĠ

ɂĩŏāĘǥ˥�_¢èÁ`»ZÛÈ�UgG¤

���� BUTTONS.baidu.com

���� BUTTONS.baidu.com

���� BUTTONS.baidu.com

���� BUTTONS.baidu.com

���� BUTTONS.baidu.com

���� BUTTONS.baidu.com

����S.baidu.com

����S.baidu.com

����S.baidu.com

����S.baidu.com

����S.baidu.com

����S.baidu.com

ɯ¶ĥ�

87

Page 77: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

ī¢ĘĠŴ�?XŏUī¢

SǥŵƸƹł˥ÇSǥʉ�ɂĩżˤıˋƹłɌe�ɂĩˤĥ�ɖɗ�ɟˠ

88

Page 78: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

ī¢ĘĠŴ�?XŏUī¢

S.baidu.com�b½¾

S.baidu.com�b½¾

S.baidu.com�b½¾

S.baidu.com�b½¾

S.baidu.com�b½¾

S.baidu.com�b½¾

ŖÏ�7ĂËíŴ¤ƞŠ�«ǭǝÒSǥʜĘĹɂĩ

89

Page 79: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

ÅĨŏā

ŏUu¡

ÅĨȠª˥

Ƞª

¡Ĩ ʵȇ

ŗJʁʺ˥

Ƞª˥

1 2 3

90

Page 80: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

��e�Ă

��ē ���ē ¶Øē

91

Page 81: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

��e�Ă

WEBȋ:

PC©®����ÖKìQÁ`Ú4è��+§vr�ÖKép�BÒÏ�7�Ç �H©Á`É£èP©��x\éƹł˥ÿđwʍǛʈÚˤnñāǼ;�ƥËywƅ�òˤɢɛʐȅ�ƹłóƥËǭŤ�ˠ

Ć�ŌŐS.baidu.com

Ć�ŌŐS.baidu.com

92

Page 82: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

��e�Ă

Padȋ˥É£�\�¦Ë̵º�%

����

93

Page 83: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

��e�Ă

ŋƑȋ˥É£�\�¦Ë̵º�%

����

94

Page 84: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

2"Ǥƺƭ�Û

Ć�ŌŐ

S.baidu.com

Ć�ŌŐS.baidu.com

Ć�ŌŐS.baidu.com

S.baidu.com

95

ǬĚʄʎɖɗȗȩV1.0

Page 85: IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄

ENDˡɱɱƨɺ_

97