林潤馥 劉永翔

摘要：通過觀察如今普及在我們?nèi)粘５纳钪杏脩艚缑娴氖褂?，剖析用戶界面設(shè)計的真正意義和核心。引出隱形的設(shè)計美學才是如今設(shè)計師進行界面設(shè)計的時候，應該深刻認識到的本質(zhì)。文章中歸納了關(guān)于隱形設(shè)計在界面設(shè)計中應用的三個觀點。并以Dropbox的手機APP應用更新為實例進行了深入的解析。同時也舉例了生活中我們經(jīng)常使用并且能感受到得隱形設(shè)計美學。希望通過文章指出用戶界面設(shè)計的靈魂之處，摒棄一味進行過度裝飾的浮夸風氣。

關(guān)鍵詞：隱形設(shè)計 用戶界面 用戶體驗 一致性

中圖分類號：TB472

文獻標識碼：A

文章編號：1003-0069（2015）12-0040-02

1 基于用戶體驗的隱形設(shè)計

1.1 隱形設(shè)計的概述

每一個設(shè)計師的心里，都是希望給用戶創(chuàng)造出令他們眼前一亮的設(shè)計，都希望能讓自己的設(shè)計擁有一種超能力，俘虜用戶心靈的超能力。但這一路在設(shè)計的路上走著，從學校里對設(shè)計的學習，到工作中的運用。越來越感受到，如果僅僅只是局限于形式美的設(shè)計實際并不足夠，設(shè)計也存在著它自己的內(nèi)在美。特別是在界面設(shè)計領(lǐng)域內(nèi)，設(shè)計師很容易會不小心走進過度裝飾的誤區(qū)。設(shè)計的內(nèi)在美，也就是隱形的設(shè)計，才是設(shè)計師真正應該給予用戶的體驗。這篇文章，將會分析為什么隱形設(shè)計美學在用戶界面中如此重要。

現(xiàn)在我們處在一個被熒屏包圍的時代。從大物件到小產(chǎn)品，都帶著需要用戶去操作的屏幕。我們每天手里都會拿著各種電子設(shè)備，無論手機、電腦、平板以及穿戴式設(shè)備。甚至到電視、智能家電或者未來非常完善的智能家居體系。這所有都需要屏幕界面來操作。但如果往遠一點看，未來我們會用到的產(chǎn)品應該是不需要屏幕的。它能聽懂我們的語言，預測我們的需求，感知我們的行為。我不能確定未來是否真的是一個不再有“屏幕”的時代，但這卻是讓我深深沉思的原因，在沒有屏幕的情況下，是否就不存在用戶界面設(shè)計？是否就不存在UI設(shè)計師。而我得出的結(jié)論，并不是這樣的。因為我看到了用戶界面設(shè)計的內(nèi)在，這種從本質(zhì)根源上的設(shè)計美學，是不會因為屏幕的消失而不存在。人永遠都會有一個操作界面系統(tǒng)，無論是現(xiàn)實的屏幕還是虛幻的。而當前，在我們還未進入未來那個時代的時候，應該是做好設(shè)計的本分，想清楚到底界面設(shè)計的本質(zhì)是什么。

1.2 隱形設(shè)計在界面設(shè)計中的重要性

界面設(shè)計不應該是強迫用戶去關(guān)注設(shè)計師的設(shè)計，而取代了產(chǎn)品的內(nèi)容。無論是關(guān)于網(wǎng)站、手機應用或者其他移動設(shè)備的界面設(shè)計，最終的目的都應該是提高用戶的體驗，而不是去妨礙用戶的操作而產(chǎn)生糟糕的體驗。如果一個產(chǎn)品讓用戶可以不用費時間腦力地去達到他們需求的時候，用戶才是最愉悅的。這便是隱形設(shè)計應該在界面設(shè)計中發(fā)揮的重要性。當設(shè)計師添加了自己以為非常了不起的設(shè)計，卻讓用戶非常費解導致完成不了操作，最終產(chǎn)品的結(jié)果就只會是被刪除，用戶很陜找到別的同類產(chǎn)品取而代之。

