淺析“形式服從功能”在界面設(shè)計(jì)中的應(yīng)用

高茜　王如

摘 要：隨著電子產(chǎn)品的高速更新?lián)Q代，數(shù)字應(yīng)用類產(chǎn)品的普及，界面設(shè)計(jì)也伴隨著計(jì)算機(jī)技術(shù)的革新在不斷地更新以適應(yīng)用戶越來(lái)越高的需求。扁平化風(fēng)格的流行使得曾經(jīng)風(fēng)靡一時(shí)的擬物化風(fēng)格慢慢淡出人們的視野。但是不論形式風(fēng)格如何變換交替，始終不變的是：優(yōu)秀的設(shè)計(jì)必須以滿足用戶需求為出發(fā)點(diǎn)。這種以功能為導(dǎo)向的設(shè)計(jì)，與現(xiàn)代主義的設(shè)計(jì)原則“形式服從功能”不謀而合。

關(guān)鍵詞：形式服從功能；界面設(shè)計(jì)；用戶需求

0 引言

數(shù)字時(shí)代的產(chǎn)品，以各種移動(dòng)終端作為平臺(tái)，隨著數(shù)字應(yīng)用類產(chǎn)品的普及，互聯(lián)網(wǎng)進(jìn)入移動(dòng)互聯(lián)網(wǎng)時(shí)代，眾多企業(yè)與個(gè)人開發(fā)者希望從中掘金。在這樣的背景下，軟件界面設(shè)計(jì)、用戶研究、用戶需求分析等成為應(yīng)運(yùn)而生的熱門職業(yè)和話題。大家在分析界面設(shè)計(jì)，交互設(shè)計(jì)和視覺設(shè)計(jì)時(shí)候有這樣一個(gè)比喻，利用建筑設(shè)計(jì)行業(yè)的一套說法：建筑設(shè)計(jì)對(duì)應(yīng)的是界面設(shè)計(jì)，結(jié)構(gòu)師對(duì)應(yīng)交互設(shè)計(jì)，建筑外觀設(shè)計(jì)師則是視覺設(shè)計(jì)。當(dāng)設(shè)計(jì)師設(shè)計(jì)一棟建筑時(shí)，最主要的作用是發(fā)揮功能的作用，在功能的基礎(chǔ)上做好外觀的設(shè)計(jì)。這個(gè)比喻讓我想到了在20世紀(jì)初期的建筑設(shè)計(jì)領(lǐng)域，有一個(gè)非常有影響力的設(shè)計(jì)原則。自從美國(guó)芝加哥建筑派的領(lǐng)軍人物路易斯·沙利文（Louis Sullivan，18561924）提出“形式服從功能”的設(shè)計(jì)口號(hào)以后，該口號(hào)影響了整個(gè)現(xiàn)代主義設(shè)計(jì)。在路易斯·沙利文看來(lái)，自然界的形態(tài)與機(jī)能是恰當(dāng)而又自然地融合在一起，那么我們所做的設(shè)計(jì)也應(yīng)該如此。沙利文并不反對(duì)裝飾，他曾表示：只要裝飾部分與本體部分融為一體，那么它比看起來(lái)像貼上去的裝飾要美得多。這個(gè)原則應(yīng)用在界面設(shè)計(jì)也非常的恰當(dāng)。

1 “形式服從功能”原則在界面設(shè)計(jì)中的體現(xiàn)

1.1 界面設(shè)計(jì)首先需要做到符合人們的期待

人們總是喜歡符合自己期待的行為。當(dāng)人、事物或者軟件的行為始終符合我們的期望時(shí)，我們會(huì)感到與之關(guān)系良好，這也是界面設(shè)計(jì)應(yīng)該做到的。在實(shí)踐中，這意味著用戶只要看一眼就可以明白接下來(lái)將會(huì)有什么的反應(yīng)，如果它看上去像個(gè)按鈕，那么它就應(yīng)該具備按鈕的功能。設(shè)計(jì)師不應(yīng)該在基本的交互問題上做過多的“創(chuàng)新”，要在更高層次的問題上發(fā)揮創(chuàng)造力。

1.2 可用性是設(shè)計(jì)的基礎(chǔ)

