什么是啟動(dòng)頁(yè)?
所有的應(yīng)用和程序都是由于代碼組成和組織的,而代碼的運(yùn)行需要時(shí)間。而在代碼運(yùn)行過(guò)程中,所出現(xiàn)的頁(yè)面就是啟動(dòng)頁(yè)。我們現(xiàn)在就在討論這樣一個(gè)問(wèn)題——微信小程序需不需要啟動(dòng)頁(yè)?
這是一個(gè)值得討論的問(wèn)題。雖然我們看到多數(shù)的小程序都是沒(méi)有啟動(dòng)頁(yè)的,但是也有例外,例如,我們可以打開(kāi)“騰訊文檔”微信小程序,它就是有啟動(dòng)頁(yè)的。所以,有的小程序有,有的小程序沒(méi)有,出現(xiàn)了不同,就一定有理由。
啟動(dòng)頁(yè)的由來(lái)
為什么要做啟動(dòng)頁(yè)呢?初衷就是為了緩解訪客和用戶等待的焦慮,也就是試圖緩解“7秒定律”。根據(jù)這一定律,如果網(wǎng)站在7秒內(nèi)沒(méi)有打開(kāi),大部分訪客就會(huì)放棄,所以,有了啟動(dòng)頁(yè)。
啟動(dòng)頁(yè)大致可以分為如下幾種:
一是網(wǎng)站啟動(dòng)頁(yè)。通常都是一個(gè)FLASH動(dòng)畫(huà),既消磨用戶等待時(shí)間;也有的啟動(dòng)頁(yè)是讓用戶選擇“中英文網(wǎng)站”。
二是APP的啟動(dòng)頁(yè)。APP啟動(dòng)需要用戶等待更長(zhǎng)的時(shí)間,所以,都會(huì)設(shè)計(jì)啟動(dòng)頁(yè)。并且,可以利用啟動(dòng)頁(yè),對(duì)APP的主要功能進(jìn)行介紹。
三是視頻的啟動(dòng)頁(yè)。視頻的加載也需要時(shí)間。啟動(dòng)頁(yè)的設(shè)計(jì)分為兩種,一種是頁(yè)面放片頭廣告,還有一種就是顯示加載進(jìn)度。這里我們要提及嗶哩嗶哩之前的啟動(dòng)頁(yè)設(shè)計(jì),直接顯示代碼運(yùn)行,有一定的創(chuàng)意。
也就是說(shuō),如果代碼運(yùn)行需要用戶等待,就有添加啟動(dòng)頁(yè)的必要。
小程序啟動(dòng)時(shí)間測(cè)試
目前,微信小程序加載是以“三點(diǎn)滾動(dòng)”的方式顯示的。
按理,小程序的代碼總量要遠(yuǎn)遠(yuǎn)小于網(wǎng)站和APP,所以,其加載時(shí)間應(yīng)該更短。
根據(jù)筆者的測(cè)試,即便是目前最為簡(jiǎn)單的小程序,加載時(shí)間也在兩秒以上,而較為復(fù)雜的小程序,如美團(tuán)、京東等,則加載時(shí)間更長(zhǎng)。
從使用體驗(yàn)的角度看,小程序的兩秒以上的加載時(shí)間,已經(jīng)達(dá)到了讓用戶“等待”的程度。
所以,我們認(rèn)為,給微信小程序添加“啟動(dòng)頁(yè)”是可以考慮的選項(xiàng)。
微信小程序啟動(dòng)頁(yè)怎么設(shè)計(jì)?
如何給微信小程序添加啟動(dòng)頁(yè)呢?筆者認(rèn)為,應(yīng)該思考如下幾個(gè)問(wèn)題:
第一,頁(yè)面數(shù)量。網(wǎng)站的啟動(dòng)頁(yè)通常都是一頁(yè),分為需要用戶操作和自動(dòng)跳轉(zhuǎn)兩種,時(shí)間也較長(zhǎng);APP的啟動(dòng)頁(yè)一般都是四五頁(yè)左右,然后才能進(jìn)入APP主頁(yè);考慮到小程序加載時(shí)間要比APP短,所以,加載頁(yè)數(shù)量應(yīng)該限制在三頁(yè)以內(nèi)。
第二,頁(yè)面內(nèi)容。啟動(dòng)頁(yè)的主要功能有兩種,一種是介紹,對(duì)小程序的功能進(jìn)行介紹;一種是引導(dǎo),如引導(dǎo)注冊(cè)會(huì)員等。當(dāng)然,有的小程序雖然沒(méi)有啟動(dòng)頁(yè),但是會(huì)活動(dòng)浮頁(yè),其實(shí)活動(dòng)浮動(dòng)頁(yè)面可以整合到啟動(dòng)頁(yè)內(nèi),這似乎是更好的設(shè)計(jì)思路。
第三,操作手勢(shì)。啟動(dòng)頁(yè)通常采用滑動(dòng)手勢(shì)進(jìn)行操作。但是,也不必局限于此,筆者認(rèn)為,包括點(diǎn)擊、上下滑動(dòng)等手勢(shì),都可以在啟動(dòng)頁(yè)進(jìn)行嘗試。
如沒(méi)特殊注明,文章均為方維網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請(qǐng)注明來(lái)自http://m.oulysa.com/news/5806.html