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