在設(shè)計(jì)領(lǐng)域，界面設(shè)計(jì)成功的要素就是有用戶使用它。例如，一個(gè)應(yīng)用軟件，雖然界面漂亮美觀，但是功能不全，不夠?qū)嵱茫敲从脩舨粫?huì)選擇使用它，它也就是失敗的設(shè)計(jì)。界面設(shè)計(jì)僅僅能夠滿足其設(shè)計(jì)者的虛榮心是不夠的，它必須要有用。蘋果的設(shè)計(jì)之所以精彩，連中老年的用戶都能夠很快入手，其中的一個(gè)重要原因是蘋果在處理設(shè)計(jì)的樣式以及優(yōu)先級(jí)方面非常成功，設(shè)計(jì)師在設(shè)計(jì)的過程中一定是非常有魄力的砍掉多余的元素，從而讓重點(diǎn)的變的更突出，讓功能變得更明確。

1.3 設(shè)計(jì)師要摒棄盲目的外觀崇拜，減少非功能性的多余裝飾

設(shè)計(jì)師比較容易陷入盲目的外觀即“形式”崇拜中，設(shè)計(jì)人員甚至是用戶都有可能受到誘惑，去盲目崇拜功能或者設(shè)計(jì)的復(fù)雜性。人們總是希望購(gòu)買價(jià)格最高，功能最全的產(chǎn)品。他們需要這么復(fù)雜的產(chǎn)品嗎？不，他們不需要！他們真正用到的功能并不多。很多時(shí)候人們因?yàn)楫a(chǎn)品過于復(fù)雜，頁(yè)面設(shè)計(jì)過于花哨，導(dǎo)致使用的時(shí)候無(wú)從下手。以擬物化設(shè)計(jì)為代表的設(shè)計(jì)風(fēng)格方便了用戶的使用，增強(qiáng)用戶體驗(yàn)，但是在其發(fā)展過程中，擬物也漸漸地展現(xiàn)出一些不如人意的地方。從界面設(shè)計(jì)來(lái)看，以蘋果的數(shù)字產(chǎn)品界面為例，它常常使用精致的機(jī)理效果來(lái)模仿金屬、皮革等質(zhì)感，在造型上過于注重美感表達(dá)，較大的視覺空間里卻只能表現(xiàn)少量的信息，信息的傳遞效率較低。為了視覺效果，用戶需要增加與產(chǎn)品的交互步驟，延長(zhǎng)了交互的流程。原本簡(jiǎn)潔的界面變成復(fù)雜的視覺元素間的堆砌，擬物那種老少咸宜易用性的初衷已經(jīng)喪失掉了。

2 案例分析

在我接觸到的工作中，由于新的工作任務(wù)需求還未出來(lái)，所以一開始同事們只是修改視覺方面，不修改交互。由于沒有方向性，我們?cè)O(shè)計(jì)的視頻會(huì)議軟件的界面風(fēng)格變得“像霧像雨又像風(fēng)”。這個(gè)過程中，返工增多，工作效率也嚴(yán)重下降。如果那個(gè)時(shí)候有正確的出發(fā)點(diǎn)的話，不只關(guān)注產(chǎn)品外觀也注意用戶整個(gè)體驗(yàn)的小細(xì)節(jié)，或許就不會(huì)發(fā)生這樣痛苦的過程。

為了方便深入分析，我需要再次借用關(guān)于蘋果iOS7的案例——蘋果在iOS7的官方主頁(yè)最顯眼的位置寫道：“When something is designed to work beautifully，it tends to look that way，too。用起來(lái)漂亮的和看起來(lái)漂亮的，總是不謀而合”意思是：當(dāng)某種東西是為了讓運(yùn)行更加完美而設(shè)計(jì)的，那它就是最恰當(dāng)?shù)脑O(shè)計(jì)。我想蘋果的意思可能是，更簡(jiǎn)潔的扁平化設(shè)計(jì)，令整個(gè)界面可以容納更多的信息、更多的功能、更容易使用，所以它就是最好的。顯然蘋果希望避開iOS7美丑的爭(zhēng)論，好用和功能才是他們希望強(qiáng)調(diào)的。蘋果的官方主頁(yè)聲稱，一切新的設(shè)計(jì)都是為了更好用。似乎他們已經(jīng)預(yù)知了iOS7界面上的改變太大：模仿代替了創(chuàng)新，扁平化設(shè)計(jì)代替了立體化設(shè)計(jì)，會(huì)讓“果粉”心情難受，甚至覺得新的丑，所以干脆說，形式不是重點(diǎn)，重點(diǎn)是功能更好用。那么對(duì)于產(chǎn)品，究竟是“用起來(lái)漂亮的”重要，還是“看起來(lái)漂亮的”更重要？

