2016-11-11 用心設(shè)計(jì)
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
來源：UI中國(guó)
不要輕易對(duì) “復(fù)雜” say NO （復(fù)雜是必須的）
近些年，受到因蘋果而掀起的極簡(jiǎn)風(fēng)的影響，多少設(shè)計(jì)書籍推崇著簡(jiǎn)約至上的設(shè)計(jì)策略；在沒有看過這本書（設(shè)計(jì)心理學(xué)2：與復(fù)雜共處）之前，剛開始從事設(shè)計(jì)的我，便帶著一種對(duì) “復(fù)雜” 事物莫名的抵觸情緒。想當(dāng)年，多少次面對(duì)復(fù)雜的業(yè)務(wù)邏輯，我以為自己諄諄善誘的教導(dǎo)了業(yè)務(wù)同學(xué)要為用戶著想；多少次拿到復(fù)雜的需求，我以為自己懇切的建議了產(chǎn)品同學(xué)我們要做減法，一口吃成胖子沒有好下場(chǎng)；還有多少次，我看著淘寶的PC首頁，心里默默地念叨，你們好改版咧…呵呵呵呵…
好吧，但是很快，我就被洗腦了：顯然，生活并不簡(jiǎn)單，復(fù)雜也必不可少。只是我們忘記了，曾經(jīng)我們心平氣和地經(jīng)歷了多少種 “復(fù)雜” —— 指針型的鐘表對(duì)時(shí)間的顯示，需要花上孩子們數(shù)月的時(shí)間去學(xué)習(xí)，但是地球人似乎都沒有抱怨過這件事；我們描述時(shí)間的方法并不簡(jiǎn)單，但是社會(huì)學(xué)會(huì)了接受它；世界上不同語言的書寫系統(tǒng)是何等令人驚異的復(fù)雜，但是想必成年的你們都忘記了這個(gè)任務(wù)有多難。
所以，其實(shí)我們的生活本就是復(fù)雜的，而要使生活更輕松，我們需要更強(qiáng)大、更復(fù)雜的工具 —— 生活變得簡(jiǎn)單是由于擁有了少量復(fù)雜的多功能工具（比如說瑞士軍刀，多功能的微波爐、洗衣機(jī)等），而不是大量有特殊用途的工具。人們常常因?yàn)樾驴萍夹鹿δ艿哪吧г梗虼怂麄兒粲酢昂?jiǎn)單”；然而真正簡(jiǎn)單的產(chǎn)品，又會(huì)被挑剔缺乏 “關(guān)鍵性” 的功能；所以人們終歸想要的是：簡(jiǎn)單到只有一個(gè)按鈕的操作，但要有所有他們喜愛的功能，這簡(jiǎn)直就是不可能的（請(qǐng)不要拿iPhone來挑刺…）[1]。所以這些不可能就要由設(shè)計(jì)師來挑戰(zhàn)：好的設(shè)計(jì)能夠馴服復(fù)雜，不是讓事物變得簡(jiǎn)單，而是去管理復(fù)雜，友好的呈現(xiàn)復(fù)雜，避免造成困惑— 畢竟，人們理解的事物就不再復(fù)雜。
也就是說，其實(shí)人們抵觸的是無法理解的事物 —— “費(fèi)解（complication）”，而非雖然可能要認(rèn)知成本但最終能夠被掌控的事物—— “復(fù)雜（complexity）”。甚至于：人們喜歡中等程度的復(fù)雜，也就是說我們并不介意那些適當(dāng)?shù)膹?fù)雜 [1]。想想看100、1000和5000塊的拼圖，你會(huì)選擇哪個(gè)？再直接一點(diǎn)，去淘寶看看銷量便知，1000塊的規(guī)格是的。人們會(huì)花費(fèi)幾個(gè)月去學(xué)開車，花費(fèi)幾年的時(shí)間去學(xué)會(huì)一門樂器，但我們不會(huì)因此而抱怨，因?yàn)椋合鄬?duì)于這些任務(wù)而言，這些時(shí)間都是適當(dāng)?shù)模瑥?fù)雜性也是合理的 [1]。當(dāng)然特殊的是，在某個(gè)特定領(lǐng)域內(nèi)，一個(gè)人越professional，就越趨于追求更高層次的復(fù)雜。
如何用你的設(shè)計(jì)馴服復(fù)雜（減輕用戶的認(rèn)知負(fù)擔(dān)）
So，作為設(shè)計(jì)師的我們更不應(yīng)該抗拒“復(fù)雜”，將復(fù)雜的內(nèi)容以最簡(jiǎn)易的形式呈現(xiàn)更是UX designer的使命所在。
然鵝，對(duì)設(shè)計(jì)師而言有這樣一個(gè)繞口的悖論：感覺簡(jiǎn)單的并不等于用起來簡(jiǎn)單；增加可見的選項(xiàng)就會(huì)降低感覺上的簡(jiǎn)單；但是，當(dāng)為了用起來簡(jiǎn)單而增加可見的操作時(shí)，又會(huì)使事物的表面看起來復(fù)雜且困難 [1]。所以如何來平衡“感覺上的簡(jiǎn)單”和“用起來的簡(jiǎn)單”，這是一項(xiàng)很有意思的挑戰(zhàn)。論設(shè)計(jì)手段，我們知道為簡(jiǎn)化單個(gè)頁面的信息承載，可以使非必要信息折疊隱藏，使用彈層，讓任務(wù)步驟化（分頁），增加鏈接等方式。但今天我們暫且不談設(shè)計(jì)方法，讓我們來看看本書的“心理”輔導(dǎo)，為我們提供了怎樣的“戰(zhàn)略方針”。
1、善用Affordance（功能可見性/語義符號(hào)）
功能可見性（ Affordence ）指的是，事物的本身（或它所處的環(huán)境）表現(xiàn)出的一種線索，讓人們自然而然的感知到如何去使用。用一些生活中的例子來解釋的話，就好比：沒有把手的門就表示它是用來推的（見圖1）；無需任何解釋，門口地上的凹槽就會(huì)被人們用來立雨傘（見圖2）等等。
圖1
圖2
同樣，在界面設(shè)計(jì)中，功能可見性作為一種無聲的解釋，也可以被用來“強(qiáng)化”或“簡(jiǎn)化”設(shè)計(jì)。比如說一些常用的設(shè)計(jì)模式（patterns）：radio button (見圖3)，再?zèng)]有比它更能夠精準(zhǔn)的表達(dá)“單選”這個(gè)概念的選擇了，對(duì)大眾用戶來說這應(yīng)該已是一種條件反射了；如同看書的時(shí)候“頁碼”和“翻頁”的關(guān)系，圖片或banner的輪播(見圖3)的點(diǎn)狀暗示器與圖片切換的隨動(dòng)，可以很直觀的表達(dá)出它們之間的聯(lián)系 [3]；界面交互的動(dòng)作：將需要?jiǎng)h除的文件拖進(jìn)垃圾桶丟掉；或者某些隱喻或聯(lián)想（Metaphors）：digital的名片或個(gè)人信息頁面，鑒于它的原型 – 傳統(tǒng)的個(gè)人名片就是用來分發(fā)的，所以“分享”或“推薦給別人”這兩個(gè)操作就是這類頁面“與生俱來”的功能（見圖3）。善用Affordence，可以讓你的設(shè)計(jì)為用戶提供更適當(dāng)?shù)母拍钅Ｐ停瑺I(yíng)造更自然的intuitive user experience，也就是說越不需要認(rèn)知成本的體驗(yàn)就越輕松。
圖3
有關(guān)更全面的功能可見性的文章，推薦大家去看這一篇 “需要時(shí)顯示——論App中的功能可見性” [2]，鏈接附在Reference里。
在本書里，被著重介紹的是社會(huì)性語義符號(hào)（Affordance中的一類分支），它類似于一種指示器，使得社會(huì)上的信號(hào)可以被解讀；就好比火車站臺(tái)上人群的狀態(tài)，它輔助你判斷火車是否已離去。有時(shí)候它也是一種證據(jù)：比如說人的行為就是帶有信息功能的，街頭有人指著天向上看，很快就會(huì)有一群人圍過來一起看 — 我們有能力根據(jù)別人的行為來判斷事件的狀態(tài)。當(dāng)然，生活中也有很多蓄意性的、明確的社會(huì)性語義符號(hào)：比如說在西方的豪華宴會(huì)上，用餐完畢后，把餐巾折疊好放到自己盤子的左側(cè)，這是個(gè)信號(hào)，告訴服務(wù)員你的餐具可以清理了；但是，這個(gè)禮節(jié)并非世界各地都適用，甚至并非所有西方人都知道，所以也存在著文化的差異。
我們可以再來看看界面上的應(yīng)用：比如booking的動(dòng)態(tài)提示（見圖4），在你尋找目標(biāo)酒店的過程中，無論是在列表頁還是某個(gè)酒店的詳情頁，總會(huì)有一些動(dòng)態(tài)刷新的提示滑入你的眼簾：“預(yù)定：n分鐘之前”或是 “另外n人也在瀏覽”，為的是用群眾的行為激發(fā)你的從眾心理或增加你做決策的緊迫感；再比如淘寶商品評(píng)論的追加功能（見圖5），用戶在商品詳情頁的評(píng)論中看到其他用戶所生成的追加形式的評(píng)論便可預(yù)判到這個(gè)功能的存在，也就是說他們?cè)跊]有看到“追加評(píng)論”這個(gè)按鈕之前便已有“我能這么干”的認(rèn)知了。這些類似的跡象都可以幫助我們?cè)谀承┰O(shè)計(jì)情景中省略一些不必要的“啰嗦”，有時(shí)候群眾的行為可以為個(gè)體用戶提供恰到好處的引導(dǎo)。
圖4
圖5
2、讓你的設(shè)計(jì)更 Sociable (善于交際)
在“讓機(jī)器更human”的路上，我們已經(jīng)一發(fā)不可收拾，讓用戶感覺不到在跟機(jī)器溝通，是人機(jī)交互的理想模式；也就是說我們希望以這種自然的途徑去消除人們對(duì)“機(jī)器 = 復(fù)雜”的認(rèn)識(shí)。
機(jī)器出現(xiàn)故障，這是合理的，畢竟人也經(jīng)常犯錯(cuò)；但犯錯(cuò)誤的時(shí)候，善于交際的人會(huì)這樣做：表示歉意，試圖解決問題，以積極且禮貌的態(tài)度提供幫助。現(xiàn)在是我們與技術(shù)之間的交互開始社會(huì)化的時(shí)候了，我們希望機(jī)器也能表現(xiàn)出如此善于交際的態(tài)度。這可能尤其需要體現(xiàn)在系統(tǒng)出錯(cuò)的時(shí)候，當(dāng)你的用戶在你設(shè)計(jì)的任務(wù)中走到了“死胡同”，那可能的問題在于，你對(duì)他們?nèi)狈﹃P(guān)心和理解。設(shè)計(jì)師在考慮錯(cuò)誤情況的時(shí)候應(yīng)該盡可能多的預(yù)判到用戶可能需要的幫助，并做好引導(dǎo)，更好的是加入一些情感化的元素。在這一方面，Uber的設(shè)計(jì)是個(gè)很好的榜樣，首先它的幫助頁面給了用戶一個(gè)考慮周全的選擇list（見圖6），然后以一種循序漸進(jìn)的方式引導(dǎo)用戶并主動(dòng)幫用戶細(xì)化問題（見圖6），最后根據(jù)問題的不同向用戶收集相應(yīng)的反饋信息（見圖6）。所以Uber的幫助功能做的不簡(jiǎn)單，你們可以去觀察它每一個(gè)問題的最后步驟，就可以感受到它是認(rèn)真地在幫用戶解決問題。其實(shí)它也可以不必大費(fèi)周章的為每一個(gè)問題設(shè)計(jì)有針對(duì)性的交互，但就是這樣的細(xì)節(jié)給了用戶“被關(guān)注”的體驗(yàn)。
圖6
就總結(jié)到這吧。讓我引Larry Tesler（蘋果VP）的一句話來總結(jié)陳詞：系統(tǒng)的復(fù)雜性的總量是一個(gè)恒量：當(dāng)你使人的互動(dòng)行為更簡(jiǎn)單，那么隱藏在幕后的復(fù)雜性就增加了；問題就在于你想讓誰去面對(duì)這‘復(fù)雜’，是用戶還是開發(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ì)( m.ocunn.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.ocunn.cn