"UI基礎知識:啟動頁、閃屏和引導頁的區別"

我們在打開APP時候總會跳出一些頁面,有人說是啟動頁也有人叫開機圖,各種叫法讓人傻傻分不清楚。那麼在啟動APP的時候我們看到的頁面到底是什麼,又有什麼區別呢?下麵就是關於啟動頁、閃屏、引導頁的簡單的歸納和總結,希望對大家有所幫助。

01 啟動頁 (launch screen )

1. 定義

當app被用戶打開時,在app啟動過程中被用戶所看到的過渡頁面(或動畫)都被我們統稱為啟動頁。

2. 作用

APP在用戶打開過程中需要一定的時間,啟動頁的展示是為了給用戶一個過渡頁面,緩解用戶打開app時等待的焦慮心情。類似於在app在加載過程中loading動畫一樣,都是為了通過設計的手段來解決用戶的焦慮情緒。

3. 主要分類

規範型和品牌推廣型

(1)規範型

根據 iOS 和MD 的官方定義來,用戶打開應用能立即使用是最好的體驗,例如蘋果系統自帶的一些應用,是沒有閃屏的;或者把閃屏設計的和首頁很像,類似 國外的instagram

(2)品牌推廣型

國內很多APP為了體現產品的品牌,強化用戶對品牌的記憶,一般啟動頁會由:產品名稱+產品形象(logo)+產品廣告語(slogan)組成。閃屏設計多數較為精簡,主要目的是為了突出產品特點,不宜內容太多,太過複雜,且不易經常更換,打斷用戶對品牌的認知記憶,類似國內的淘寶、優酷等。

4. 交互方式

啟動頁為一張靜態圖片,不可點擊,不可跳過

02 閃屏(splash screen )

1. 定義

閃屏頁約等於啟動頁,又叫做開機廣告。由於閃屏主要用於活動推廣,商業上的廣告宣傳,容易造成用戶排斥心理,所以這類閃屏多數有倒計時和跳過的功能。該頁面出現在啟動頁之後,類似京東、愛奇藝等國內大多數應用,在冷啟動出現啟動頁之後有時候緊接著還會出現廣告閃屏。

2. 主要分類

廣告推廣型、活動推廣型、節日關懷型。

(1)廣告推廣型

產品為了通過流量變現,在此區域給一些商家提供廣告宣傳。

(2)活動推廣型

有時候產品在運營過程中會策劃一些行銷活動,該區域就作為活動的宣傳口。活動推廣型閃屏著重體現活動的主題,用戶利益點,以及營造活動氛圍。

(3)節日關懷型

在節假日到來時,很多APP會通過營造節日氣氛來體現人文關懷。目的主要是通過情感化得設計給用戶帶來節日祝福,提升用戶的對產品的好感度,提升產品本來的品牌調性。且此類閃屏多採用插畫類的手法,對設計師的表現力比較強的需求。

3. 交互方式

引導頁可以為一張靜態圖片,也可以是個動態短視頻,有倒計時和可以跳過,跳過後進入app首頁。

03 引導頁(onboarding screen)

1. 定義

用戶第一次安裝app或者app更新後首次啟動時展示的3-5個可滑動的頁面。主要是向用戶展示產品的功能和產品亮點。

2. 主要分類

功能介紹性、推廣介紹型、問題解決型

(1)功能介紹性

通過簡潔明瞭的設計和通俗易懂的文案提煉產品特色功能,把產品信息傳達給用戶。需要註意的是保證信息展示一針見血,切記啰嗦反覆,引導頁數控制在5張以內,避免過多的頁面造成用戶反感。

(2)推廣介紹型

主要目的是傳達產品的思想和態度,告訴用戶產品的使命和情懷。這一類的引導頁需要做到吸引用戶註意,引發用戶的共鳴。

(3)問題解決型

問題解決類通過描述在實際生活中會遇到的問題,直擊用戶痛點,通過最後的解決方案讓用戶產生情感上的聯繫,讓用戶對產品產生好感,增加產品粘度。

3. 交互方式

可以左右滑動切換頁面,一般最後一頁有引導按鈕,可以寄點擊進入app。

總結

  1. 啟動頁打開app時,展示的第一個頁面,不可點擊,無交互
  2. 閃屏在app啟動後出現的第2個頁面,如app沒有配置開機圖,則不顯示,直接從啟動頁跳到app首頁;如果配置了開機圖(閃屏),一般有倒計時,可以跳過進入首頁,也可以點擊跳轉到相應的活動或專題頁
  3. 引導頁時用戶在安裝或者更新後初次打開app出現的3-4張類似產品說明書似的介紹頁面,可以左右切換,併在最後一個頁面有引導按鈕跳轉到首頁。(退出後,再次打開app則不再出現該頁面,除非卸載重裝)

本文由 @Sevenmoon 原創發佈於人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基於CC0協議

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *