移動介面設計技巧:引導頁設計技巧總結

文章描述：引導是帶領使用者更快速更愉悅地達到目標的過程，能在使用者使用產品遇到障礙之前給予及時的協助。在移動互連網的產品的設計中，新手引導的設計則是在使用者初次使用該移動產品時，給予的一些必須性的協助以使得使用者能快速愉悅地瞭解這個產品的功能與具體操作方式。為了完成不

前言：

引導是帶領使用者更快速更愉悅地達到目標的過程，能在使用者使用產品遇到障礙之前給予及時的協助。在移動互連網的產品的設計中，新手引導的設計則是在使用者初次使用該移動產品時，給予的一些必須性的協助以使得使用者能快速愉悅地瞭解這個產品的功能與具體操作方式。為了完成不同的引導內容和引導的目標，移動端的引導設計會根據需求進行不同的多樣化處理。根據引匯出現的時機，可以分為前置型的引導與過程中的引導。

前置型的引導：在使用者還沒有正式開始使用這個產品時給出的一系列協助內容。主要的設計方式為引導頁的設計。過程中的引導：在使用者使用產品的過程中給出的一系列協助內容。主要的設計方式有空白頁的內容引導，loading等等待狀態中的引導，拆分包袱的逐步引導，巧設預設值的功能引導，tips引導，浮點引導，遮罩聚焦式引導，觸發式引導，任務演練式引導等。

由於篇幅所限，本篇博文主要針對前置型引導的引導頁的設計詳細論述，而對於過程中的引導會在後續博文中奉上。

引導頁的設計探究

引導頁作為前置型引導，必然具備前置型引導的特徵。使用者是在使用前看到引導頁的內容，此時使用者對這個產品的瞭解並不多，對於如產品的功能/頁面配置/具體使用等還沒有建立起完整的認知。所以引導頁更適合闡述產品的概況內容（如具有產品的概念，產品的核心功能，具有競爭力的功能點或使用者痛點，以及會影響到初次使用的操作方式的內容），建立起使用者對產品的大致認知；而不太適用於闡述過於細節的產品內容，因為此時使用者還無法進行相應的資訊匹配，細節內容會不容易理解。

雖然引導頁有上述的限制，但是由於它具備的很多優點，讓它作為一種非常常見的方式來使用。

具體的優點：

1）篇幅設定可自由設定，在一定範圍內可多可少；
2）全屏或幾乎全屏的資訊呈現的方式，使得資訊的可承載量多；
3）內容的編排自由，設計師可以自由發揮。

所以引導頁是一種在設計上較靈活自由的方式。但是在實際的使用中，我們還是常常會發現設計的效果並不容易達不到預期。使用者常常不會仔細瀏覽這些引導的資訊，對於引導的內容資訊的接收程度會打折扣，很難全部吸收；還有不少情況下使用者會跳過引導，忽略引導想提供的協助資訊。那麼，如何做能讓我們設計的引導才能引起使用者的興趣，讓他們花費一點精力去吸收引導的內容資訊，這需要一些技巧。

最核心的技巧有4點：

精簡與合理使用
細緻編排
有效注意力
構建特色

精簡與合理使用

在引導頁設計的泛濫時代，絕大多數的APP在首次使用中都會設計幾頁引導內容。

設計師需要把控引導的內容。只做必要的引導頁內容。沒必要的引導內容會增加資訊的冗餘性，沖淡真正需要使用者關注的資訊的注意力與精力。

在設計之前，我們要對使用者初次使用該APP時的心理與使用行為進行分析，並不是所有情況都適合使用引導頁的，要對不適合的情況say no。

適合與否的依據主要是在真實的使用情境中，使用者是希望能對這個產品有個大致的瞭解，還是希望快速啟動產品立即使用，在使用的過程中再慢慢學習。如果使用者是希望快速啟動產品使用中出現過於的引導會引起使用者的方案。

[1] [2] [3] [4] [5] [6] [7] [8]  下一頁