前言：

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

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

由于篇幅所限，本篇博文主要針對前置型引導(dǎo)的引導(dǎo)頁的設(shè)計詳細(xì)論述，而對于過程中的引導(dǎo)會在后續(xù)博文中奉上。

引導(dǎo)頁的設(shè)計探究

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

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

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

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

最核心的技巧有4點：精簡與合理使用? & ?細(xì)致編排 ?& ?有效的注意力 ?& ?構(gòu)建特色。

精簡與合理使用

在引導(dǎo)頁設(shè)計的泛濫時代，絕大多數(shù)的APP在首次使用中都會設(shè)計幾頁引導(dǎo)內(nèi)容。

設(shè)計師需要把控引導(dǎo)的內(nèi)容。只做必要的引導(dǎo)頁內(nèi)容。沒必要的引導(dǎo)內(nèi)容會增加信息的冗余性，沖淡真正需要用戶關(guān)注的信息的注意力與精力。

在設(shè)計之前，我們要對用戶初次使用該APP時的心理與使用行為進(jìn)行分析，并不是所有情況都適合使用引導(dǎo)頁的，要對不適合的情況say no。

適合與否的依據(jù)主要是在真實的使用場景中，用戶是希望能對這個產(chǎn)品有個大致的了解，還是希望快速啟動產(chǎn)品立即使用，在使用的過程中再慢慢學(xué)習(xí)。如果用戶是希望快速啟動產(chǎn)品使用中出現(xiàn)過于的引導(dǎo)會引起用戶的方案。

具體較適用的情況：

1.對于一個新概念的新產(chǎn)品，用戶需要對這些新的概念或內(nèi)容有所理解才能更好的使用產(chǎn)品。(下圖為Vida的引導(dǎo)截圖)

總結(jié)

以上是生活随笔為你收集整理的php 移动端隐藏引导页,移动端引导设计技巧1：前置的引导页的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。