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

來源：UI中國

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

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

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

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

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

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

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

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

1、善用Affordance（功能可見性/語義符號）

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

圖1

圖2

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

圖3

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

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

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

圖4

圖5

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

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

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

圖6

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

REFERENCE:

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

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

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

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