如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
需要做一個(gè)“開(kāi)屏頁(yè)”
“哪個(gè)開(kāi)屏頁(yè)”
“帶跳過(guò)的哪個(gè)”
“帶跳過(guò)的。是一頁(yè)的那個(gè)還是可以滑動(dòng)的？”
“滑動(dòng)的”
上面的對(duì)話不知道有沒(méi)有很熟悉。
我們都知道APP在啟動(dòng)時(shí)會(huì)有一些頁(yè)面先行展示，例如這樣
通常來(lái)說(shuō)我們會(huì)簡(jiǎn)單的把它們統(tǒng)稱為“開(kāi)屏頁(yè)”或者“啟動(dòng)頁(yè)”
但實(shí)際上,這種統(tǒng)稱就像是把下面這些都小可愛(ài)都叫做“熊”一樣不嚴(yán)謹(jǐn)?！靶堋睂?
寶們表示很委屈。
其實(shí)這些“開(kāi)屏頁(yè)”的交互方式其實(shí)并不是完全一樣的,因此也承載著完全不同的功能,有著不同的名字:閃屏 Splash Screen、啟動(dòng)頁(yè) Launch Screen、引導(dǎo)頁(yè)Onboarding Screen。接下來(lái)我們就來(lái)走進(jìn)它們的“內(nèi)心世界”,了解一下它們的真正用法。
01 閃屏 Splash Screen
定義：閃屏是每次啟動(dòng)過(guò)程中展示給用戶的一個(gè)過(guò)渡頁(yè)面，用于減緩用戶在打開(kāi)應(yīng)用時(shí)等待的焦慮心情。
交互方式：閃屏通常是一張背景圖片，無(wú)法進(jìn)行交互，無(wú)法點(diǎn)擊也無(wú)法跳轉(zhuǎn)
劣勢(shì)：無(wú)法跳轉(zhuǎn)，只能進(jìn)行展示作用，無(wú)法很好的承載營(yíng)銷需求
優(yōu)勢(shì)：展示時(shí)間不可控
使用建議：
避免包含太多文字字符（閱讀速度慢的話可能還沒(méi)看完就關(guān)閉了）
不用過(guò)去吸引用戶的注意（干擾用戶的本來(lái)目的）
不要做廣告（干擾，且不能點(diǎn)擊）
02 啟動(dòng)頁(yè)Launch Screen
定義：?jiǎn)?dòng)頁(yè)形式閃屏但擁有交互功能，常用于展示營(yíng)銷活動(dòng)廣告圖片并引導(dǎo)用戶點(diǎn)擊
使用示例：常用與展示營(yíng)銷活動(dòng)廣告圖片并引導(dǎo)用戶點(diǎn)擊
交互方式：
1、點(diǎn)擊頁(yè)面或按鈕進(jìn)入活動(dòng)承載頁(yè)
2、點(diǎn)擊跳過(guò)，跳過(guò)啟動(dòng)頁(yè)，進(jìn)入首頁(yè)，或N秒后自動(dòng)消失
注：由于加載時(shí)間不確定，啟動(dòng)圖通常會(huì)緩存并存在下次啟動(dòng)時(shí)使用
03 引導(dǎo)頁(yè)Onboarding Screen
定義：用戶安裝或更新后首次啟動(dòng)時(shí)展示數(shù)個(gè)頁(yè)面，常用于介紹應(yīng)用的核心概念，功能玩法，使用場(chǎng)景，核心變更
使用示例：
交互方式：
1、左右滑動(dòng)可以切換
2、最后一頁(yè)頁(yè)面可點(diǎn)擊進(jìn)入
注：首次打開(kāi)才出現(xiàn)，之后就不在出現(xiàn)，清除用戶數(shù)據(jù)，再次打開(kāi)應(yīng)用可以看到
使用建議：
1.輕易不要使用引導(dǎo)頁(yè),以免阻礙用戶快速的使用體驗(yàn)
2.為了降低用戶反感程度,引導(dǎo)頁(yè)數(shù)通常越少越好(<5)
3.盡量提供“跳過(guò)”按鈕
4.每頁(yè)的文案不要超過(guò)9個(gè)字,如果有更多內(nèi)容可以用小號(hào)文字進(jìn)行輔助說(shuō)明
(根據(jù)愛(ài)爾蘭哲學(xué)家漢密爾頓觀察發(fā)現(xiàn)的7±2效應(yīng),一個(gè)人的短時(shí)記憶至少能回憶出5個(gè)字,最多回憶9個(gè),即7±2個(gè)。因此展示的文案要控制在9個(gè)字以內(nèi),超過(guò)后用戶容易遺忘、出現(xiàn)記憶偏差。)
劣勢(shì)：
增加了用戶進(jìn)入產(chǎn)品的時(shí)間，用戶翻頁(yè)過(guò)多，可能會(huì)失去耐心，降低好感度
04常規(guī)的啟動(dòng)流程
通常來(lái)說(shuō)：開(kāi)屏三兄弟順序如下：
流程僅是建議的常規(guī)流程,通常來(lái)說(shuō)閃屏是基本都有的,而啟動(dòng)頁(yè)和引導(dǎo)頁(yè),如果產(chǎn)品需要,三個(gè)流程都走一遍也不是不可以,不過(guò)還是要盡量考慮到用戶的忍耐度,不要讓用戶在漫長(zhǎng)的“走流程”中失去了最初的興趣。
小結(jié)
Appe曾經(jīng)在《iOS人機(jī)交互手冊(cè)》里建議:盡量不要展示閃屏或其它啟動(dòng)流程,避免干擾用戶注意力然而,在馬桶蓋、地板磚甚至是美女身上都能打廣告的今天,啟動(dòng)頁(yè)/閃屏/引導(dǎo)頁(yè)這三兄弟自帶的“廣告位”光環(huán),讓產(chǎn)品、運(yùn)營(yíng)們對(duì)其欲罷不能,幾乎已經(jīng)成為APP的啟動(dòng)標(biāo)配,一起組成了現(xiàn)在常見(jiàn)的啟動(dòng)流程。它們共同承擔(dān)起展示品牌性格,廣告營(yíng)銷入口,功能介紹與引導(dǎo)的大任。
這讓我想到最近看的一個(gè)段子,放出來(lái)給大家看看,僅做娛樂(lè)。
不過(guò),正所謂存在即合理,既然市面上的啟動(dòng)流程都是“全套服務(wù)”,說(shuō)明這么做定是符合特定階段的市場(chǎng)需求的,所以作為產(chǎn)品設(shè)計(jì)師的我們?cè)谡{(diào)侃過(guò)之后,還是要做好我們的本職工作:用專業(yè)知識(shí)解決實(shí)際問(wèn)題?？催^(guò)這篇文章后,相信
你又重新認(rèn)識(shí)了開(kāi)屏三兄弟,并且能更好地利用他們各自的特性好好服侍各位產(chǎn)品、品牌、運(yùn)營(yíng)大佬了~