試想—下，我們每天用身邊的電子產(chǎn)品，無論看一個網(wǎng)頁或者打開一個APP，一定是為了完成某一項事情不是毫無目的的。我們打開淘寶是為了買東西，打開朋友圈是為了看朋友動態(tài)，打開音樂軟件為了找到好聽的歌曲。是的，作為設(shè)計師，我們會去關(guān)注如今的設(shè)計趨勢，我們會去關(guān)注每年最搶眼的設(shè)計風潮是什么。但是用戶真的在意這些嗎？千萬不要因為我們角色不同而深陷其中，導致以偏概全了。事實上市面上確實有這樣一些應用，操作的時候用戶需要打怪獸一樣，跨過一個一個“過度設(shè)計”的阻礙最終才能實現(xiàn)他們想要得到的。經(jīng)常會出現(xiàn)一些看上去像是解決問題的設(shè)計，實際上在操作的時候卻給用戶造成了障礙。要避免這些問題，在這篇文章中會總結(jié)出隱形設(shè)計在用戶界面中的三個重要觀點。

2 隱形設(shè)計的三個重要原則

2.1 隱形設(shè)計的核心是解決問題

解決問題是一切設(shè)計的重點。更是界面設(shè)計中我們倡導隱形設(shè)計的重中之重。在這里，我們不僅要解決問題還要挖掘更深層的問題并且解決它。舉幾個例子，就好像我們身體哪里不舒服，確實，吃點止痛的藥物能夠減少疼痛。但只是暫時性的，根本沒有就解決本質(zhì)的問題。這個現(xiàn)象與我們在做UI設(shè)計其實是同個道理。想象—下當我們在接到設(shè)計任務(wù)，我們開始做產(chǎn)品的界面設(shè)計。中間某個環(huán)節(jié)我們開始覺得不大對勁，我們常常只是從表面下功夫解決問題。其實深層的問題根本沒有根治。這就像是在為“傷口”止血，卻不去將它治愈好。

2.2 隱形設(shè)計的本質(zhì)是時刻為用戶考慮

我們一直所說的設(shè)計，并不是只是指那些給用戶視覺體驗的設(shè)計。更多的還有承接上面說所的解決問題而進行的問題解決方案的設(shè)計。這里面就有一個很常見的問題，那就是用戶在操作界面的時候無法避免地會發(fā)生錯誤。所以當設(shè)計師在進行設(shè)計的時候，要時刻抱著一顆體諒寬容用戶錯誤行為的心，保持以下三個原則。（1）細致的考慮用戶有可能會出現(xiàn)的每個錯誤，并且盡自己最大的可能設(shè)計出當錯誤發(fā)生時的解決方案。（2）當用戶面臨每個已發(fā)生錯誤的路口，提供多條道路供用戶選擇。不會在操作中一旦遇到死胡同就無法進行。（3）盡量少地因為操作錯誤而給用戶一個很大的錯誤警示的應用，估計沒有多少人會很喜歡。千萬要記住，實現(xiàn)目標、達到目標才是用戶的最終目的。不要讓用戶因為在中途出現(xiàn)了錯誤而中斷了操作，設(shè)計師的工作就是要絞盡腦汁地設(shè)計出各種讓用戶更加輕易實現(xiàn)目標的解決方案。

2.3 隱形設(shè)計的基礎(chǔ)是設(shè)計的一致性

似乎一旦提到界面設(shè)計就一定會強調(diào)設(shè)計的一致性。可想而知一致性的重要性。但是，以大多數(shù)人的理解，設(shè)計的一致性更多只是體現(xiàn)在了分隔線、圖標、顏色的一致。我們這里所說的隱形設(shè)計中的一致性，要升華到不僅是這些視覺元素，更重要的是要去了解這款產(chǎn)品的寓意，每個操作的用意，每個元素的設(shè)計不僅要在視覺上達到一致性，還要從功能意義上實現(xiàn)統(tǒng)一。舉個例子，很多設(shè)計師在設(shè)計的時候，會借鑒其他優(yōu)秀APP的設(shè)計。這并不是一件壞事。但是就如所有的登陸口一般都在右上角，我們知道這肯定是有一定的好處。但是這里想提到的是，盡管普遍現(xiàn)象如此，我們依然還是要從自己設(shè)計的產(chǎn)品出發(fā)，設(shè)身處地地好好考慮，這個按鈕是不是適合放在這個位置，是不是放在別的位置會更有關(guān)聯(lián)更有意義。這才是真正的設(shè)計一致性。

3 隱形設(shè)計在界面設(shè)計中的體現(xiàn)

3.1 Dropbox改版設(shè)計中隱形設(shè)計的體現(xiàn)

