啟動(dòng)頁(yè)是當(dāng)你進(jìn)入應(yīng)用程序時(shí)出現(xiàn)的圖像/動(dòng)畫(huà)。這就像對(duì)用戶說(shuō)“歡迎”一樣。這個(gè)頁(yè)面會(huì)讓用戶一直“忙碌”，直到應(yīng)用程序準(zhǔn)備就緒。
為什么要需要啟動(dòng)頁(yè)？
使用啟動(dòng)頁(yè)毫無(wú)疑問(wèn)是為了給用戶更好的體驗(yàn)。當(dāng)您想要打開(kāi)應(yīng)用程序或應(yīng)用程序正在等待數(shù)據(jù)時(shí)，這個(gè)畫(huà)面會(huì)給人一種“準(zhǔn)備應(yīng)用程序……”的感覺(jué)。
如何做好啟動(dòng)頁(yè)？
大多數(shù)應(yīng)用程序在啟動(dòng)頁(yè)上放上自己的標(biāo)志，帶有一點(diǎn)運(yùn)動(dòng)效果。這是一個(gè)無(wú)風(fēng)險(xiǎn)的選擇。Spotify、YouTube、Medium和LinkedIn都選擇了這種方式。(不知道為什么，我原以為Spotify會(huì)更有創(chuàng)意)
有一些應(yīng)用程序，把品牌顏色或應(yīng)用程序的背景色作為啟動(dòng)頁(yè)。最典型的例子就是蘋(píng)果的應(yīng)用程序。比如當(dāng)我們使用的是暗黑模式，點(diǎn)擊iPhone上的任何應(yīng)用程序時(shí)，在應(yīng)用程序運(yùn)行之前會(huì)出現(xiàn)一個(gè)黑色的啟動(dòng)頁(yè)面。
我們?cè)賮?lái)了了啟動(dòng)頁(yè)的動(dòng)畫(huà)效果，動(dòng)畫(huà)是存在冒險(xiǎn)。您必須考慮應(yīng)用程序的延遲和使用頻率。(我將在文章的其余部分討論這兩個(gè)標(biāo)題)Netflix的啟動(dòng)頁(yè)是使用動(dòng)畫(huà)的一個(gè)很好的例子。
Delays | 延遲
以Netflix為例，實(shí)際上，Netflix的啟動(dòng)頁(yè)包含了會(huì)導(dǎo)致長(zhǎng)時(shí)間延遲的動(dòng)畫(huà)。那為什么我們可以忍受它呢？如果微信或者WhatsApp也出現(xiàn)同樣的延遲，你會(huì)感到困擾嗎?(或者你正在使用的任何聊天軟件)
當(dāng)我們打開(kāi)即時(shí)聊天應(yīng)用時(shí)，想要做的很簡(jiǎn)單，查看消息并在必要時(shí)編寫(xiě)并發(fā)送消息。?當(dāng)你再次收到一條消息，然后回到相同的循環(huán)。您不想等待很長(zhǎng)的動(dòng)畫(huà)來(lái)完成短暫的工作，而這可能需要幾秒鐘。特別是如果您使用很高頻的應(yīng)用，這些動(dòng)畫(huà)將變得難以忍受。
當(dāng)你進(jìn)入應(yīng)用程序時(shí)，如果你花在應(yīng)用程序上的時(shí)間教長(zhǎng)(不是以秒為單位結(jié)束)，那么這個(gè)動(dòng)畫(huà)會(huì)變得可以忍受，我們甚至?xí)矚g它。我猜很少有人在在進(jìn)入Netflix的30秒后就退出，這就是為什么Netflix的動(dòng)畫(huà)不是不能忍受的原因。
所以，這完全取決于使用該應(yīng)用程序的目的。讓我們換一個(gè)場(chǎng)景測(cè)試，只要求你進(jìn)入Netflix，找出你最后觀看的內(nèi)容，然后立即退出。如果與應(yīng)用程序的交互時(shí)間很短，Netflix的動(dòng)畫(huà)將令人難以忍受。
Frequency?| 頻率
在我們經(jīng)常使用的應(yīng)用程序中，啟動(dòng)屏幕比我們想象的重要得多。每次用戶進(jìn)入應(yīng)用程序時(shí)，都會(huì)首先出現(xiàn)開(kāi)始頁(yè)面。正如我所說(shuō)，這部分與使用目的有關(guān)。當(dāng)后臺(tái)出現(xiàn)錯(cuò)誤、用戶的網(wǎng)速較低或用戶的手機(jī)速度較慢時(shí)，開(kāi)始頁(yè)面可能會(huì)有點(diǎn)煩人。雖然我們?cè)噲D解決所有的問(wèn)題，但我們不能解決一些用戶相關(guān)的問(wèn)題(如手機(jī)慢)，這里的重點(diǎn)是，啟動(dòng)頁(yè)應(yīng)該被注意但不干擾。我最喜歡的啟動(dòng)屏幕是Twitter。
當(dāng)我們想到它的時(shí)候，它會(huì)立即進(jìn)入我們的腦海，所以我們會(huì)注意到動(dòng)畫(huà)，但是動(dòng)畫(huà)不會(huì)造成延遲。
Slow Loading?|?緩慢加載?
我們不應(yīng)該將啟動(dòng)頁(yè)與加載應(yīng)用程序的界面混淆。啟動(dòng)頁(yè)的延遲是由于應(yīng)用程序本身，而加載程序的延遲可能是由于網(wǎng)絡(luò)速度或內(nèi)容。
我們不應(yīng)該等待延遲，如果我們?cè)趩?dòng)頁(yè)上等待這些內(nèi)容加載產(chǎn)生的延遲，用戶會(huì)認(rèn)為出現(xiàn)了錯(cuò)誤。因此，啟動(dòng)頁(yè)之后，我們可以使用skeleton頁(yè)面等待加載。用戶體驗(yàn)更好。
