Provide a launch file.iOS displays an image the moment your app starts—giving users the impression that your app is fast and giving your app enough time to load content.
啟動(dòng)頁面即Launch File,是在iOS系統(tǒng)中APP剛剛啟動(dòng)時(shí)顯示的一個(gè)短暫的頁面,這個(gè)頁面將給用戶留下一個(gè)對(duì)于你的應(yīng)用來說啟動(dòng)及響應(yīng)是十分迅速的這樣的一個(gè)印象。這是蘋果官方對(duì)于Launch File的一個(gè)定義,由此可見從設(shè)計(jì)原則的角度來考慮這個(gè)界面更應(yīng)該是一個(gè)簡(jiǎn)潔,符合你的整體風(fēng)格,給用戶留下好的第一印象的頁面。

以上是Apple官方給出的一些設(shè)計(jì)的建議,其中提到了幾個(gè)關(guān)鍵的點(diǎn)我們來看一下
Launch File并不是一個(gè)提供「app entry experience」「An About window」「Branding element」的地方;
當(dāng)你的應(yīng)用啟動(dòng)完成,UI元素產(chǎn)生差異,這會(huì)讓用戶產(chǎn)生不愉悅;
Launch File不是一個(gè)為你提供藝術(shù)展現(xiàn)力的機(jī)會(huì),它完全是為了提高應(yīng)用程序的啟動(dòng)速度,并讓用戶立即投入使用。
官方給出兩個(gè)Launch File的案例
The Setting Launch Image

The Weather launch image

以上兩個(gè)例子均是采用仿制第一個(gè)頁面的方式,在結(jié)束啟動(dòng)頁之后采用漸變的方式過度,給用戶一種快速載入的感覺。
在各類應(yīng)用中大家究竟是如何處理這個(gè)一閃而過的界面呢?
案例:Facebook(43.0)、Instagram(7.10)
他們采用蘋果的設(shè)計(jì)原則,啟動(dòng)頁面即為第一個(gè)頁面的相同布局版,只是沒有采用任何的元素顯示,這樣在載入的過程中,啟動(dòng)頁面一閃而過,會(huì)給用戶一種點(diǎn)擊就立刻進(jìn)入應(yīng)用的感覺。個(gè)人認(rèn)為這樣的設(shè)計(jì)更加適用于社交類產(chǎn)品,此類產(chǎn)品屬于用戶會(huì)經(jīng)常切換的產(chǎn)品類型,當(dāng)用戶點(diǎn)擊進(jìn)入此類應(yīng)用時(shí),他更希望快速的看到內(nèi)容,這種設(shè)計(jì)更加增強(qiáng)用戶體驗(yàn)。


案例:淘寶(5.4.1)、ZAKER(6.3.1)、大眾點(diǎn)評(píng)(7.9.2)
他們?cè)谶@個(gè)頁面并沒有采用蘋果提出的設(shè)計(jì)原則,在啟動(dòng)頁面加入LOGO并進(jìn)行了一些簡(jiǎn)單的設(shè)計(jì),在頁面結(jié)束后正常載入應(yīng)用,他們多采用淺色或主題色,不采用過度的設(shè)計(jì)。這類應(yīng)用不需要過多的加載時(shí)間,正常的進(jìn)入方式,加上一些設(shè)計(jì),同樣是好的方式。


案例:Uber(2.104.3)
應(yīng)用在進(jìn)入時(shí)需加載地圖以及周邊的車輛信息,這可能會(huì)導(dǎo)致用戶的等待時(shí)間要長于其他的應(yīng)用,Uber采用這樣一種設(shè)計(jì),Launch File只是主題色加一個(gè)亮色的圓點(diǎn),當(dāng)應(yīng)用正式啟動(dòng)后由于還要加載一些內(nèi)容以保證用戶的正常使用,所以在Launch File之后采用過渡效果立刻銜接一個(gè)動(dòng)畫頁面,此時(shí)出現(xiàn)LOGO并有從點(diǎn)到圈的動(dòng)畫,給用戶以等待的暗示,卻又不止是靜態(tài)頁面,同樣給用戶一個(gè)好的體驗(yàn)。



案例:微在(1.0.7)、Eyepetizer(1.8.1)
微在采用文案+LOGO動(dòng)畫+加視頻的方式開頭,作為一款以干掉無趣為主體的應(yīng)用,他是一個(gè)有趣信息的集合,用戶可能更會(huì)在無聊的時(shí)候,坐車的時(shí)候打開應(yīng)用,并且不會(huì)過于頻繁的切換此類應(yīng)用,所以這樣的開始個(gè)人認(rèn)為同樣給用戶以愉悅。


Eyepetizer這是一款精選視頻軟件,用戶的使用場(chǎng)景同樣是在其空閑無聊的時(shí)間,它進(jìn)入時(shí)采用LOGO+漸變過渡效果+精選圖片+LOGO的方式載入,雖然時(shí)長同樣會(huì)略長于其他應(yīng)用,這樣的設(shè)計(jì)加上一些隨機(jī)出現(xiàn)的圖片,同樣會(huì)在一些不經(jīng)意間給用戶以一些小的驚喜。



不同的產(chǎn)品定位,針對(duì)不用的用戶群體,不同的使用的場(chǎng)景,種種因素都決定了這款應(yīng)用的「第一印象」該如何設(shè)計(jì)。個(gè)人認(rèn)為要更多考慮應(yīng)用的實(shí)際情況,以及表達(dá)出真正想表達(dá)的意義,此時(shí)恰巧用戶可以接受,那這樣的設(shè)計(jì)就是好的設(shè)計(jì)。