談到隱形設(shè)計在界面中的應用，腦海中馬上想到的就是非常熱門的文件分享軟件Dropbox。那是因為Dropbox在今年迎來了它的一次改版設(shè)計，五年來的第一次界面設(shè)計改革，這對Dropbox來說是非常意義重大的事情。而在這次重新設(shè)計中，Dropbox堅持了它一貫的原則，便是淡化設(shè)計，讓設(shè)計在產(chǎn)品中隱形。其實了解Dropbox的用戶或者狂熱者都會知道，從2007年這個產(chǎn)品出現(xiàn)到如今，Dropbox一直保持著非常低調(diào)的設(shè)計風格，用Alex的話說就是“We aspire to be as invisible as possible。”我們希望盡可能的弱化設(shè)計，讓設(shè)計僅像是給產(chǎn)品穿了一件有保障的隱形外套。Dropbox一向秉持著這個原則，是因為設(shè)計者覺得從產(chǎn)品的本質(zhì)出發(fā)，作為一款分享文件類的產(chǎn)品，不需要太過花俏的設(shè)計。但在這幾年的時間里，從扁平化設(shè)計到谷歌的Material Design，Dropbox似乎在當中看到了機遇，希望產(chǎn)品在改版中能找到其中的平衡點。就像谷歌引領(lǐng)了Material Design，在減輕設(shè)計負擔的同時又提高了用戶的體驗感。

在新版本中，有兩點可以看出團隊用心地進行了隱形的設(shè)計提高用戶體驗感。（1）Castellarnau和他的團隊對于菜單的改版中，只設(shè)置了四個時間軸，這四個用戶常用的按鈕分別為：文檔、照片、收藏夾和通知。這四個按鈕包含了用戶最常用的操作，盡管看上去很簡單，但總結(jié)出來實際上并沒有那么輕而易舉。我們身邊的設(shè)計師經(jīng)常會希望說打破常規(guī)，創(chuàng)造出新的事物。但這并不適用于所有的產(chǎn)品。最正確的方法應該是清楚地認識到什么對用戶最重要，什么才是用戶最想要得到的。（2）為了找出舊版本設(shè)計的問題，找出到底應該把什么功能去掉，什么功能應該放在最首頁。設(shè)計團隊采訪并且觀察了大量Dropbox使用者或者使用其他同類產(chǎn)品的用戶。居然發(fā)現(xiàn)最重要的一個功能，就是搜索文件的功能竟然藏在了應用的設(shè)置菜單里面，需要點進去二級菜單才可以找到這個按鈕。在Castellarnau看來，一個功能按鈕如果被放在了需要進行兩次點擊才能找到的地方，那肯定是一個不那么重要或者用戶不怎么用的功能。所以新版本中，我們可以在首頁就看到了搜索的小圖標，它放在頂部最顯眼的地方，而且一直會在那里。這樣一個小的改變，其實就是設(shè)計師在經(jīng)過一系列的調(diào)研和思考總結(jié)出來的，然后才是對形式美觀的設(shè)計。這是一系列一套動作，缺一不可。因此你可以看出，這絕對是提升用戶體驗而不是干擾用戶操作的，用戶可能根本就察覺不到，但這要比做出一個浮夸的頁面或者動效，更加有說服力多了。（圖1）

3.2 其他優(yōu)秀隱形設(shè)計案例

我們身邊經(jīng)常用的很多其他產(chǎn)品，優(yōu)秀的設(shè)計師們也都進行了隱形設(shè)計，大大提升了用戶體驗。比如Google驗證，用戶點擊驗證碼后系統(tǒng)會自動對其進行復制，非常方便后續(xù)的操作。這就是切身處地地感受到用戶在操作時候的需求，而進行的微乎其乎的隱形設(shè)計。在非常有名的閱讀媒介網(wǎng)站Medium中，也可以看到這樣的細節(jié)設(shè)計，就比如在小引用中，選擇一段文字后，出現(xiàn)的上下文工具當中，雙引號國標只有一半是高亮的；而對大引用來說，這里的高亮狀態(tài)是完整的。國內(nèi)很有名氣的圖片采集網(wǎng)站花瓣網(wǎng)，當你采集的圖片是之前采集過的，系統(tǒng)會提示你之前已經(jīng)在某個畫板中采集過這張圖了。（圖2、圖3）

4 結(jié)語

優(yōu)秀的用戶界面設(shè)計是很微妙的，幾乎是隱形不可見的。不會有任何阻礙和想要塑造用戶行為的趨向?？偠灾?，用戶界面的主旨在于心存目的但始終堅持簡單的設(shè)計。萬不可因為想要展示設(shè)計技巧，過度進行搶眼的設(shè)計或者盲目跟隨潮流。設(shè)計師要注重每個細節(jié)，讓它們保持高度的和諧。并且時刻統(tǒng)籌大局，讓它展現(xiàn)出產(chǎn)品想要傳達的概念。