從app加載頁(yè)面說(shuō)開(kāi)去

都說(shuō)好的交互設(shè)計(jì)的評(píng)判標(biāo)準(zhǔn)之一是“別讓我等”,但互聯(lián)網(wǎng)產(chǎn)品總是受制于實(shí)際的網(wǎng)絡(luò)問(wèn)題。移動(dòng)端產(chǎn)品則更為明顯,2G、3G環(huán)境下加載不夠給力,wifi環(huán)境也未必每次都是那么順利。因此“別讓我等”更像是種奢望,我們倒應(yīng)該思考的是“如何優(yōu)雅而不令人煩躁的等”。與之最直接關(guān)聯(lián)的就是app加載頁(yè)面的設(shè)計(jì)。

一個(gè)app加載頁(yè)面,大致分為3類:

(一)啟動(dòng)加載頁(yè)

啟動(dòng)加載是我們打開(kāi)app的第一眼所看到界面。會(huì)給用戶留下該產(chǎn)品的第一印象。
通常啟動(dòng)加載頁(yè)設(shè)計(jì)有幾種:

1、固定的加載頁(yè)

Logo、slogan、產(chǎn)品主色、版本號(hào)、出品團(tuán)隊(duì),這是初級(jí)啟動(dòng)頁(yè)面的基本構(gòu)成元素,設(shè)計(jì)者的目的就是最直接快速的向用戶傳達(dá)產(chǎn)品形象,這也是讓用戶最直接了解產(chǎn)品的手段之一。但也因?yàn)閷?shí)現(xiàn)成本低,且樣式固定簡(jiǎn)單,久而久之容易審美疲勞。于是加載頁(yè)開(kāi)始升級(jí)。

這里要提到讓加載頁(yè)不那么孤立、突兀的方法:

視覺(jué)的延續(xù)性

。例如weiconote的加載頁(yè)背景和它的主界面背景一致,視覺(jué)上達(dá)到了和諧的過(guò)度。

動(dòng)效的使用

。通過(guò)淡出或開(kāi)門(mén)等轉(zhuǎn)場(chǎng)效果,讓加載頁(yè)面和內(nèi)容頁(yè)完美的過(guò)渡。例如豆瓣電影和天貓客戶端。

2、會(huì)變的加載頁(yè)

當(dāng)一塵不變的加載頁(yè)開(kāi)始尋求出路,結(jié)果會(huì)是什么?對(duì),會(huì)變的加載頁(yè)。但是任何變化總得有跡可循,讓用戶得以理解。目前有2種維度:

1.節(jié)假日定制加載頁(yè)

在不同的節(jié)日,啟動(dòng)加載頁(yè)都會(huì)圍繞節(jié)日&產(chǎn)品進(jìn)行設(shè)計(jì)。在突出產(chǎn)品形象的同時(shí),傳達(dá)節(jié)日信息,是情感化設(shè)計(jì)的一個(gè)范例。例如掌上百度symbian。

另外一個(gè)有趣的例子是有些應(yīng)用的啟動(dòng)頁(yè)面,在用戶生日時(shí)埋下的彩蛋:這種都是轉(zhuǎn)移用戶注意力的手段,讓用戶不再沉浸在等待中,而是通過(guò)這段等待時(shí)間傳達(dá)其他有效信息,讓用戶不再煩躁。

 

2.不同版本定制加載頁(yè)

當(dāng)app版本升級(jí)后,啟動(dòng)加載頁(yè)也隨之升級(jí),可根據(jù)當(dāng)前版本的主題、特性或新增功能,設(shè)計(jì)符合該版本的加載頁(yè)面。也增強(qiáng)了用戶對(duì)新版本、新功能的認(rèn)知度。

3.同主界面的啟動(dòng)頁(yè)

用app的內(nèi)容頁(yè)作為啟動(dòng)頁(yè)面的內(nèi)容,從啟動(dòng)加載頁(yè)到加載完成的首頁(yè),版式內(nèi)容幾乎看不出差別。這樣的啟動(dòng)頁(yè),讓用戶提前進(jìn)入主要界面,強(qiáng)化用戶對(duì)主界面的印象。也不容易造成很大的視覺(jué)跳躍感。但也存在問(wèn)題,長(zhǎng)得像主界面的加載頁(yè)會(huì)給用戶造成可用的假象,但如果加載的時(shí)間過(guò)長(zhǎng),點(diǎn)擊偽主頁(yè)如果無(wú)響應(yīng),也許會(huì)讓用戶惱火。

發(fā)表評(píng)論