自從界面扁平化風(fēng)格來到之時(shí)，“形式服從功能”就變成了一個(gè)時(shí)常被提起的法則，包括二手在設(shè)計(jì)總結(jié)中也時(shí)常提到該法則，但是細(xì)細(xì)想來對(duì)于此法則的引用是否過于片面？本篇目的在于探究“形式服從功能”的適用范圍和局限性。

形式服從功能（Form Follows Function）

設(shè)計(jì)的美感，來自純粹的功能。

來源

“形式服從功能”是第一批設(shè)計(jì)摩天大樓的美國(guó)建筑師之一——路易斯·沙利文提出的，原文如下：

“Whether it be the sweeping eagle in his flight, or the open apple-blossom, the toiling work-horse, the blithe swan, the branching oak, the winding stream at its base, the drifting clouds, over all the coursing sun, form ever follows function, and this is the law. Where function does not change, form does not change. The granite rocks, the ever-brooding hills, remain for ages; the lightning lives, comes into shape, and dies, in a twinkling.

It is the pervading law of all things organic and inorganic, of all things physical and metaphysical, of all things human and all things superhuman, of all true manifestations of the head, of the heart, of the soul, that the life is recognizable in its expression, that form ever follows function. This is the law.”

路易斯·沙利文認(rèn)為形式是功能的表現(xiàn)，功能不變，形式亦不變。20世紀(jì)初的現(xiàn)代主義建筑師廣泛采用這個(gè)法則，后來，被不同領(lǐng)域的設(shè)計(jì)師紛紛采用。

定義

通用設(shè)計(jì)法則定義：“形式服從功能”法則，可以用兩種方法來詮釋，一種是美感描述，另一種是美感規(guī)范?！懊枋鲂栽忈尅敝傅氖敲栏衼碜约兇獾墓δ埽瑳]有其他多余裝飾。“規(guī)范性詮釋”指的是設(shè)計(jì)注重功能，美感屬于次要。

維基百科：“形式服從功能”法則認(rèn)為，建筑物或物體的形狀應(yīng)該與其預(yù)期的功能或者目的密切相關(guān)。

“形式服從功能”法則如何使用在用戶體驗(yàn)設(shè)計(jì)中呢？

網(wǎng)易云音樂播放器和蝦米播放器界面

先來看一個(gè)熟悉的案例，音樂播放器是一款音樂類APP的核心模塊，也是被使用頻率最高的模塊，其重要性不言而喻。蝦米和網(wǎng)易云音樂和蝦米播放器絕對(duì)是非常好的設(shè)計(jì)，“網(wǎng)易云音樂是一張旋轉(zhuǎn)的黑膠唱片和留聲機(jī)唱針，唱針會(huì)隨著歌曲的播放和暫停而動(dòng)作，黑膠唱片是舊時(shí)代音樂的一種標(biāo)志，也象征著對(duì)音樂的極致追求。據(jù)說網(wǎng)易云音樂黑膠唱片轉(zhuǎn)動(dòng)速度是丁磊一個(gè)人在房間里對(duì)著黑膠唱片聽了很多次，反復(fù)試驗(yàn)，最終才確定了它的轉(zhuǎn)速?！比绻亲冯S“形式服從功能”來看的話，那黑膠唱片的設(shè)計(jì)完全是畫蛇添足，浪費(fèi)了界面空間，還浪費(fèi)了開發(fā)資源。我們?cè)賮砜次r米的播放器，當(dāng)我們橫置手機(jī)時(shí)，蝦米的播放器界面變成了一個(gè)虛擬磁帶，甚至連功能button都沒有出現(xiàn)，如果是追隨“形式服從功能”來看的話，這個(gè)設(shè)計(jì)太糟糕了，用戶根本不知道該如何來操作呀！但真的是如此嗎？

需求分析工具圖：產(chǎn)品強(qiáng)度=體驗(yàn)-成本

《騰訊產(chǎn)品法》中有一個(gè)需求分析工具圖（如上圖）總結(jié)出來就是：產(chǎn)品強(qiáng)度=體驗(yàn)-成本。增加產(chǎn)品對(duì)用戶的吸引力，核心是“如何提升產(chǎn)品體驗(yàn)”和“如何削弱可能產(chǎn)生的阻礙成本”來進(jìn)行。根據(jù)“形式服從功能”我們可以降低成本，但是如何增加用戶的體驗(yàn)嗎？在滿足產(chǎn)品功能的前提下，不管是網(wǎng)易云音樂的黑膠唱片還是蝦米的磁帶都在追求體驗(yàn)的極致，只有在體驗(yàn)無限放大，成本降到最低的時(shí)候，這時(shí)候的產(chǎn)品才是真正的好產(chǎn)品。所以設(shè)計(jì)師不要把注意力放到錯(cuò)誤的議題上面。并不是功能就一定要比形式重要。設(shè)計(jì)師要根據(jù)當(dāng)下情況，分析“哪些方面會(huì)是成功的關(guān)鍵？”我們不應(yīng)該把法則變成了教條。

