推薦語：通過四款產(chǎn)品現(xiàn)在版本和歷史版本的對(duì)比，來一些了解下移動(dòng)應(yīng)用程序設(shè)計(jì)的發(fā)展和演變。

2008年7月，蘋果應(yīng)用程序商店正式上線。在上線日，市場(chǎng)精選了500款應(yīng)用程序。7年來，蘋果應(yīng)用程序商店累計(jì)下載量達(dá)到750億次，提供超過120萬款應(yīng)用程序供用戶挑選。在這一階段，谷歌甚至已經(jīng)擁有了自己的市場(chǎng)地位。

隨著應(yīng)用程序市場(chǎng)的擴(kuò)大，以美觀的用戶界面、舒適的用戶體驗(yàn)為主導(dǎo)的設(shè)計(jì)潮流，開始出現(xiàn)。在這里，我將會(huì)分析四款最成功的應(yīng)用程序，來展現(xiàn)設(shè)計(jì)是如何不斷演變的，以及我們能從中學(xué)到什么。

Facebook

Facebook迅速發(fā)布了一款精致的應(yīng)用程序，作為他提供的服務(wù)項(xiàng)目之一。初始版的臉書應(yīng)用程序直接從網(wǎng)頁跳轉(zhuǎn)，按鍵處不明顯，導(dǎo)航欄呈梯狀，還帶有陰影設(shè)計(jì)。

The Facebook app in 2012

采用扁平化設(shè)計(jì)是這款應(yīng)用程序的一大創(chuàng)新之舉。簡(jiǎn)化的標(biāo)志和單一色調(diào)在小屏幕上具有更佳的視覺效果，并且可以減少加載時(shí)間。為了提高可用性，導(dǎo)航欄被移到下拉菜單底部，并且被簡(jiǎn)化為若干選項(xiàng)。

這些改變令應(yīng)用程序更好地進(jìn)行瀏覽、閱讀和導(dǎo)航。當(dāng)然，這還不夠，用戶界面還有簡(jiǎn)化的空間，用戶體驗(yàn)還有完善的余地，但這確實(shí)是一大進(jìn)步。

The Facebook app in 2015

隨著這一應(yīng)用程序的發(fā)布，facebook實(shí)現(xiàn)了數(shù)據(jù)驅(qū)動(dòng)的設(shè)計(jì)方式。在用戶界面改變前，進(jìn)行了大量的對(duì)比測(cè)試。為發(fā)行安卓版，臉書正在不斷試驗(yàn)不同的用戶界面素材。請(qǐng)關(guān)注它在未來一年的動(dòng)態(tài)。

Flipboard

如果你喜歡在線雜志，那么你一定聽說過Flipboard。這款應(yīng)用程序發(fā)行于2010年7月，針對(duì)iPAD而產(chǎn)生。它的非凡之處在于，創(chuàng)建者尚未得知平板電腦的外形或是它的操作系統(tǒng)如何運(yùn)行之前，他們就已經(jīng)完成了開發(fā)過程中一個(gè)非常重大的部分。

The Flipboard app in 2012

最初的Flipboard應(yīng)用程序采用的是極簡(jiǎn)化界面。字體易于閱讀，并且明顯專注于圖片。然而，這一界面簡(jiǎn)單的應(yīng)用，依舊存在著各種問題，其中包括在平板上圖片轉(zhuǎn)換速度很慢，還有漫長的加載時(shí)間

隨著時(shí)間的推移，應(yīng)用程序的設(shè)計(jì)逐漸出現(xiàn)一些細(xì)小的變化。比如背景變得更亮，更易于內(nèi)容的閱讀。開發(fā)者還優(yōu)化空間，擴(kuò)大了主要圖像的尺寸。隨著屏幕不斷增大，現(xiàn)代手機(jī)像素分辨率的不斷升高，這些發(fā)展進(jìn)行得很順利，。

The Flipboard app in 2015

Flipboard公司在2013年，即發(fā)行初始版應(yīng)用程序的三年后，僅發(fā)行了一個(gè)網(wǎng)站，這一點(diǎn)非常有趣。這可能預(yù)示著，應(yīng)用程式市場(chǎng)將不再呈現(xiàn)持續(xù)增長的趨勢(shì)。

Pinterest

Pinterest在2011年5月首次發(fā)布了為iPod touch和iPhone設(shè)計(jì)的 IOS應(yīng)用程序。初始版的應(yīng)用程序有三欄設(shè)計(jì)。用戶界面充滿吸引力，但是功能有限。簡(jiǎn)單的界面和有限的功能，令初版用戶獲得直觀的使用體驗(yàn)過程。

The Pinterest app in 2012

2012年，Pinterest對(duì)應(yīng)用程序進(jìn)行了一次大翻修。經(jīng)過優(yōu)化，它至可以在iPad上使用，并且具有一些新的特色，比如說被引用至iPhone應(yīng)用程序的兩欄設(shè)計(jì)。一段短小的文字描述以及一個(gè)圖片框也被添加到注腳。

在用戶界面上的更新被很好的接收，可用性得到提高的同時(shí)，其他的改變并沒有很好的被用戶接受。來自Pinterest用戶的批評(píng)狀況解釋了大多數(shù)公司傾向于在一個(gè)現(xiàn)行的應(yīng)用程序的設(shè)計(jì)上做小調(diào)整而非大改造的原因。

The Pinterest app in 2015

自從2012年以來，Pinterest只在應(yīng)用程序的用戶界面做一些小的調(diào)整。這種調(diào)整包括拋棄方形的文件圖像而采用圓形的（因?yàn)楦鞣N原因?qū)?yīng)用程序做出符合趨勢(shì)的調(diào)整）

Tinder

Tinder在2012年首次發(fā)布就迅速獲得了支持。到2014年，它擁有超過5000萬的月均活躍用戶。這款應(yīng)用程序也非常具有上癮性，以至于百分之八十的用戶每周都會(huì)使用這款應(yīng)用程序，而百分之六十五的用戶則每日使用。

The Tinder app in 2012

第一版的Tinder界面非常簡(jiǎn)單，功能也很有限。為了確保Tinder使用的直觀性，開發(fā)者借鑒某些廣受歡迎的應(yīng)用程序的功能。比如Tinder上的聊天功能與iMessenger相同。

批評(píng)者強(qiáng)調(diào)了，應(yīng)用程序在最初會(huì)依賴一些動(dòng)作的問題。比如一樣的動(dòng)作，左刷和右刷，被用來表示喜歡一個(gè)人，也用來獲取用戶照片。設(shè)計(jì)上一些其他的微小的瑕疵，在這篇文章里都會(huì)被重點(diǎn)強(qiáng)調(diào)。

The Tinder app in 2015

除了批評(píng)者重點(diǎn)強(qiáng)調(diào)的那些問題，用戶界面自發(fā)布以來，幾乎保持不變。甚至是在添加新的特色時(shí)，開發(fā)者都經(jīng)過嚴(yán)格的運(yùn)行。他們也繼續(xù)在借鑒，用戶在其他廣受歡迎的應(yīng)用程序中的體驗(yàn)。

總結(jié)

回顧設(shè)計(jì)趨勢(shì)，你會(huì)發(fā)現(xiàn)自己在好奇，人們?cè)趺磿?huì)犯那樣離譜的錯(cuò)誤。然而更重要的一點(diǎn)是，你要明白，面對(duì)一項(xiàng)好的設(shè)計(jì)，需要改變的地方是少之又少。

鑒于對(duì)一款現(xiàn)行的應(yīng)用程序進(jìn)行大翻修的難度之大，好的用戶界面和直觀的用戶體驗(yàn)的重要性，再怎么強(qiáng)調(diào)都不為過。這些案例研究重在說明，要完成一項(xiàng)優(yōu)秀的設(shè)計(jì)，簡(jiǎn)潔的界面，對(duì)現(xiàn)行用戶體驗(yàn)的借鑒和適量的功能，都是必不可少的。

這一點(diǎn)與移動(dòng)應(yīng)用程序的用戶體驗(yàn)和用戶界面的潮流像符合，可以被總結(jié)為使用的增長；

?平鋪的導(dǎo)航

卡片式和模塊式的設(shè)計(jì)（參見Google Now和Pinterest）

扁平的用戶界面（或者是介于擬物化和扁平之間，除非你考慮谷歌素材的設(shè)計(jì)）

內(nèi)容意識(shí) 用戶體驗(yàn)/用戶界面（使用手機(jī)傳感器來相應(yīng)地改變用戶體驗(yàn)/用戶界面）可以復(fù)制一樣的體驗(yàn)的無漏洞轉(zhuǎn)變，不論設(shè)備是否在使用

手刷的動(dòng)作，以減少導(dǎo)航的步驟或是使用的動(dòng)作

拇指集中互動(dòng)

最簡(jiǎn)潔的方式

簡(jiǎn)單的顏色排列、干凈的印刷排版、簡(jiǎn)潔的標(biāo)志

分層界面

模糊效果以輕松地區(qū)分正在運(yùn)行的應(yīng)用元素

下拉動(dòng)作以刷新應(yīng)用

為初次使用的用戶或是發(fā)布新功能添加的引導(dǎo)頁

隱藏菜單以及較少使用的選項(xiàng)需要通過滑動(dòng)、側(cè)邊欄和抽屜式來操作

當(dāng)然，設(shè)計(jì)從來不是靜止不變。像Material UI這樣的創(chuàng)新，像蘋果手表這樣的發(fā)展，會(huì)為設(shè)計(jì)帶來新的改變。然而，毋庸置疑，用戶在乎什么，設(shè)計(jì)者就應(yīng)該專注于什么。這樣的設(shè)計(jì)才能在最后成為勝出。

本文由 @BESD設(shè)計(jì)實(shí)驗(yàn)室?原創(chuàng)投稿發(fā)表，并經(jīng)人人都是產(chǎn)品經(jīng)理編輯。轉(zhuǎn)載此文章須經(jīng)作者同意，并請(qǐng)附上出處(人人都是產(chǎn)品經(jīng)理)及本頁鏈接。