2.1 “用起來(lái)漂亮的”——功能與可用性優(yōu)先

正如前面案例描述中所提到的該軟件（用于視頻會(huì)議）是先專注于提升產(chǎn)品的視覺愉悅性，然后再考慮人機(jī)交互、操作邏輯等用戶體驗(yàn)的交互性，尤其在新需求提出的這個(gè)階段，設(shè)計(jì)理念與用戶需求總有不符的時(shí)候，盡管兩者都是以人為本的，為用戶能在體驗(yàn)過程中更加愉悅而設(shè)計(jì)，但要有所取舍，比如新需求文檔中有要求類似QQ等即時(shí)通信產(chǎn)品 “入會(huì)時(shí)，視音頻會(huì)議直接與文字討論窗口合并，并且支持合并拆分”，后來(lái)之所以暫時(shí)不實(shí)現(xiàn)，是因?yàn)槲覀冋J(rèn)為視頻會(huì)議軟件不能為了文字討論窗口，而把視音頻窗口設(shè)計(jì)得很大，必須嚴(yán)格按照顯示分辨率，找到人們最舒適的操作使用，使它最終成為一個(gè)切實(shí)可用的產(chǎn)品。

為了讓產(chǎn)品更加實(shí)用，我們?cè)黾恿烁袃r(jià)值的更多功能，其設(shè)計(jì)過程也讓我想到了“形式服從功能”這句話，在設(shè)計(jì)的過程中，設(shè)計(jì)師有計(jì)劃去落實(shí)更多的想法，實(shí)現(xiàn)更多有意思的功能，但同時(shí)也做好了將其中大部分可能扔掉砍掉的準(zhǔn)備，其成本確實(shí)高，但卻是極為需要的。從長(zhǎng)期的角度來(lái)看，這樣的方式可以幫助我們打造出用戶真正需要的產(chǎn)品。出于這些原因，我個(gè)人傾向于功能與可用性優(yōu)先的方式，不過這種通過理性分析入手的設(shè)計(jì)思路或多或少會(huì)讓設(shè)計(jì)師失去一些在創(chuàng)意上實(shí)現(xiàn)突破的機(jī)會(huì)，但是對(duì)于任何界面來(lái)說，保證產(chǎn)品功能和可用性都是最重要的前提。無(wú)論我們的實(shí)踐方式從哪個(gè)角度出發(fā)，有一點(diǎn)是無(wú)疑的：任何一個(gè)好的設(shè)計(jì)方案都必須以產(chǎn)品功能的可行、可用、可靠為基礎(chǔ)。產(chǎn)品是給人使用的，是給目標(biāo)用戶帶來(lái)最佳體驗(yàn)，不是只當(dāng)做裝飾、藝術(shù)品，所以我認(rèn)為，作為設(shè)計(jì)師，我們?cè)O(shè)計(jì)產(chǎn)品過程中最需要關(guān)注的是產(chǎn)品功能如何運(yùn)作，而不僅僅是考慮視覺呈現(xiàn)方面的問題。

2.2 “看起來(lái)漂亮的”——視覺設(shè)計(jì)提升產(chǎn)品體驗(yàn)的愉悅性

我們都知道第一印象的重要性，不可否認(rèn)，人們確實(shí)會(huì)以貌取物，精心雕琢的界面可以在最短時(shí)間內(nèi)給用戶帶來(lái)視覺上的沖擊。一個(gè)好的產(chǎn)品，看起來(lái)賞心悅目又有藝術(shù)感，將會(huì)讓用戶在使用過程中更加愉悅，這就如同家具，功能固然重要，然而設(shè)計(jì)的好看仍然是你相中一款家具的最重要原因，不然誰(shuí)愿意從早到晚都使用枯燥單調(diào)的界面？

