內(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)略方針”。
01/
善用Affordance(功能可見(jiàn)性/語(yǔ)義符號(hào))
功能可見(jiàn)性( Affordence )指的是,事物的本身(或它所處的環(huán)境)表現(xiàn)出的一種線索,讓人們自然而然的感知到如何去使用。用一些生活中的例子來(lái)解釋的話,就好比:沒(méi)有把手的門就表示它是用來(lái)推的(見(jiàn)圖1);無(wú)需任何解釋,門口地上的凹槽就會(huì)被人們用來(lái)立雨傘(見(jiàn)圖2)等等。
同樣,在界面設(shè)計(jì)中,功能可見(jiàn)性作為一種無(wú)聲的解釋,也可以被用來(lái)“強(qiáng)化”或“簡(jiǎn)化”設(shè)計(jì)。比如說(shuō)一些常用的設(shè)計(jì)模式(patterns):radio button (見(jiàn)圖3),再?zèng)]有比它更能夠精準(zhǔn)的表達(dá)“單選”這個(gè)概念的選擇了,對(duì)大眾用戶來(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è)操作就是這類頁(yè)面“與生俱來(lái)”的功能(見(jiàn)圖3)。善用Affordence,可以讓你的設(shè)計(jì)為用戶提供更適當(dāng)?shù)母拍钅P停瑺I(yíng)造更自然的intuitive user experience,也就是說(shuō)越不需要認(rèn)知成本的體驗(yàn)就越輕松。
有關(guān)更全面的功能可見(jiàn)性的文章,推薦大家去看這一篇 “需要時(shí)顯示——論App中的功能可見(jiàn)性” [2],鏈接附在Reference里。
在本書(shū)里,被著重介紹的是社會(huì)性語(yǔ)義符號(hào)(Affordance中的一類分支),它類似于一種指示器,使得社會(huì)上的信號(hào)可以被解讀;就好比火車站臺(tái)上人群的狀態(tài),它輔助你判斷火車是否已離去。有時(shí)候它也是一種證據(jù):比如說(shuō)人的行為就是帶有信息功能的,街頭有人指著天向上看,很快就會(huì)有一群人圍過(guò)來(lái)一起看 — 我們有能力根據(jù)別人的行為來(lái)判斷事件的狀態(tài)。當(dāng)然,生活中也有很多蓄意性的、明確的社會(huì)性語(yǔ)義符號(hào):比如說(shuō)在西方的豪華宴會(huì)上,用餐完畢后,把餐巾折疊好放到自己盤子的左側(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),用戶在商品詳情頁(yè)的評(píng)論中看到其他用戶所生成的追加形式的評(píng)論便可預(yù)判到這個(gè)功能的存在,也就是說(shuō)他們?cè)跊](méi)有看到“追加評(píng)論”這個(gè)按鈕之前便已有“我能這么干”的認(rèn)知了。這些類似的跡象都可以幫助我們?cè)谀承?a href=http://dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計(jì)情景中省略一些不必要的“啰嗦”,有時(shí)候群眾的行為可以為個(gè)體用戶提供恰到好處的引導(dǎo)。
2、讓你的設(shè)計(jì)更 Sociable (善于交際)
在“讓機(jī)器更human”的路上,我們已經(jīng)一發(fā)不可收拾,讓用戶感覺(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)你的用戶在你設(shè)計(jì)的任務(wù)中走到了“死胡同”,那可能的問(wèn)題在于,你對(duì)他們?nèi)狈﹃P(guān)心和理解。設(shè)計(jì)師在考慮錯(cuò)誤情況的時(shí)候應(yīng)該盡可能多的預(yù)判到用戶可能需要的幫助,并做好引導(dǎo),更好的是加入一些情感化的元素。在這一方面,Uber的設(shè)計(jì)是個(gè)很好的榜樣,首先它的幫助頁(yè)面給了用戶一個(gè)考慮周全的選擇list(見(jiàn)圖6),然后以一種循序漸進(jìn)的方式引導(dǎo)用戶并主動(dòng)幫用戶細(xì)化問(wèn)題(見(jiàn)圖6),最后根據(jù)問(wèn)題的不同向用戶收集相應(yīng)的反饋信息(見(jiàn)圖6)。所以Uber的幫助功能做的不簡(jiǎn)單,你們可以去觀察它每一個(gè)問(wèn)題的最后步驟,就可以感受到它是認(rèn)真地在幫用戶解決問(wèn)題。其實(shí)它也可以不必大費(fèi)周章的為每一個(gè)問(wèn)題設(shè)計(jì)有針對(duì)性的交互,但就是這樣的細(xì)節(jié)給了用戶“被關(guān)注”的體驗(yàn)。
就總結(jié)到這吧。讓我引Larry Tesler(蘋果VP)的一句話來(lái)總結(jié)陳詞:系統(tǒng)的復(fù)雜性的總量是一個(gè)恒量:當(dāng)你使人的互動(dòng)行為更簡(jiǎn)單,那么隱藏在幕后的復(fù)雜性就增加了;問(wèn)題就在于你想讓誰(shuí)去面對(duì)這‘復(fù)雜’,是用戶還是開(kāi)發(fā)人員 。
生活就是我們的老師,它會(huì)告訴我們很多的東西。

全部評(píng)論