導航:首頁 > APP軟體 > app閃屏製作是什麼

app閃屏製作是什麼

發布時間:2023-11-29 00:24:51

『壹』 app引導頁和啟動頁有什麼區別

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

UI基礎知識:啟動頁、閃屏和引導頁的區別
01 啟動頁 (launch screen )
1. 定義
當app被用戶打開時,在app啟動過程中被用戶所看到的過渡頁面(或動畫)都被我們統稱為啟動頁。

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

3. 主要分類
規范型和品牌推廣型

(1)規范型

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

UI基礎知識:啟動頁、閃屏和引導頁的區別
(2)品牌推廣型

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

4. 交互方式
啟動頁為一張靜態圖片,不可點擊,不可跳過

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

2. 主要分類
廣告推廣型、活動推廣型、節日關懷型。

UI基礎知識:啟動頁、閃屏和引導頁的區別
(1)廣告推廣型

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

UI基礎知識:啟動頁、閃屏和引導頁的區別
(2)活動推廣型

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

UI基礎知識:啟動頁、閃屏和引導頁的區別
(3)節日關懷型

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

UI基礎知識:啟動頁、閃屏和引導頁的區別
3. 交互方式
引導頁可以為一張靜態圖片,也可以是個動態短視頻,有倒計時和可以跳過,跳過後進入app首頁。

03 引導頁(onboarding screen)
1. 定義
用戶第一次安裝app或者app更新後首次啟動時展示的3-5個可滑動的頁面。主要是向用戶展示產品的功能和產品亮點。

2. 主要分類
功能介紹性、推廣介紹型、問題解決型

(1)功能介紹性

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

(2)推廣介紹型

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

(3)問題解決型

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

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

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

題圖來自Unsplash,基於CC0協議

閱讀全文

與app閃屏製作是什麼相關的資料

熱點內容
震旦adc307掃描的文件在哪裡 瀏覽:999
圖片打開變成文件 瀏覽:194
松下微單電腦傳文件軟體 瀏覽:574
蘋果藍牙鍵盤surface 瀏覽:170
mindmaplinux 瀏覽:733
oppo手機怎麼連接電腦傳輸數據 瀏覽:624
word刪除章節附註分隔符 瀏覽:773
公告質疑需要哪些文件 瀏覽:608
資料庫模型是干什麼的 瀏覽:404
win10的驅動怎麼安裝驅動 瀏覽:320
word文件水印怎麼取消 瀏覽:443
rhel6的鏡像文件在哪裡下載 瀏覽:571
成功正能量微信頭像 瀏覽:848
wps表格如何恢復數據 瀏覽:264
linuxc靜態庫創建 瀏覽:838
u盤有微信文件但微信恢復不了 瀏覽:585
蘋果的網站數據是什麼 瀏覽:22
ps滾字教程 瀏覽:237
win7網路鄰居如何保存ftp 瀏覽:186
安卓客戶端代理伺服器 瀏覽:572

友情鏈接