移動應用程序設計的演變
移動應用程序設計的演變-移動閱讀二維碼

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

隨著應用程序市場的擴大,以美觀的用戶界面、舒適的用戶體驗為主導的設計潮流,開始出現。在這里,我將會分析四款最成功的應用程序,來展現設計是如何不斷演變的,以及我們能從中學到什么。

Facebook

Facebook迅速發布了一款精致的應用程序,作為他提供的服務項目之一。初始版的臉書應用程序直接從網頁跳轉,按鍵處不明顯,導航欄呈梯狀,還帶有陰影設計。

The Facebook app in 2012

采用扁平化設計是這款應用程序的一大創新之舉。簡化的標志和單一色調在小屏幕上具有更佳的視覺效果,并且可以減少加載時間。為了提高可用性,導航欄被移到下拉菜單底部,并且被簡化為若干選項。

這些改變令應用程序更好地進行瀏覽、閱讀和導航。當然,這還不夠,用戶界面還有簡化的空間,用戶體驗還有完善的余地,但這確實是一大進步。

The Facebook app in 2015

隨著這一應用程序的發布,facebook實現了數據驅動的設計方式。在用戶界面改變前,進行了大量的對比測試。為發行安卓版,臉書正在不斷試驗不同的用戶界面素材。請關注它在未來一年的動態。

Flipboard

如果你喜歡在線雜志,那么你一定聽說過Flipboard。這款應用程序發行于2010年7月,針對iPAD而產生。它的非凡之處在于,創建者尚未得知平板電腦的外形或是它的操作系統如何運行之前,他們就已經完成了開發過程中一個非常重大的部分。

The Flipboard app in 2012

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

隨著時間的推移,應用程序的設計逐漸出現一些細小的變化。比如背景變得更亮,更易于內容的閱讀。開發者還優化空間,擴大了主要圖像的尺寸。隨著屏幕不斷增大,現代手機像素分辨率的不斷升高,這些發展進行得很順利,。

The Flipboard app in 2015

Flipboard公司在2013年,即發行初始版應用程序的三年后,僅發行了一個網站,這一點非常有趣。這可能預示著,應用程式市場將不再呈現持續增長的趨勢。

Pinterest

Pinterest在2011年5月首次發布了為iPod touch和iPhone設計的 IOS應用程序。初始版的應用程序有三欄設計。用戶界面充滿吸引力,但是功能有限。簡單的界面和有限的功能,令初版用戶獲得直觀的使用體驗過程。

The Pinterest app in 2012

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

在用戶界面上的更新被很好的接收,可用性得到提高的同時,其他的改變并沒有很好的被用戶接受。來自Pinterest用戶的批評狀況解釋了大多數公司傾向于在一個現行的應用程序的設計上做小調整而非大改造的原因。

The Pinterest app in 2015

自從2012年以來,Pinterest只在應用程序的用戶界面做一些小的調整。這種調整包括拋棄方形的文件圖像而采用圓形的(因為各種原因對應用程序做出符合趨勢的調整)

Tinder

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

The Tinder app in 2012

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

批評者強調了,應用程序在最初會依賴一些動作的問題。比如一樣的動作,左刷和右刷,被用來表示喜歡一個人,也用來獲取用戶照片。設計上一些其他的微小的瑕疵,在這篇文章里都會被重點強調。

 

The Tinder app in 2015

除了批評者重點強調的那些問題,用戶界面自發布以來,幾乎保持不變。甚至是在添加新的特色時,開發者都經過嚴格的運行。他們也繼續在借鑒,用戶在其他廣受歡迎的應用程序中的體驗。

總結

回顧設計趨勢,你會發現自己在好奇,人們怎么會犯那樣離譜的錯誤。然而更重要的一點是,你要明白,面對一項好的設計,需要改變的地方是少之又少。

鑒于對一款現行的應用程序進行大翻修的難度之大,好的用戶界面和直觀的用戶體驗的重要性,再怎么強調都不為過。這些案例研究重在說明,要完成一項優秀的設計,簡潔的界面,對現行用戶體驗的借鑒和適量的功能,都是必不可少的。

這一點與移動應用程序的用戶體驗和用戶界面的潮流像符合,可以被總結為使用的增長;

?平鋪的導航

卡片式和模塊式的設計(參見Google Now和Pinterest)

扁平的用戶界面(或者是介于擬物化和扁平之間,除非你考慮谷歌素材的設計)

內容意識 用戶體驗/用戶界面(使用手機傳感器來相應地改變用戶體驗/用戶界面)可以復制一樣的體驗的無漏洞轉變,不論設備是否在使用

手刷的動作,以減少導航的步驟或是使用的動作

拇指集中互動

最簡潔的方式

簡單的顏色排列、干凈的印刷排版、簡潔的標志

分層界面

模糊效果以輕松地區分正在運行的應用元素

下拉動作以刷新應用

為初次使用的用戶或是發布新功能添加的引導頁

隱藏菜單以及較少使用的選項需要通過滑動、側邊欄和抽屜式來操作

當然,設計從來不是靜止不變。像Material UI這樣的創新,像蘋果手表這樣的發展,會為設計帶來新的改變。然而,毋庸置疑,用戶在乎什么,設計者就應該專注于什么。這樣的設計才能在最后成為勝出。

作者:?Nico Prins
譯者:t-baby
來源:UI中國

 

本文鏈接:http://www.casaleticia.com/mobile-application-design-evolution.html
本文標簽: , ,