探究!APP引導頁設計


探究!APP引導頁設計


文/劉兆峰 蔣曉 APP應用首次啟動後的引導頁面,最初可稱為新手引導頁面,顧名思義其主要功能是引導用戶操作行為,3-5個頁面快速讓用戶熟悉產品。

探究!APP引導頁設計


如今的引導頁面不再侷限於操作引導,活動推廣宣傳、品牌態度呈現等內容不斷出現在引導頁面中,引導頁承載了更多功能屬性,內容更加豐富,設計也呈現多元化趨勢。

探究!APP引導頁設計



探究!APP引導頁設計


引導頁是用戶首先接觸到的應用內容,可謂是APP給予用戶的“第一印象”,儘管有時會被用戶忽略甚至直接跳過,但就其內容的信息曝光率而言較應用本身更高。依據不同的功能訴求,引導頁面的內容、形式可進行如下劃分:

探究!APP引導頁設計


①新功能提醒/操作提示。引導頁面最基本的功能,產品新版本的更新迭代及創新內容的呈現。

②活動/節假日/廣告推廣。公司產品口碑宣傳與品牌推廣,滿足產品運營需求,此類引導頁氣氛渲染較為強烈,易調起用戶情緒。

探究!APP引導頁設計


③需求解決類。引導頁呈現內容直擊用戶痛點,解決用戶最關心的產品問題,滿足用戶需求,同時與同類競品進行差異化區分。

④體現品牌態度。依據產品定位及特色功能進行設計,與產品核心功能或公司秉持的理念相一致,樹立品牌形象。

探究!APP引導頁設計


⑤登錄引導。頁面中始終呈現登錄/註冊按鈕,將信息展示與引導操作結合在一起,,強化操作,在社交類APP中應用較為普遍。

探究!APP引導頁設計



探究!APP引導頁設計


①用戶認知。引導頁面出現在APP啟動之初,需要用戶操作或自動播放觀看,當用戶沉浸在應用當中或非退出狀態下,引導頁面是不會再次出現的,因此用戶對於引導頁面的認知具有以下特點:

探究!APP引導頁設計


■瞬時體驗,引導頁面本身出現時間較短,且當頁面內的跳轉按鈕更加突出時,用戶往往會直接點擊跳過。

探究!APP引導頁設計


■預期體驗,對於APP使用數量較多的用戶,對於引導頁面存在各自的認知,這時需要對引導頁面的內容、形式等進行了一個預期的判斷,這也是導致用戶面對相似的引導頁面時,會選擇直接跳過忽略的一個原因。

探究!APP引導頁設計


■隱性體驗,儘管引導頁面與應用本身的操作使用不一致,用戶對其敏感度不高,且同質化的體驗也讓用戶易於忽略,但是引導頁面帶來的隱性體驗依舊不可忽略,好的引導頁面會在潛意識層面影響用戶認知和體驗。

探究!APP引導頁設計


②交互方式。引導頁面的操作方式較為簡單,主要包括滑動和點擊操作兩種,其中點擊操作對用戶的提示強度過高,一般僅在最後一個引導頁面出現,引導進入APP。

探究!APP引導頁設計


③文案。儘管引導頁面以圖形化為主,但精煉的文案內容同樣必不可少,簡短的文案,能夠對內容起到畫龍點睛的作用。顯著的文案能夠保持用戶注意力的高效聚焦。

探究!APP引導頁設計



探究!APP引導頁設計


①凸顯品牌特徵。引導頁面不在僅僅提供新手引導操作的功能,更多的屬性被加入進去,其中品牌特色便是較為重要的一部分,在細節之處凸顯品牌特徵,與公司理念脈相承,無疑是最合理有效的推廣手段。

探究!APP引導頁設計


②交互多樣化。採用故事敘述、場景動畫跳轉等動態形式,本質上屬於一種強迫式體驗,帶領用戶進入故事或場景當中,給予用戶強烈的衝擊力,帶來沉浸式的體驗,,提高引導頁面的停留時長,避免被忽略。

探究!APP引導頁設計


③視覺焦點聚焦,優化視覺路徑。合理優化視覺路徑,避免焦點靜止帶來的麻木與疲勞感,引導視覺焦點移動,靜態與動態相結合,強化焦點圖形,讓引導頁面間的跳轉富有節奏感。

探究!APP引導頁設計


④文案簡潔,有感染力。引導頁面文案應言簡意賅,突出核心內容,避免囉嗦。同時語言風格要與應用本身設計風格相匹配,使用用戶語言,拉近與用戶的心理距離。

探究!APP引導頁設計


好的引導頁面不僅具備自身的引導功能,滿足用戶需求,同樣可以影響到用戶對於APP的認知,將用戶的“第一印象”做到最優。

探究!APP引導頁設計

探究!APP引導頁設計

(此處已添加圈子卡片,請到今日頭條客戶端查看)


① 官方頭條號:設計智造 頂級創意設計師必備


分享到:


相關文章: