如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

來(lái)源：UI中國(guó)

不要輕易對(duì) “復(fù)雜” say NO （復(fù)雜是必須的）

近些年，受到因蘋(píng)果而掀起的極簡(jiǎn)風(fēng)的影響，多少設(shè)計(jì)書(shū)籍推崇著簡(jiǎn)約至上的設(shè)計(jì)策略；在沒(méi)有看過(guò)這本書(shū)（設(shè)計(jì)心理學(xué)2：與復(fù)雜共處）之前，剛開(kāi)始從事設(shè)計(jì)的我，便帶著一種對(duì) “復(fù)雜” 事物莫名的抵觸情緒。想當(dāng)年，多少次面對(duì)復(fù)雜的業(yè)務(wù)邏輯，我以為自己諄諄善誘的教導(dǎo)了業(yè)務(wù)同學(xué)要為用戶(hù)著想；多少次拿到復(fù)雜的需求，我以為自己懇切的建議了產(chǎn)品同學(xué)我們要做減法，一口吃成胖子沒(méi)有好下場(chǎng)；還有多少次，我看著淘寶的PC首頁(yè)，心里默默地念叨，你們好改版咧…呵呵呵呵…

好吧，但是很快，我就被洗腦了：顯然，生活并不簡(jiǎn)單，復(fù)雜也必不可少。只是我們忘記了，曾經(jīng)我們心平氣和地經(jīng)歷了多少種 “復(fù)雜” —— 指針型的鐘表對(duì)時(shí)間的顯示，需要花上孩子們數(shù)月的時(shí)間去學(xué)習(xí)，但是地球人似乎都沒(méi)有抱怨過(guò)這件事；我們描述時(shí)間的方法并不簡(jiǎn)單，但是社會(huì)學(xué)會(huì)了接受它；世界上不同語(yǔ)言的書(shū)寫(xiě)系統(tǒng)是何等令人驚異的復(fù)雜，但是想必成年的你們都忘記了這個(gè)任務(wù)有多難。

所以，其實(shí)我們的生活本就是復(fù)雜的，而要使生活更輕松，我們需要更強(qiáng)大、更復(fù)雜的工具 —— 生活變得簡(jiǎn)單是由于擁有了少量復(fù)雜的多功能工具（比如說(shuō)瑞士軍刀，多功能的微波爐、洗衣機(jī)等），而不是大量有特殊用途的工具。人們常常因?yàn)樾驴萍夹鹿δ艿哪吧г?，因此他們呼吁“?jiǎn)單”；然而真正簡(jiǎn)單的產(chǎn)品，又會(huì)被挑剔缺乏 “關(guān)鍵性” 的功能；所以人們終歸想要的是：簡(jiǎn)單到只有一個(gè)按鈕的操作，但要有所有他們喜愛(ài)的功能，這簡(jiǎn)直就是不可能的（請(qǐng)不要拿iPhone來(lái)挑刺…）[1]。所以這些不可能就要由設(shè)計(jì)師來(lái)挑戰(zhàn)：好的設(shè)計(jì)能夠馴服復(fù)雜，不是讓事物變得簡(jiǎn)單，而是去管理復(fù)雜，友好的呈現(xiàn)復(fù)雜，避免造成困惑— 畢竟，人們理解的事物就不再?gòu)?fù)雜。

也就是說(shuō)，其實(shí)人們抵觸的是無(wú)法理解的事物 —— “費(fèi)解（complication）”，而非雖然可能要認(rèn)知成本但最終能夠被掌控的事物—— “復(fù)雜（complexity）”。甚至于：人們喜歡中等程度的復(fù)雜，也就是說(shuō)我們并不介意那些適當(dāng)?shù)膹?fù)雜 [1]。想想看100、1000和5000塊的拼圖，你會(huì)選擇哪個(gè)？再直接一點(diǎn)，去淘寶看看銷(xiāo)量便知，1000塊的規(guī)格是的。人們會(huì)花費(fèi)幾個(gè)月去學(xué)開(kāi)車(chē)，花費(fèi)幾年的時(shí)間去學(xué)會(huì)一門(mén)樂(lè)器，但我們不會(huì)因此而抱怨，因?yàn)椋合鄬?duì)于這些任務(wù)而言，這些時(shí)間都是適當(dāng)?shù)?，?fù)雜性也是合理的 [1]。當(dāng)然特殊的是，在某個(gè)特定領(lǐng)域內(nèi)，一個(gè)人越professional，就越趨于追求更高層次的復(fù)雜。

如何用你的設(shè)計(jì)馴服復(fù)雜（減輕用戶(hù)的認(rèn)知負(fù)擔(dān)）

So，作為設(shè)計(jì)師的我們更不應(yīng)該抗拒“復(fù)雜”，將復(fù)雜的內(nèi)容以最簡(jiǎn)易的形式呈現(xiàn)更是UX designer的使命所在。

然鵝，對(duì)設(shè)計(jì)師而言有這樣一個(gè)繞口的悖論：感覺(jué)簡(jiǎn)單的并不等于用起來(lái)簡(jiǎn)單；增加可見(jiàn)的選項(xiàng)就會(huì)降低感覺(jué)上的簡(jiǎn)單；但是，當(dāng)為了用起來(lái)簡(jiǎn)單而增加可見(jiàn)的操作時(shí)，又會(huì)使事物的表面看起來(lái)復(fù)雜且困難 [1]。所以如何來(lái)平衡“感覺(jué)上的簡(jiǎn)單”和“用起來(lái)的簡(jiǎn)單”，這是一項(xiàng)很有意思的挑戰(zhàn)。論設(shè)計(jì)手段，我們知道為簡(jiǎn)化單個(gè)頁(yè)面的信息承載，可以使非必要信息折疊隱藏，使用彈層，讓任務(wù)步驟化（分頁(yè)），增加鏈接等方式。但今天我們暫且不談設(shè)計(jì)方法，讓我們來(lái)看看本書(shū)的“心理”輔導(dǎo)，為我們提供了怎樣的“戰(zhàn)略方針”。

1、善用Affordance（功能可見(jiàn)性/語(yǔ)義符號(hào)）

功能可見(jiàn)性（ Affordence ）指的是，事物的本身（或它所處的環(huán)境）表現(xiàn)出的一種線索，讓人們自然而然的感知到如何去使用。用一些生活中的例子來(lái)解釋的話，就好比：沒(méi)有把手的門(mén)就表示它是用來(lái)推的（見(jiàn)圖1）；無(wú)需任何解釋?zhuān)T(mén)口地上的凹槽就會(huì)被人們用來(lái)立雨傘（見(jiàn)圖2）等等。

圖1

圖2

同樣，在界面設(shè)計(jì)中，功能可見(jiàn)性作為一種無(wú)聲的解釋?zhuān)部梢员挥脕?lái)“強(qiáng)化”或“簡(jiǎn)化”設(shè)計(jì)。比如說(shuō)一些常用的設(shè)計(jì)模式（patterns）：radio button (見(jiàn)圖3)，再?zèng)]有比它更能夠精準(zhǔn)的表達(dá)“單選”這個(gè)概念的選擇了，對(duì)大眾用戶(hù)來(lái)說(shuō)這應(yīng)該已是一種條件反射了；如同看書(shū)的時(shí)候“頁(yè)碼”和“翻頁(yè)”的關(guān)系，圖片或banner的輪播(見(jiàn)圖3)的點(diǎn)狀暗示器與圖片切換的隨動(dòng)，可以很直觀的表達(dá)出它們之間的聯(lián)系 [3]；界面交互的動(dòng)作：將需要?jiǎng)h除的文件拖進(jìn)垃圾桶丟掉；或者某些隱喻或聯(lián)想（Metaphors）：digital的名片或個(gè)人信息頁(yè)面，鑒于它的原型 – 傳統(tǒng)的個(gè)人名片就是用來(lái)分發(fā)的，所以“分享”或“推薦給別人”這兩個(gè)操作就是這類(lèi)頁(yè)面“與生俱來(lái)”的功能（見(jiàn)圖3）。善用Affordence，可以讓你的設(shè)計(jì)為用戶(hù)提供更適當(dāng)?shù)母拍钅Ｐ?，營(yíng)造更自然的intuitive user experience，也就是說(shuō)越不需要認(rèn)知成本的體驗(yàn)就越輕松。

圖3

有關(guān)更全面的功能可見(jiàn)性的文章，推薦大家去看這一篇 “需要時(shí)顯示——論App中的功能可見(jiàn)性” [2]，鏈接附在Reference里。

在本書(shū)里，被著重介紹的是社會(huì)性語(yǔ)義符號(hào)（Affordance中的一類(lèi)分支），它類(lèi)似于一種指示器，使得社會(huì)上的信號(hào)可以被解讀；就好比火車(chē)站臺(tái)上人群的狀態(tài)，它輔助你判斷火車(chē)是否已離去。有時(shí)候它也是一種證據(jù)：比如說(shuō)人的行為就是帶有信息功能的，街頭有人指著天向上看，很快就會(huì)有一群人圍過(guò)來(lái)一起看 — 我們有能力根據(jù)別人的行為來(lái)判斷事件的狀態(tài)。當(dāng)然，生活中也有很多蓄意性的、明確的社會(huì)性語(yǔ)義符號(hào)：比如說(shuō)在西方的豪華宴會(huì)上，用餐完畢后，把餐巾折疊好放到自己盤(pán)子的左側(cè)，這是個(gè)信號(hào)，告訴服務(wù)員你的餐具可以清理了；但是，這個(gè)禮節(jié)并非世界各地都適用，甚至并非所有西方人都知道，所以也存在著文化的差異。