在一款產(chǎn)品從0——1的階段，考慮到時(shí)間和資源因素，很多設(shè)計(jì)就是滿足功能即可，目的是縮短開發(fā)周期，快速投入市場(chǎng)，快速的占領(lǐng)市場(chǎng)；但是當(dāng)產(chǎn)品已經(jīng)有一定用戶的情況下，就要開始建立品牌體系，頁面開始優(yōu)化，這就是開始優(yōu)化用戶體驗(yàn)的過程。

滴滴打車1.0版本與滴滴出行5.0版本界面

我們來看滴滴的界面，從“滴滴打車”到“滴滴出行”的變化，1.0版本的界面滿足了主要功能，但是2013年之時(shí)，打車軟件如雨后春筍，霎時(shí)間鑄造了一個(gè)新興產(chǎn)業(yè)，也吸引著投資人的目光。一個(gè)產(chǎn)業(yè)的發(fā)展必然要經(jīng)歷一次次暴雨的洗禮，打車軟件經(jīng)歷，變相議價(jià)、惡性競(jìng)爭(zhēng)、同質(zhì)化發(fā)展等一系列論調(diào)不約而同地出現(xiàn)在公眾的視線中。當(dāng)所有的打車軟件都有相同的功能，看上去都一樣時(shí)，滴滴2.0版本形象升級(jí)，滴滴的產(chǎn)品與設(shè)計(jì)的專業(yè)性越來越強(qiáng)，漸漸的為用戶和行業(yè)認(rèn)可。滴滴的業(yè)務(wù)在不斷發(fā)展壯大，去年滴滴設(shè)計(jì)團(tuán)隊(duì)（CDX創(chuàng)意設(shè)計(jì)中心）的5.0版本改版總結(jié)可以看出設(shè)計(jì)團(tuán)隊(duì)對(duì)用戶體驗(yàn)的優(yōu)化對(duì)產(chǎn)品的反哺，有興趣的小伙伴可以閱讀《輕“裝”上陣，從“心”出發(fā)——滴滴全新設(shè)計(jì)背后的故事》。

小結(jié)

如果只懂“形式”不懂功能，那還不能完全算是一個(gè)設(shè)計(jì)師，如果“形式服從功能”，那可以算是一個(gè)設(shè)計(jì)師，如果即懂得“形式服從功能”，又懂得“形式反哺功能”的話，這才是一個(gè)優(yōu)秀的設(shè)計(jì)師。用“形式服從功能”可以當(dāng)作美感法則，但是不要把法則當(dāng)作成一個(gè)嚴(yán)苛的設(shè)計(jì)規(guī)范，在設(shè)計(jì)的時(shí)候，當(dāng)分析當(dāng)下的場(chǎng)景，孰輕孰重，靈活運(yùn)用法則，避免生搬硬套。

參考資料：

1. Form follows function，來源：維基百科，鏈接：https://en.wikipedia.org/wiki/Form_follows_function；
2. 《萬字干貨—QQ音樂VS網(wǎng)易云音樂競(jìng)品分析》，小熊pm<著>，來源：簡(jiǎn)書，鏈接：https://www.jianshu.com/p/9b00a36c1b61；
3. 《騰訊產(chǎn)品法》，李立<著>，浙江大學(xué)出版社
4. 《通用設(shè)計(jì)法則》，威廉·立德威爾、克里蒂娜·霍頓、吉爾·巴特勒<著>，朱占星、薛江<譯>，中央翻譯出版社
5. 《輕“裝”上陣，從“心”出發(fā)——滴滴全新設(shè)計(jì)背后的故事》，CDX創(chuàng)意設(shè)計(jì)中心<著>
6. 《打車軟件：基礎(chǔ)不牢固 惡性競(jìng)爭(zhēng)就來了(圖)》，來源：搜狐新聞，鏈接：http://news.sohu.com/20130517/n376287114.shtml

相關(guān)閱讀

那些很熟悉但又不知怎么用的設(shè)計(jì)法則（1）：80/20法則

作者：笣米奔

來源：微信公眾號(hào)“二手設(shè)計(jì)（微信號(hào)：ershou-design）”

本文章由“二手設(shè)計(jì)”出品，轉(zhuǎn)載請(qǐng)注明出處，多謝合作！

注明出處格式（原文作者：二手設(shè)計(jì) / 微信號(hào)：ershou-design）

題圖來自 Pixabay，基于 CC0 協(xié)議