在APP開發中如何設計前置引導頁

用(yòng)戶首次打開APP時(shí)，一般會先出現幾張引導圖片。引導圖的(de)目的(de)就是在用(yòng)戶還(hái)沒有正式開始使用(yòng)這(zhè)個(gè)産品時(shí)給出的(de)一系列幫助内容。

主要的(de)設計方式有空白頁的(de)内容引導，loading等等待狀态中的(de)引導，拆分(fēn)包袱的(de)逐步引導，巧設默認值的(de)功能引導，tips引導，浮點引導，遮罩聚焦式引導，觸發式引導，任務演練式引導等。

引導頁是用(yòng)戶在使用(yòng)前看到的(de)内容，此時(shí)用(yòng)戶對(duì)這(zhè)個(gè)産品的(de)了(le)解并不多(duō)，對(duì)于如産品的(de)功能/頁面布局/具體使用(yòng)等還(hái)沒有建立起完整的(de)認知。所以引導頁更适合闡述産品的(de)概況内容(如具有産品的(de)概念，産品的(de)核心功能，具有競争力的(de)功能點或用(yòng)戶痛點，以及會影(yǐng)響到初次使用(yòng)的(de)操作方式的(de)内容)，建立起用(yòng)戶對(duì)産品的(de)大(dà)緻認知;而不太适用(yòng)于闡述過于細節的(de)産品内容，因爲此時(shí)用(yòng)戶還(hái)無法進行相應的(de)信息匹配，細節内容會不容易理(lǐ)解。

引導頁具備的(de)很多(duō)優點，讓它作爲一種非常常見的(de)方式來(lái)使用(yòng)。

1)篇幅設置可(kě)自由設定，在一定範圍内可(kě)多(duō)可(kě)少;

2)全屏或幾乎全屏的(de)信息呈現的(de)方式，使得(de)信息的(de)可(kě)承載量多(duō);

3)内容的(de)編排自由，設計師可(kě)以自由發揮。

 

所以引導頁是一種在設計上較靈活自由的(de)方式。但是在實際的(de)使用(yòng)中，我們還(hái)是常常會發現設計的(de)效果并不容易達不到預期。用(yòng)戶常常不會仔細浏覽這(zhè)些引導的(de)信息，對(duì)于引導的(de)内容信息的(de)接收程度會打折扣，很難全部吸收;還(hái)有不少情況下(xià)用(yòng)戶會跳過引導，忽略引導想提供的(de)幫助信息。那麽，如何做(zuò)能讓我們設計的(de)引導才能引起用(yòng)戶的(de)興趣，讓他(tā)們花費一點精力去吸收引導的(de)内容信息，這(zhè)需要一些技巧。

 

最核心的(de)技巧有4點：精簡與合理(lǐ)使用(yòng)、細緻編排、吸引注意力、有特色。

 

一、精簡與合理(lǐ)使用(yòng)

在引導頁設計的(de)泛濫時(shí)代，絕大(dà)多(duō)數的(de)APP在首次使用(yòng)中都會設計幾頁引導内容。

設計師需要把控引導的(de)内容。隻做(zuò)必要的(de)引導頁内容。沒必要的(de)引導内容會增加信息的(de)冗餘性，沖淡真正需要用(yòng)戶關注的(de)信息的(de)注意力與精力。

在設計之前，我們要對(duì)用(yòng)戶初次使用(yòng)該APP時(shí)的(de)心理(lǐ)與使用(yòng)行爲進行分(fēn)析，并不是所有情況都适合使用(yòng)引導頁的(de)，要對(duì)不适合的(de)情況say no。

适合與否的(de)依據主要是在真實的(de)使用(yòng)場(chǎng)景中，用(yòng)戶是希望能對(duì)這(zhè)個(gè)産品有個(gè)大(dà)緻的(de)了(le)解，還(hái)是希望快(kuài)速啓動産品立即使用(yòng)，在使用(yòng)的(de)過程中再慢(màn)慢(màn)學習(xí)。如果用(yòng)戶是希望快(kuài)速啓動産品使用(yòng)中出現過于的(de)引導會引起用(yòng)戶的(de)方案。

 

二、細緻編排

當确定了(le)引導的(de)内容後，我們需要對(duì)引導的(de)内容進行細緻的(de)編排。具體的(de)編排可(kě)以分(fēn)爲平鋪直叙述和(hé)講故事的(de)方式。平鋪直叙是将一個(gè)一個(gè)内容點羅列，之間沒有建立什(shén)麽聯系。而講故事是将内容串聯起來(lái)變成一個(gè)整體的(de)故事。

 

三、吸引注意力

注意力是記憶力的(de)基礎，記憶力是注意力的(de)結果。沒有良好的(de)注意力就沒有良好的(de)記憶力，良好的(de)記憶力是建立在良好的(de)注意力基礎上的(de)。

我們所設計的(de)引導頁也(yě)需要能吸引用(yòng)戶的(de)注意力，讓用(yòng)戶能夠花費精力來(lái)閱讀我們想告知他(tā)們的(de)信息，以達到一種有效的(de)注意力。

 

四、有特色

很多(duō)的(de)引導頁在設計上同質化(huà)問題嚴重，極度相似的(de)設計手法、設計風格、排版風格、相似的(de)文案内容、讓用(yòng)戶很難記憶或引起關注。構建産品引導頁的(de)特色是區(qū)别于其他(tā)産品的(de)好方式，特色可(kě)以讓引導頁脫穎而出。

 

當然，引導并不是解決設計問題的(de)方法，引導隻能作爲一種點到爲止的(de)輔助方式。