我們可以再來(lái)看看界面上的應(yīng)用：比如booking的動(dòng)態(tài)提示（見(jiàn)圖4），在你尋找目標(biāo)酒店的過(guò)程中，無(wú)論是在列表頁(yè)還是某個(gè)酒店的詳情頁(yè)，總會(huì)有一些動(dòng)態(tài)刷新的提示滑入你的眼簾：“預(yù)定：n分鐘之前”或是 “另外n人也在瀏覽”，為的是用群眾的行為激發(fā)你的從眾心理或增加你做決策的緊迫感；再比如淘寶商品評(píng)論的追加功能（見(jiàn)圖5），用戶(hù)在商品詳情頁(yè)的評(píng)論中看到其他用戶(hù)所生成的追加形式的評(píng)論便可預(yù)判到這個(gè)功能的存在，也就是說(shuō)他們?cè)跊](méi)有看到“追加評(píng)論”這個(gè)按鈕之前便已有“我能這么干”的認(rèn)知了。這些類(lèi)似的跡象都可以幫助我們?cè)谀承┰O(shè)計(jì)情景中省略一些不必要的“啰嗦”，有時(shí)候群眾的行為可以為個(gè)體用戶(hù)提供恰到好處的引導(dǎo)。 

圖4

圖5

2、讓你的設(shè)計(jì)更 Sociable (善于交際)

在“讓機(jī)器更human”的路上，我們已經(jīng)一發(fā)不可收拾，讓用戶(hù)感覺(jué)不到在跟機(jī)器溝通，是人機(jī)交互的理想模式；也就是說(shuō)我們希望以這種自然的途徑去消除人們對(duì)“機(jī)器 = 復(fù)雜”的認(rèn)識(shí)。

機(jī)器出現(xiàn)故障，這是合理的，畢竟人也經(jīng)常犯錯(cuò)；但犯錯(cuò)誤的時(shí)候，善于交際的人會(huì)這樣做：表示歉意，試圖解決問(wèn)題，以積極且禮貌的態(tài)度提供幫助?，F(xiàn)在是我們與技術(shù)之間的交互開(kāi)始社會(huì)化的時(shí)候了，我們希望機(jī)器也能表現(xiàn)出如此善于交際的態(tài)度。這可能尤其需要體現(xiàn)在系統(tǒng)出錯(cuò)的時(shí)候，當(dāng)你的用戶(hù)在你設(shè)計(jì)的任務(wù)中走到了“死胡同”，那可能的問(wèn)題在于，你對(duì)他們?nèi)狈﹃P(guān)心和理解。設(shè)計(jì)師在考慮錯(cuò)誤情況的時(shí)候應(yīng)該盡可能多的預(yù)判到用戶(hù)可能需要的幫助，并做好引導(dǎo)，更好的是加入一些情感化的元素。在這一方面，Uber的設(shè)計(jì)是個(gè)很好的榜樣，首先它的幫助頁(yè)面給了用戶(hù)一個(gè)考慮周全的選擇list（見(jiàn)圖6），然后以一種循序漸進(jìn)的方式引導(dǎo)用戶(hù)并主動(dòng)幫用戶(hù)細(xì)化問(wèn)題（見(jiàn)圖6），最后根據(jù)問(wèn)題的不同向用戶(hù)收集相應(yīng)的反饋信息（見(jiàn)圖6）。所以Uber的幫助功能做的不簡(jiǎn)單，你們可以去觀察它每一個(gè)問(wèn)題的最后步驟，就可以感受到它是認(rèn)真地在幫用戶(hù)解決問(wèn)題。其實(shí)它也可以不必大費(fèi)周章的為每一個(gè)問(wèn)題設(shè)計(jì)有針對(duì)性的交互，但就是這樣的細(xì)節(jié)給了用戶(hù)“被關(guān)注”的體驗(yàn)。  

圖6

就總結(jié)到這吧。讓我引Larry Tesler（蘋(píng)果VP）的一句話來(lái)總結(jié)陳詞：系統(tǒng)的復(fù)雜性的總量是一個(gè)恒量：當(dāng)你使人的互動(dòng)行為更簡(jiǎn)單，那么隱藏在幕后的復(fù)雜性就增加了；問(wèn)題就在于你想讓誰(shuí)去面對(duì)這‘復(fù)雜’，是用戶(hù)還是開(kāi)發(fā)人員 [1]。

REFERENCE:

[1] 唐納德, A, 諾曼. 設(shè)計(jì)心理學(xué)2：與復(fù)雜共處[M]. 北京:中信出版社, 2015.

[2]HTTP://CDC.TENCENT.COM/2012/11/21/

[3]HTTP://BLOG.TEAMTREEHOUSE.COM/AFFORDANCES-WEB-DESIGN

藍(lán)藍(lán)設(shè)計(jì)( www.cqzjtgb.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)