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