交互設(shè)計(jì)的簡(jiǎn)約之道與實(shí)際應(yīng)用

隨著信息過(guò)載越來(lái)越嚴(yán)重，人們的負(fù)擔(dān)也越來(lái)越嚴(yán)重。手機(jī)、PC、平板甚至各種穿戴式設(shè)備等傳遞著各種消息，微信、微博等不斷蠶食著我們的時(shí)間。事實(shí)上，很多時(shí)候我們已經(jīng)不堪重負(fù)，每天早上當(dāng)我醒來(lái)打開(kāi)微信的時(shí)候，都有著十幾條的信息。

　　信息的泛濫，在很大程度造成了人們的注意力的分散?，F(xiàn)在的移動(dòng)應(yīng)用，如果不能在10秒鐘內(nèi)吸引用戶，也許再也沒(méi)有機(jī)會(huì)了。應(yīng)用趨向于簡(jiǎn)單、易上手。風(fēng)靡世界的憤怒的小鳥(niǎo)、切水果、會(huì)說(shuō)話的湯姆貓，交互方式都簡(jiǎn)單而且創(chuàng)新，或者手指滑動(dòng)屏幕，或者只需對(duì)著屏幕說(shuō)話。

　　互聯(lián)網(wǎng)的用戶通?？梢苑譃槿缦氯悾褐髁饔脩?、隨意型用戶、專家型用戶。不同的地點(diǎn)(辦公室、家、戶外)、不同的場(chǎng)景干擾因素不同，產(chǎn)品的著力點(diǎn)也不一樣。但由于我們平時(shí)接觸較多的熱心用戶，更多的是屬于專家型用戶，這也是做產(chǎn)品時(shí)常犯的一種錯(cuò)誤：為那些專家型用戶設(shè)計(jì)。

　　《簡(jiǎn)約至上》中作者就提出了四條策略來(lái)闡述如何讓設(shè)計(jì)更簡(jiǎn)單：

　　●刪除—去掉所有不必要的按鈕，直至減到不能再減

　　●組織—按照有意義的標(biāo)準(zhǔn)將按鈕劃分成組

　　●隱藏—把那些不是最重要的按鈕安排在不明顯的地方，避免分散用戶注意力

　　●轉(zhuǎn)移—只保留具備最基本功能的按鈕，將其他不常用的轉(zhuǎn)移到其他設(shè)備

　　如上圖是DVD遙控器，作者運(yùn)用這四條策略分別簡(jiǎn)化后的效果：

　　簡(jiǎn)約策略的實(shí)際應(yīng)用

　　刪除

　　刪除策略的核心是，干掉那些分散注意力的因素，聚焦于項(xiàng)目。在確定什么功能該保留、什么功能該刪除的時(shí)候，遵循如下原則：

　　●刪除—去掉所有不必要的按鈕，直至減到不能再減：iPhone和iPad就簡(jiǎn)化到只有一個(gè)Home按鍵。

　　●應(yīng)對(duì)用戶在使用產(chǎn)品過(guò)程中常見(jiàn)的干擾源也是關(guān)注核心的一部分：

　　●看電視時(shí)來(lái)電話了這是個(gè)很常見(jiàn)的干擾，這時(shí)候就可以用靜音按鈕來(lái)解決。因此設(shè)計(jì)遙控器的時(shí)候就要通過(guò)按鈕大小、位置、顏色使得靜音按鈕明顯。

　　●玩手機(jī)游戲的時(shí)候來(lái)電話了，當(dāng)你接電話的時(shí)候游戲都會(huì)自動(dòng)暫停，當(dāng)重新開(kāi)始后又會(huì)有幾秒鐘時(shí)間提醒你開(kāi)始玩。

　　●360瀏覽器、谷歌瀏覽器異常關(guān)閉了，下一次打開(kāi)時(shí)就會(huì)詢問(wèn)是否重新打開(kāi)上一次關(guān)閉的頁(yè)面。

　　●當(dāng)客戶再次光顧網(wǎng)站/應(yīng)用，它通常愿意以前次離開(kāi)的狀態(tài)作為起點(diǎn)：

　　●福昕閱讀器每次打開(kāi)同一個(gè)PDF文件，顯示的都是第1頁(yè)，與此形成對(duì)比的是手機(jī)QQ閱讀瀏覽器則每次打開(kāi)的都是上次閱讀的頁(yè)碼。

