移動(dòng)應(yīng)用程序設(shè)計(jì)的演變
推薦語(yǔ):通過(guò)四款產(chǎn)品現(xiàn)在版本和歷史版本的對(duì)比,來(lái)一些了解下移動(dòng)應(yīng)用程序設(shè)計(jì)的發(fā)展和演變。
2008年7月,蘋果應(yīng)用程序商店正式上線。在上線日,市場(chǎng)精選了500款應(yīng)用程序。7年來(lái),蘋果應(yīng)用程序商店累計(jì)下載量達(dá)到750億次,提供超過(guò)120萬(wàn)款應(yīng)用程序供用戶挑選。在這一階段,谷歌甚至已經(jīng)擁有了自己的市場(chǎng)地位。
隨著應(yīng)用程序市場(chǎng)的擴(kuò)大,以美觀的用戶界面、舒適的用戶體驗(yàn)為主導(dǎo)的設(shè)計(jì)潮流,開始出現(xiàn)。在這里,我將會(huì)分析四款最成功的應(yīng)用程序,來(lái)展現(xiàn)設(shè)計(jì)是如何不斷演變的,以及我們能從中學(xué)到什么。
Facebook迅速發(fā)布了一款精致的應(yīng)用程序,作為他提供的服務(wù)項(xiàng)目之一。初始版的臉書應(yīng)用程序直接從網(wǎng)頁(yè)跳轉(zhuǎn),按鍵處不明顯,導(dǎo)航欄呈梯狀,還帶有陰影設(shè)計(jì)。
The Facebook app in 2012
采用扁平化設(shè)計(jì)是這款應(yīng)用程序的一大創(chuàng)新之舉。簡(jiǎn)化的標(biāo)志和單一色調(diào)在小屏幕上具有更佳的視覺(jué)效果,并且可以減少加載時(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)注它在未來(lái)一年的動(dòng)態(tài)。
如果你喜歡在線雜志,那么你一定聽說(shuō)過(guò)Flipboard。這款應(yīng)用程序發(fā)行于2010年7月,針對(duì)iPAD而產(chǎn)生。它的非凡之處在于,創(chuàng)建者尚未得知平板電腦的外形或是它的操作系統(tǒng)如何運(yùn)行之前,他們就已經(jīng)完成了開發(fā)過(guò)程中一個(gè)非常重大的部分。
The Flipboard app in 2012
最初的Flipboard應(yīng)用程序采用的是極簡(jiǎn)化界面。字體易于閱讀,并且明顯專注于圖片。然而,這一界面簡(jiǎn)單的應(yīng)用,依舊存在著各種問(wèn)題,其中包括在平板上圖片轉(zhuǎn)換速度很慢,還有漫長(zhǎng)的加載時(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ù)增長(zhǎng)的趨勢(shì)。
Pinterest在2011年5月首次發(fā)布了為iPod touch和iPhone設(shè)計(jì)的 IOS應(yīng)用程序。初始版的應(yīng)用程序有三欄設(shè)計(jì)。用戶界面充滿吸引力,但是功能有限。簡(jiǎn)單的界面和有限的功能,令初版用戶獲得直觀的使用體驗(yàn)過(guò)程。
The Pinterest app in 2012
2012年,Pinterest對(duì)應(yīng)用程序進(jìn)行了一次大翻修。經(jīng)過(guò)優(yōu)化,它至可以在iPad上使用,并且具有一些新的特色,比如說(shuō)被引用至iPhone應(yīng)用程序的兩欄設(shè)計(jì)。一段短小的文字描述以及一個(gè)圖片框也被添加到注腳。
在用戶界面上的更新被很好的接收,可用性得到提高的同時(shí),其他的改變并沒(méi)有很好的被用戶接受。來(lái)自Pinterest用戶的批評(píng)狀況解釋了大多數(shù)公司傾向于在一個(gè)現(xiàn)行的應(yīng)用程序的設(shè)計(jì)上做小調(diào)整而非大改造的原因。
The Pinterest app in 2015
自從2012年以來(lái),Pinterest只在應(yīng)用程序的用戶界面做一些小的調(diào)整。這種調(diào)整包括拋棄方形的文件圖像而采用圓形的(因?yàn)楦鞣N原因?qū)?yīng)用程序做出符合趨勢(shì)的調(diào)整)
Tinder
Tinder在2012年首次發(fā)布就迅速獲得了支持。到2014年,它擁有超過(guò)5000萬(wàn)的月均活躍用戶。這款應(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)作的問(wèn)題。比如一樣的動(dòng)作,左刷和右刷,被用來(lái)表示喜歡一個(gè)人,也用來(lái)獲取用戶照片。設(shè)計(jì)上一些其他的微小的瑕疵,在這篇文章里都會(huì)被重點(diǎn)強(qiáng)調(diào)。
The Tinder app in 2015
除了批評(píng)者重點(diǎn)強(qiáng)調(diào)的那些問(wèn)題,用戶界面自發(fā)布以來(lái),幾乎保持不變。甚至是在添加新的特色時(shí),開發(fā)者都經(jīng)過(guò)嚴(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)都不為過(guò)。這些案例研究重在說(shuō)明,要完成一項(xiàng)優(yōu)秀的設(shè)計(jì),簡(jiǎn)潔的界面,對(duì)現(xiàn)行用戶體驗(yàn)的借鑒和適量的功能,都是必不可少的。
這一點(diǎn)與移動(dòng)應(yīng)用程序的用戶體驗(yàn)和用戶界面的潮流像符合,可以被總結(jié)為使用的增長(zhǎng);
?平鋪的導(dǎo)航
卡片式和模塊式的設(shè)計(jì)(參見(jiàn)Google Now和Pinterest)
扁平的用戶界面(或者是介于擬物化和扁平之間,除非你考慮谷歌素材的設(shè)計(jì))
內(nèi)容意識(shí) 用戶體驗(yàn)/用戶界面(使用手機(jī)傳感器來(lái)相應(yīng)地改變用戶體驗(yàn)/用戶界面)可以復(fù)制一樣的體驗(yàn)的無(wú)漏洞轉(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)頁(yè)
隱藏菜單以及較少使用的選項(xiàng)需要通過(guò)滑動(dòng)、側(cè)邊欄和抽屜式來(lái)操作
當(dāng)然,設(shè)計(jì)從來(lái)不是靜止不變。像Material UI這樣的創(chuàng)新,像蘋果手表這樣的發(fā)展,會(huì)為設(shè)計(jì)帶來(lái)新的改變。然而,毋庸置疑,用戶在乎什么,設(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)理)及本頁(yè)鏈接。
- 目前還沒(méi)評(píng)論,等你發(fā)揮!