小伙伴們，你們?cè)谠O(shè)計(jì)APP引導(dǎo)頁(yè)面的時(shí)候，你們到底了解多少關(guān)于引導(dǎo)頁(yè)的知識(shí)呢？

為什么要設(shè)計(jì)引導(dǎo)頁(yè)呢？那我們先來看看不同的引導(dǎo)頁(yè)設(shè)計(jì)作品

通俗點(diǎn)來講引導(dǎo)是帶領(lǐng)用戶更快速更愉悅地達(dá)到目標(biāo)的過程，能在用戶使用產(chǎn)品遇到障礙之前給予及時(shí)的幫助。在移動(dòng)互聯(lián)網(wǎng)的產(chǎn)品的設(shè)計(jì)中，新手引導(dǎo)的設(shè)計(jì)則是在用戶初次使用該移動(dòng)產(chǎn)品時(shí)，給予的一些必須性的幫助以使得用戶能快速愉悅地了解這個(gè)產(chǎn)品的功能與具體操作方式。為了完成不同的引導(dǎo)內(nèi)容和引導(dǎo)的目標(biāo)，移動(dòng)端的引導(dǎo)設(shè)計(jì)會(huì)根據(jù)需求進(jìn)行不同的多樣化處理。

根據(jù)引導(dǎo)出現(xiàn)的時(shí)機(jī)，可以分為前置型的引導(dǎo)與過程中的引導(dǎo)。

1、前置型的引導(dǎo)：

在用戶還沒有正式開始使用這個(gè)產(chǎn)品時(shí)給出的一系列幫助內(nèi)容。主要的設(shè)計(jì)方式為引導(dǎo)頁(yè)的設(shè)計(jì)。

2、過程中的引導(dǎo)：

在用戶使用產(chǎn)品的過程中給出的一系列幫助內(nèi)容。主要的設(shè)計(jì)方式有空白頁(yè)的內(nèi)容引導(dǎo)，loading等等待狀態(tài)中的引導(dǎo)，拆分包袱的逐步引導(dǎo)，巧設(shè)默認(rèn)值的功能引導(dǎo)，tips引導(dǎo)，浮點(diǎn)引導(dǎo)，遮罩聚焦式引導(dǎo)，觸發(fā)式引導(dǎo)，任務(wù)演練式引導(dǎo)等。

3、引導(dǎo)頁(yè)的設(shè)計(jì)探究

引導(dǎo)頁(yè)作為前置型引導(dǎo)，必然具備前置型引導(dǎo)的特征。用戶是在使用前看到引導(dǎo)頁(yè)的內(nèi)容，此時(shí)用戶對(duì)這個(gè)產(chǎn)品的了解并不多，對(duì)于如產(chǎn)品的功能/頁(yè)面布局/具體使用等還沒有建立起完整的認(rèn)知。所以引導(dǎo)頁(yè)更適合闡述產(chǎn)品的概況內(nèi)容（如具有產(chǎn)品的概念，產(chǎn)品的核心功能，具有競(jìng)爭(zhēng)力的功能點(diǎn)或用戶痛點(diǎn)，以及會(huì)影響到初次使用的操作方式的內(nèi)容），建立起用戶對(duì)產(chǎn)品的大致認(rèn)知；而不太適用于闡述過于細(xì)節(jié)的產(chǎn)品內(nèi)容，因?yàn)榇藭r(shí)用戶還無法進(jìn)行相應(yīng)的信息匹配，細(xì)節(jié)內(nèi)容會(huì)不容易理解。

雖然引導(dǎo)頁(yè)有上述的限制，但是由于它具備的很多優(yōu)點(diǎn)，讓它作為一種非常常見的方式來使用。

具體的優(yōu)點(diǎn)：1）篇幅設(shè)置可自由設(shè)定，在一定范圍內(nèi)可多可少；2）全屏或幾乎全屏的信息呈現(xiàn)的方式，使得信息的可承載量多；3）內(nèi)容的編排自由，設(shè)計(jì)師可以自由發(fā)揮。

所以引導(dǎo)頁(yè)是一種在設(shè)計(jì)上較靈活自由的方式。但是在實(shí)際的使用中，我們還是常常會(huì)發(fā)現(xiàn)設(shè)計(jì)的效果并不容易達(dá)不到預(yù)期。用戶常常不會(huì)仔細(xì)瀏覽這些引導(dǎo)的信息，對(duì)于引導(dǎo)的內(nèi)容信息的接收程度會(huì)打折扣，很難全部吸收；還有不少情況下用戶會(huì)跳過引導(dǎo)，忽略引導(dǎo)想提供的幫助信息。那么，如何做能讓我們?cè)O(shè)計(jì)的引導(dǎo)才能引起用戶的興趣，讓他們花費(fèi)一點(diǎn)精力去吸收引導(dǎo)的內(nèi)容信息，這需要一些技巧。

最核心的技巧有4點(diǎn)：

1、精簡(jiǎn)與合理使用

A、設(shè)計(jì)師需要把控引導(dǎo)的內(nèi)容

B、突顯競(jìng)爭(zhēng)力的或有吸引力的內(nèi)容點(diǎn)的介紹

C 抓住目標(biāo)用戶群剛需吸引點(diǎn)來設(shè)計(jì)

2、細(xì)致編排 ?生動(dòng)而有趣

一種方式：講故事的方式，使引導(dǎo)具有情景化，由于一次靜態(tài)的微電影！

講故事的主要手法有：故事可以是以情動(dòng)人，痛點(diǎn)渲染，角色榜樣類比等方式

3、有效的注意力 突顯記憶點(diǎn)

我們都知道注意力是記憶力的基礎(chǔ)，記憶力是注意力的結(jié)果。沒有良好的注意力就沒有良好的記憶力，良好的記憶力是建立在良好的注意力基礎(chǔ)上的。

A、聚焦

B、優(yōu)化圖片所傳達(dá)的信息

C、除了靜態(tài)的視覺畫面，我們還可以增加用戶對(duì)于引導(dǎo)內(nèi)容的注意力

D、用合適的屏與屏之間切換的交互方式

E、能有效傳達(dá)的文案內(nèi)容

4、構(gòu)建APP獨(dú)特的特色。增強(qiáng)記憶點(diǎn)

很多的引導(dǎo)頁(yè)在設(shè)計(jì)上同質(zhì)化問題嚴(yán)重，極度相似的設(shè)計(jì)手法、設(shè)計(jì)風(fēng)格、排版風(fēng)格、相似的文案內(nèi)容、讓用戶很難記憶或引起關(guān)注。構(gòu)建產(chǎn)品引導(dǎo)頁(yè)的特色是區(qū)別于其他產(chǎn)品的好方式，特色可以讓引導(dǎo)頁(yè)脫穎而出。

A.從設(shè)計(jì)方式上進(jìn)行特色構(gòu)建

B.系列化引導(dǎo)設(shè)計(jì)的特色構(gòu)建

這些都是優(yōu)秀APP設(shè)計(jì)總結(jié)出來的技巧和經(jīng)驗(yàn)！值得我們大家分享！

詳細(xì)內(nèi)容和來源：http://isux.tencent.com/user-guide-design-01.html