　　●Chrome、獵豹等瀏覽器支持啟動(dòng)時(shí)繼續(xù)瀏覽上次關(guān)閉瀏覽器時(shí)在看的網(wǎng)頁(yè)

　　●去除干擾源，不讓用戶分心

　　●印象筆記出了一款chrome插件—悅讀，用來(lái)去除與閱讀無(wú)關(guān)的內(nèi)容。不少網(wǎng)友都有看有小說(shuō)被各種彈出廣告、浮動(dòng)廣告干擾的經(jīng)歷，當(dāng)選中文字進(jìn)入“悅讀”模式可以屏蔽所有的廣告，同時(shí)提供了夜間模式，避免夜晚的時(shí)候屏幕過(guò)強(qiáng)的光線刺激用戶眼睛不能專心閱讀。

　　組織

　　●分塊越少，選擇越少，用戶負(fù)擔(dān)越輕。

　　●按照有意義的標(biāo)準(zhǔn)將按鈕劃分成組：

　　●Word上作為一款文字處理應(yīng)用程序功能很強(qiáng)大，但也由此帶來(lái)了非常多的功能，但通過(guò)分塊地方式很好地將類似的功能組合在一起。頁(yè)面上方提供“頁(yè)面布局”、“引用”、“審閱”、“視圖”等菜單，每個(gè)菜單根據(jù)子項(xiàng)分塊組合。當(dāng)我需要需要插入頁(yè)眉時(shí)，會(huì)想到點(diǎn)擊“插入”菜單，發(fā)現(xiàn)“頁(yè)眉和頁(yè)腳”分塊下“頁(yè)眉”、“頁(yè)腳”、“頁(yè)碼”三項(xiàng)。不需要毫無(wú)頭緒地從眾多功能中逐個(gè)查找了。

　　●關(guān)于分塊組合最常見(jiàn)的例子是iOS上的應(yīng)用，iOS的Table控件本來(lái)就有一種是Group風(fēng)格的。

　　●微信底部朋友們、設(shè)置兩個(gè)標(biāo)簽都采用了分塊的方式來(lái)組織信息，將搜索號(hào)碼、掃描二維碼、從QQ好友列表、從手機(jī)通訊錄查找好友等添加好友的各種方式組織在一起。

　　隱藏

　　●漸進(jìn)展示：核心功能+擴(kuò)展功能的模式

　　●隱藏策略我最喜歡的一個(gè)案例是植物大戰(zhàn)僵尸(保衛(wèi)蘿卜也采取了這種方式)。植物大戰(zhàn)僵尸的引導(dǎo)頁(yè)面做的非常棒，一開(kāi)始只提供最簡(jiǎn)單的道具(隱藏高級(jí)的道具)，每完成一個(gè)關(guān)卡就會(huì)獎(jiǎng)勵(lì)一個(gè)道具，并在下一關(guān)卡讓你使用。這種漸進(jìn)式的展示，既通過(guò)獎(jiǎng)勵(lì)道具激勵(lì)用戶，又讓用戶熟悉了道具的特點(diǎn)、用法。

　　●需要時(shí)才顯示

　　●Path在手指上下滑動(dòng)時(shí)會(huì)顯示好友的頭像和信息發(fā)布的時(shí)間，但一旦停留在某張圖片上時(shí)(這通常意味著你對(duì)這張照片感興趣)，會(huì)將頭像和時(shí)間隱藏起來(lái)，讓用戶聚焦于感興趣的地方。

　　轉(zhuǎn)移

　　●轉(zhuǎn)移策略的核心轉(zhuǎn)移復(fù)雜性，是讓每個(gè)組件/平臺(tái)發(fā)揮自己的優(yōu)勢(shì)：

　　●iPad和iPhone只有一個(gè)Home鍵，將設(shè)置轉(zhuǎn)移到界面內(nèi)

　　●在如今的PC和移動(dòng)應(yīng)用上大有用武之地。比如手機(jī)輸入遠(yuǎn)不如PC便利，微信網(wǎng)頁(yè)版就允許用戶在PC上登錄。

　　●最近豌豆莢新增了“零流量下載”：用戶選擇想要下載的電影，手機(jī)連接PC后PC上的豌豆莢會(huì)自動(dòng)下載。因?yàn)槭謾C(jī)網(wǎng)絡(luò)速度慢且資費(fèi)昂貴，但這對(duì)PC而言根本不是問(wèn)題，所以就很自然地把這類問(wèn)題轉(zhuǎn)移到PC端。