#讀書筆記#無復(fù)雜,不設(shè)計(jì)

2016-11-11    用心設(shè)計(jì)

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

來源:UI中國

Image title


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


近些年,受到因蘋果而掀起的極簡風(fēng)的影響,多少設(shè)計(jì)書籍推崇著簡約至上的設(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é)我們要做減法,一口吃成胖子沒有好下場;還有多少次,我看著淘寶的PC首頁,心里默默地念叨,你們好改版咧…呵呵呵呵…


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


所以,其實(shí)我們的生活本就是復(fù)雜的,而要使生活更輕松,我們需要更強(qiáng)大、更復(fù)雜的工具 —— 生活變得簡單是由于擁有了少量復(fù)雜的多功能工具(比如說瑞士軍刀,多功能的微波爐、洗衣機(jī)等),而不是大量有特殊用途的工具。人們常常因?yàn)樾驴萍夹鹿δ艿哪吧г梗虼怂麄兒粲酢昂唵巍?;然而真正簡單的產(chǎn)品,又會(huì)被挑剔缺乏 “關(guān)鍵性” 的功能;所以人們終歸想要的是:簡單到只有一個(gè)按鈕的操作,但要有所有他們喜愛的功能,這簡直就是不可能的(請(qǐng)不要拿iPhone來挑刺…)[1]。所以這些不可能就要由設(shè)計(jì)師來挑戰(zhàn):好的設(shè)計(jì)能夠馴服復(fù)雜,不是讓事物變得簡單,而是去管理復(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)容以最簡易的形式呈現(xiàn)更是UX designer的使命所在。


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



1、善用Affordance(功能可見性/語義符號(hào))


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


Image title

圖1


Image title

圖2




同樣,在界面設(shè)計(jì)中,功能可見性作為一種無聲的解釋,也可以被用來“強(qiáng)化”或“簡化”設(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ù)母拍钅P?,營造更自然的intuitive user experience,也就是說越不需要認(rèn)知成本的體驗(yàn)就越輕松。


Image title

圖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)。 


Image title

圖4


Image title

圖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)度提供幫助?,F(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的幫助功能做的不簡單,你們可以去觀察它每一個(gè)問題的最后步驟,就可以感受到它是認(rèn)真地在幫用戶解決問題。其實(shí)它也可以不必大費(fèi)周章的為每一個(gè)問題設(shè)計(jì)有針對(duì)性的交互,但就是這樣的細(xì)節(jié)給了用戶“被關(guān)注”的體驗(yàn)。  


Image title

圖6





就總結(jié)到這吧。讓我引Larry Tesler(蘋果VP)的一句話來總結(jié)陳詞:系統(tǒng)的復(fù)雜性的總量是一個(gè)恒量:當(dāng)你使人的互動(dòng)行為更簡單,那么隱藏在幕后的復(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




Image title

藍(lán)藍(lán)設(shè)計(jì)m.820esy.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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ù)

分享本文至:

日歷

鏈接

個(gè)人資料

存檔