前言

?移動設計的引導，可以讓用戶快速的熟悉產品，在用戶遇到困難時給予幫助。在設計時力求簡單有趣，在恰當的時間出現在恰當的地方。引導設計的主要模式：前置型引導，過程中的引導。前置型的引導主要是用戶還沒開始使用這個產品之前的一系列幫助。主要的設計方式是幻燈片式。過程中的引導主要是用戶在使用這個產品給出的一系列引導。主要的設計方式包括浮層式引導，遮罩式，嵌入式和互動式。

幻燈片引導

幻燈片引導一般是出現app第一次啟動的時候，是一系列的幫助頁面組合。可以通過全屏或者接近全屏的展示，讓用戶聚焦到引導內容上。因為引導頁很容易被用戶直接跳過，所以要求引導頁設計的創新，聚焦和精簡。

從內容上說，幻燈片引導可以分為功能型介紹類、使用說明類、推廣類、解決問題類。表現形式有：a.文字與界面的組合，簡短的文字＋該功能的頁面，主要運用在功能型介紹使用說明類。優點：較為直接的傳達產品的主要功能，不足在于過于模式化，顯得千篇一律。

b.文字與插圖的組合。目前常見的形式之一。插圖多具象，以使用場景，照片為主來表現文字內容。可以廣泛運用各類引導，生動又形象。

c.動態效果與音樂。

在單個或者所有頁面采用動畫的形式，考慮好各個組件的先后快慢，使頁面活動起來。同時結合動效可以考慮頁面間的切換方式，將默認的左右滑動改成上下滑動活著幾秒自動切換到下一頁。

d.視頻展示。打開后通過播放視頻的形式太介紹產品，多見于偏生活記錄類的應用，比如拍照、美圖、運動類應用，給人青春活力的感覺。

浮層式引導

浮層式引導是一種輕量級但是目的性很強的引導方式，一般是半透明復層結合文案的設計模式。大部分浮層模式帶有箭頭，目標明確，用來提示重要功能或者隱藏操作。一般為非模態浮層，大概顯示3秒后自動消失，對用戶的干擾較小。也有一些重要功能使用模態浮層，需要用戶點擊確認。

遮罩式引導

遮罩式引導為一種比較強勢的引導，通過直接蓋住界面來強調當前需要引導的內容。一般遮罩層為半透明，在此圖層上，通過各種圖形來結合被蓋住的界面內容，引導用戶聚焦到重要的信息。遮罩式引導涂層需要有確認或退出鍵。

嵌入式引導

嵌入式引導指將引導內容直接嵌入到界面中。可以嵌入到狀態欄，導航欄，工具欄，比較常見的是嵌入到主題的頁面內容。

嵌入式引導分為局部嵌入和整體嵌入。局部嵌入就是保存當前頁面內容的同時，增加引導提示。這種方式更為溫和。整體嵌入則是將引導做為一個整體代替頁面的內容，一般使用在“空狀態”的情況下。

嵌入式引導：空狀態

空狀態頁面主要出現在以下三種情況下：

1.初始狀態：需要用戶添加或者操作才產生內容的頁面。一般初始狀態為空，這時候需要在界面上做良好的新手引導，告訴用戶如何開始。

2.清空狀態：通過刪除或者用戶其他操作，清空了當前頁面內容，產生空白頁面。這個時候可以考慮情感化的設計。

3.出錯狀態：由于網絡或者服務器的問題無法加載當前頁面，產生了空內容，這個時候需要有明確的提示，且告知用戶如何處理。

初始狀態的引導

用戶搜索操作產生的空白頁面

服務器出錯的狀態下，引導用戶做出處理

互動式引導

互動式引導一般比較隱蔽，是在用戶與產品之間互動的時候發生的，引導用戶完成操作。常見有手勢互動，如下拉刷新、底部上拉的各種加載方式。互動式引導也經常發生在語音操作中，例如用戶使用麥克風的過程中，界面隨著用戶的聲音的輸入而產生互動，從而告知用戶系統正在處于接收的狀態，可以繼續輸入。