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

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

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

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

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

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

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

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

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

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

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

　　刪除

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

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

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

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

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

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

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

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

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

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

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

　　組織

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

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

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

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

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

　　隱藏

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

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

　　●需要時(shí)才顯示

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

　　轉(zhuǎn)移

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

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

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

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