近兩年來(lái)，在設(shè)計(jì)領(lǐng)域中，我們聽到最多的就是“扁平化設(shè)計(jì)”了，關(guān)鍵是，你是否將扁平化設(shè)計(jì)視作是一種模仿和跟風(fēng)。最早開始扁平化設(shè)計(jì)是微Windows Phone、安卓4.0智能手機(jī)和Google+社交網(wǎng)站，基于有限的屏幕要容納更多的信息，簡(jiǎn)潔和一目了然的扁平化設(shè)計(jì)當(dāng)然會(huì)大行其道，iOS7也好，整個(gè)業(yè)界也罷，它們?cè)O(shè)計(jì)的扁平化只是響應(yīng)了這個(gè)無(wú)可阻擋的設(shè)計(jì)潮流。也正因如此，同樣基于扁平化設(shè)計(jì)的產(chǎn)品有了更多的相似性。iOS7的設(shè)計(jì)并沒有給我們太多新意，但是我覺得iOS7與同樣采用扁平化視覺風(fēng)格的其他產(chǎn)品或多或少有所區(qū)別，因?yàn)槠浣Y(jié)合產(chǎn)品的具體需求來(lái)創(chuàng)建或維持更加定制化的特色，在一些細(xì)節(jié)有注入能夠讓用戶在使用上為之吸引的元素，比如設(shè)備的傾斜會(huì)使系統(tǒng)界面產(chǎn)生隨之輕微傾斜的視覺效果，背景圖片朝著設(shè)備水平位置較高的一個(gè)側(cè)面進(jìn)行簡(jiǎn)單的移動(dòng)，雖然這是不足以改變業(yè)界的重大視覺效果，但可以取悅用戶，也從中隱約感受到其設(shè)計(jì)團(tuán)隊(duì)付出的心血。

3 總結(jié)

如果說交互的方式和界面的風(fēng)格屬于“形式”，那么用戶需求就是最根本的“功能”。隨著用戶體驗(yàn)設(shè)計(jì)的不斷深入研究，我們發(fā)現(xiàn)有很多問題最終都會(huì)歸結(jié)到用戶需求上面來(lái)。只有對(duì)用戶體驗(yàn)的各個(gè)階段、渠道和接觸點(diǎn)進(jìn)行全面的研究與分析，去了解目標(biāo)用戶的需求、行為和想法，才能提供最適合的解決方案。用戶體驗(yàn)設(shè)計(jì)的質(zhì)量很大程度上取決于我們對(duì)目標(biāo)用戶的了解程度有多深，而不是界面的交互或視覺設(shè)計(jì)形式有多贊。該論文研究的創(chuàng)新點(diǎn)也在于此。僅僅專注于界面夠不夠漂亮，或者僅僅為了滿足用戶需求所設(shè)計(jì)出的產(chǎn)品都不會(huì)是最好的作品。文章并沒有抨擊擬物化或者過度褒獎(jiǎng)扁平化的意思，擬物化風(fēng)格為了更好地體貼用戶所做出的努力是我們有目共睹的，設(shè)計(jì)師在使界面更為仿真，更具震撼的視覺效果上執(zhí)著的追求也令我很感動(dòng)。在這個(gè)追求創(chuàng)新和快速消費(fèi)的年代，需要設(shè)計(jì)出更效率，更新穎、更有個(gè)性的作品，設(shè)計(jì)師也應(yīng)該不斷調(diào)整自己的眼光以適應(yīng)環(huán)境的變化。最后，我認(rèn)為好的產(chǎn)品，美觀又不失功能性；好的設(shè)計(jì)，能為用戶的需求而設(shè)計(jì)，提高質(zhì)量，并且實(shí)用，經(jīng)得起時(shí)間的考驗(yàn)；好的設(shè)計(jì)師，能知道如何處理好形式與功能之間的平衡，并解決產(chǎn)品中的實(shí)質(zhì)問題。

參考文獻(xiàn)：

[1] 夏穎翀.數(shù)字產(chǎn)品界面中樸素的設(shè)計(jì)和冗余的設(shè)計(jì)[J].裝飾，2013.

[2] 高茜.現(xiàn)代設(shè)計(jì)史[M].上海：華東理工大學(xué)出版社，2011.

[3] Steve Krug.DONT MAKE ME THINK[M].北京：機(jī)械工業(yè)出版社，2006.

[4] Smashing Magazine.眾妙之門網(wǎng)站UI設(shè)計(jì)之道[M].賈云龍，王士強(qiáng)，譯.人民郵電出版社，2012.

[5] 雷納德·A·諾曼.設(shè)計(jì)心理學(xué)[M].北京：中信出版社，2010.

[6] 現(xiàn)代軟件界面設(shè)計(jì)的歷史及藝術(shù)特性[J].藝海，2011（11）.

[7] 馬娜娜.簡(jiǎn)潔而不乏味——淺談扁平化界面設(shè)計(jì)[J].大眾文藝，2013.