一、app啟動(dòng)頁(yè)和引導(dǎo)頁(yè)的區(qū)別
01 啟動(dòng)頁(yè) (launch screen )
1. 定義
當(dāng)app被用戶打開時(shí),在app啟動(dòng)過程中被用戶所看到的過渡頁(yè)面(或動(dòng)畫)都被我們統(tǒng)稱為啟動(dòng)頁(yè)。
2. 作用
APP在用戶打開過程中需要一定的時(shí)間,啟動(dòng)頁(yè)的展示是為了給用戶一個(gè)過渡頁(yè)面,緩解用戶打開app時(shí)等待的焦慮心情。類似于在app在加載過程中l(wèi)oading動(dòng)畫一樣,都是為了通過設(shè)計(jì)的手段來解決用戶的焦慮情緒。
3. 主要分類
規(guī)范型和品牌推廣型
(1)規(guī)范型
根據(jù) iOS 和MD 的官方定義來,用戶打開應(yīng)用能立即使用是較好的體驗(yàn),例如蘋果系統(tǒng)自帶的一些應(yīng)用,是沒有閃屏的;或者把閃屏設(shè)計(jì)的和首頁(yè)很像,類似 國(guó)外的instagram
UI基礎(chǔ)知識(shí):?jiǎn)?dòng)頁(yè)、閃屏和引導(dǎo)頁(yè)的區(qū)別
(2)品牌推廣型
國(guó)內(nèi)很多APP為了體現(xiàn)產(chǎn)品的品牌,強(qiáng)化用戶對(duì)品牌的記憶,一般啟動(dòng)頁(yè)會(huì)由:產(chǎn)品名稱+產(chǎn)品形象(logo)+產(chǎn)品廣告語(yǔ)(slogan)組成。閃屏設(shè)計(jì)多數(shù)較為精簡(jiǎn),主要目的是為了突出產(chǎn)品特點(diǎn),不宜內(nèi)容太多,太過復(fù)雜,且不易經(jīng)常更換,打斷用戶對(duì)品牌的認(rèn)知記憶,類似國(guó)內(nèi)的淘寶、優(yōu)酷等。
4. 交互方式
啟動(dòng)頁(yè)為一張靜態(tài)圖片,不可點(diǎn)擊,不可跳過
02 引導(dǎo)頁(yè)(onboarding screen)
1. 定義
用戶名列前茅次安裝app或者app更新后首次啟動(dòng)時(shí)展示的3-5個(gè)可滑動(dòng)的頁(yè)面。主要是向用戶展示產(chǎn)品的功能和產(chǎn)品亮點(diǎn)。
2. 主要分類
功能介紹性、推廣介紹型、問題解決型
(1)功能介紹性
通過簡(jiǎn)潔明了的設(shè)計(jì)和通俗易懂的文案提煉產(chǎn)品特色功能,把產(chǎn)品信息傳達(dá)給用戶。需要注意的是保證信息展示一針見血,切記啰嗦反復(fù),引導(dǎo)頁(yè)數(shù)控制在5張以內(nèi),避免過多的頁(yè)面造成用戶反感。
(2)推廣介紹型
主要目的是傳達(dá)產(chǎn)品的思想和態(tài)度,告訴用戶產(chǎn)品的使命和情懷。這一類的引導(dǎo)頁(yè)需要做到吸引用戶注意,引發(fā)用戶的共鳴。
(3)問題解決型
問題解決類通過描述在實(shí)際生活中會(huì)遇到的問題,直擊用戶痛點(diǎn),通過最后的解決方案讓用戶產(chǎn)生情感上的聯(lián)系,讓用戶對(duì)產(chǎn)品產(chǎn)生好感,增加產(chǎn)品粘度。
3. 交互方式
可以左右滑動(dòng)切換頁(yè)面,一般最后一頁(yè)有引導(dǎo)按鈕,可以寄點(diǎn)擊進(jìn)入app。
總結(jié)
啟動(dòng)頁(yè)打開app時(shí),展示的名列前茅個(gè)頁(yè)面,不可點(diǎn)擊,無交互
閃屏在app啟動(dòng)后出現(xiàn)的第2個(gè)頁(yè)面,如app沒有配置開機(jī)圖,則不顯示,直接從啟動(dòng)頁(yè)跳到app首頁(yè);如果配置了開機(jī)圖(閃屏),一般有倒計(jì)時(shí),可以跳過進(jìn)入首頁(yè),也可以點(diǎn)擊跳轉(zhuǎn)到相應(yīng)的活動(dòng)或?qū)n}頁(yè)
引導(dǎo)頁(yè)時(shí)用戶在安裝或者更新后初次打開app出現(xiàn)的3-4張類似產(chǎn)品說明書似的介紹頁(yè)面,可以左右切換,并在最后一個(gè)頁(yè)面有引導(dǎo)按鈕跳轉(zhuǎn)到首頁(yè)。(退出后,再次打開app則不再出現(xiàn)該頁(yè)面,除非卸載重裝)
延伸閱讀:
二、閃屏(splash screen )
UI基礎(chǔ)知識(shí):?jiǎn)?dòng)頁(yè)、閃屏和引導(dǎo)頁(yè)的區(qū)別
1. 定義
閃屏頁(yè)約等于啟動(dòng)頁(yè),又叫做開機(jī)廣告。由于閃屏主要用于活動(dòng)推廣,商業(yè)上的廣告宣傳,容易造成用戶排斥心理,所以這類閃屏多數(shù)有倒計(jì)時(shí)和跳過的功能。該頁(yè)面出現(xiàn)在啟動(dòng)頁(yè)之后,類似京東、愛奇藝等國(guó)內(nèi)大多數(shù)應(yīng)用,在冷啟動(dòng)出現(xiàn)啟動(dòng)頁(yè)之后有時(shí)候緊接著還會(huì)出現(xiàn)廣告閃屏。
2. 主要分類
廣告推廣型、活動(dòng)推廣型、節(jié)日關(guān)懷型。
(1)廣告推廣型
產(chǎn)品為了通過流量變現(xiàn),在此區(qū)域給一些商家提供廣告宣傳。
UI基礎(chǔ)知識(shí):?jiǎn)?dòng)頁(yè)、閃屏和引導(dǎo)頁(yè)的區(qū)別
(2)活動(dòng)推廣型
有時(shí)候產(chǎn)品在運(yùn)營(yíng)過程中會(huì)策劃一些行銷活動(dòng),該區(qū)域就作為活動(dòng)的宣傳口。活動(dòng)推廣型閃屏著重體現(xiàn)活動(dòng)的主題,用戶利益點(diǎn),以及營(yíng)造活動(dòng)氛圍。
UI基礎(chǔ)知識(shí):?jiǎn)?dòng)頁(yè)、閃屏和引導(dǎo)頁(yè)的區(qū)別
(3)節(jié)日關(guān)懷型
在節(jié)假日到來時(shí),很多APP會(huì)通過營(yíng)造節(jié)日氣氛來體現(xiàn)人文關(guān)懷。目的主要是通過情感化得設(shè)計(jì)給用戶帶來節(jié)日祝福,提升用戶的對(duì)產(chǎn)品的好感度,提升產(chǎn)品本來的品牌調(diào)性。且此類閃屏多采用插畫類的手法,對(duì)設(shè)計(jì)師的表現(xiàn)力比較強(qiáng)的需求。
UI基礎(chǔ)知識(shí):?jiǎn)?dòng)頁(yè)、閃屏和引導(dǎo)頁(yè)的區(qū)別
3. 交互方式
引導(dǎo)頁(yè)可以為一張靜態(tài)圖片,也可以是個(gè)動(dòng)態(tài)短視頻,有倒計(jì)時(shí)和可以跳過,跳過后進(jìn)入app首頁(yè)。