上次我寫了自己關(guān)于啟動(dòng)頁的一些觀察和想法。這次，來談?wù)勔龑?dǎo)頁，主要是app啟動(dòng)后展現(xiàn)的引導(dǎo)頁，也有人稱為前置引導(dǎo)頁。

今天依然從是什么、為什么、怎么做來談?wù)撘龑?dǎo)頁。

一、什么是引導(dǎo)頁？

在網(wǎng)絡(luò)上做了一些查詢，沒有找到引導(dǎo)頁的官方或權(quán)威定義，決定從其字面意思來進(jìn)行推論。所謂引導(dǎo)頁，就是引導(dǎo)用戶學(xué)習(xí)app用法或了解app作用的頁面，其核心在于“引導(dǎo)”二字。在此情況下，若一個(gè)號(hào)稱引導(dǎo)頁的東西不能達(dá)到讓用戶學(xué)習(xí)app的用法，或了解app相關(guān)，都不能使真正意義上的引導(dǎo)頁。

二、為什么要做引導(dǎo)頁？

到底為什么多數(shù)app都會(huì)在很多情況下增加引導(dǎo)頁呢？個(gè)人認(rèn)為原因在于以下幾點(diǎn)：

1. 受傳統(tǒng)pc時(shí)代軟件說明書的影響。pc時(shí)代的一個(gè)軟件，用戶往往不知道如何操作，甚至需要上專門的課程學(xué)習(xí)某個(gè)軟件才行，比如office系列。因此，每個(gè)軟件一旦銷售必然配備使用說明書，以幫助用戶學(xué)習(xí)。但是，在移動(dòng)互聯(lián)網(wǎng)時(shí)代，對(duì)于輕量級(jí)的app使用說明書太重了，所以使用了引導(dǎo)頁這種輕量級(jí)的方式。
2. app設(shè)計(jì)者假設(shè)用戶會(huì)希望了解這個(gè)app到底是個(gè)什么東西？能干什么？怎么用？所以要做引導(dǎo)頁來回答用戶內(nèi)心的這些問題。
3. app設(shè)計(jì)者看到別人有，沒有多想，覺得自己的app也應(yīng)該做一個(gè)。

然而，現(xiàn)實(shí)中的情況是什么呢？

1. 在這個(gè)注重極致用戶體驗(yàn)的時(shí)代，絕大多數(shù)app的設(shè)計(jì)已經(jīng)可以做到不證自明的階段。用戶一看就知道這玩意兒應(yīng)該怎么用，能用來干什么。
2. 即使用戶對(duì)某個(gè)app沒有任何認(rèn)知，在下載這個(gè)app之前也肯定會(huì)有一些前置了解來幫助自己決定是否有必要下載（產(chǎn)品狗除外，什么app都會(huì)劃拉下來看看），或者道聽途說，或者朋友推薦等等。因此，引導(dǎo)頁能夠告訴用戶的多數(shù)情況下是他已經(jīng)知道的。
3. 即使還需要深入了解的app（甚至手機(jī)系統(tǒng)這么復(fù)雜的玩意兒），多數(shù)的用戶還是會(huì)采取自我探索的方式來學(xué)習(xí)如何使用。而這種學(xué)習(xí)方式對(duì)于成長(zhǎng)在互聯(lián)網(wǎng)時(shí)代的90、00、10后更是如此。（我四歲的侄女不識(shí)字照樣可以用手機(jī)拍照、看動(dòng)畫片）。
4. 用戶打開app的目的是使用其功能來完成任務(wù)，往往不希望有任何障礙。因此，真正有耐心看完引導(dǎo)頁的用戶很少，多數(shù)會(huì)直接快速滑動(dòng)跳過。即使引導(dǎo)頁做得再好。
5. 很多公司其實(shí)已經(jīng)注意到了這種情況，所以他們?cè)谝龑?dǎo)頁上添加了“跳過”按鈕，來防止用戶對(duì)翻好幾頁引導(dǎo)頁而反感。

因此，從某種意義上來說，引導(dǎo)頁的存在其實(shí)是一個(gè)大家覺得存在沒什么不對(duì)，但是卻又沒太多人用的這么一個(gè)東西。

那么，是不是不需要做引導(dǎo)頁了呢？我想說的是：對(duì)，不需要做引導(dǎo)頁了。除非：

1. 你的app是一個(gè)全新概念的app，是市面上沒有人有過的玩法。即使用戶能夠從各種途徑了解到相關(guān)信息，但也無法完全理解你所想要傳達(dá)的信息。你有不說就死的理由。此種情況下，你可以做引導(dǎo)頁，也許能夠讓部分用戶加深對(duì)app的了解。
2. 你的app增加了非常大塊的功能，大到可能改變整個(gè)app的使用場(chǎng)景，值得你重點(diǎn)強(qiáng)調(diào)。就像發(fā)布一個(gè)全新的app一樣。
3. 你的app新增加了非常重要的功能，但又無法在界面上重點(diǎn)展示（離線下載的控制），非常有必要向你的用戶強(qiáng)調(diào)。
4. 你的app使用了別人不曾用過的或用戶難以想到的操作方式，同時(shí)又對(duì)使用app有重大影響，必須介紹。

三、怎么做引導(dǎo)頁？

說完為啥，接下來說說怎么做。

做引導(dǎo)圖可以有很多不同的方式來做，但總體來說，可以分為以下幾種：

功能介紹型：

從整體上采取平鋪直敘型的方式介紹app具備的功能，幫助用戶大體上了解app的概況。這種適用于前面說的第一種情況。但問題在于往往介紹的功能太多，會(huì)導(dǎo)致用戶記不住。若能夠找到一個(gè)最重要的功能（必然能夠找到一個(gè)最重要的功能），將其講透，可能效果會(huì)更好。如：

使用說明型：

對(duì)于具體的功能如何使用進(jìn)行說明。其實(shí)這種做法也可以在用戶使用app時(shí)再進(jìn)行引導(dǎo)。但在用戶使用過程中彈出引導(dǎo)頁會(huì)打斷用戶操作，容易引起用戶反感。個(gè)人覺得如果要做使用說明型，放在啟動(dòng)后的引導(dǎo)頁會(huì)更好一些。適用于前面說的第三、第四條情況，即增加了重要功能或非常規(guī)操作方式。如：

講故事型：

（摘自：移動(dòng)端引導(dǎo)設(shè)計(jì)技巧1：前置的引導(dǎo)頁，個(gè)人感覺自己沒法寫得比這篇文章更好了，想看詳情的可以直接看原文，適用于前面提到的第一、二條情況。）

講故事型的核心在于建立與用戶使用情景匹配的場(chǎng)景，讓用戶能建立一種熟悉的感受，能讓用戶對(duì)引導(dǎo)的功能點(diǎn)感同身受。

串聯(lián)的故事一般而言都是多頁的形式。一步拋出一個(gè)需告知的點(diǎn)，循序漸進(jìn)的解說。故事可以只圍繞一個(gè)功能點(diǎn)來敘述，也可以將多個(gè)功能點(diǎn)串聯(lián)起來變成一個(gè)故事。形成一個(gè)完整的故事。由于每次一個(gè)告知點(diǎn)，多會(huì)采用聚焦的設(shè)計(jì)手法，把視覺注意力吸引到每個(gè)告知點(diǎn)上。

講故事的主要目的是希望構(gòu)建用戶與產(chǎn)品之間的聯(lián)系。讓用戶感覺到產(chǎn)品與自己是有關(guān)系的，現(xiàn)在所說的內(nèi)容是與我相關(guān)的，我需要花費(fèi)精力來關(guān)注一下。如果完全建立不起關(guān)聯(lián)，很容易讓用戶忽略。

講故事型可以通過以下幾種方式來告訴用戶如何使用app或app到底對(duì)我有什么用。

常規(guī)描述：用故事講述用戶使用產(chǎn)品會(huì)怎么樣。

微信4.0的引導(dǎo)就是一個(gè)編故事建立關(guān)系的好例子。在微信在推出4.0版本的時(shí)候，新增加了類似Path和Instagram一樣的相冊(cè)功能，并且可以把相冊(cè)分享到朋友圈。這個(gè)功能的加入拓展了之間僅是溝通聊天工具的產(chǎn)品定義。在4.0版本的新功能引導(dǎo)中，它非常成功的講訴了一個(gè)關(guān)于相冊(cè)功能的故事，并且在設(shè)計(jì)內(nèi)容時(shí)非常注意建立聯(lián)系。在故事闡述中它一直強(qiáng)調(diào)用戶可以怎么樣，讓用戶能明確感覺到與自己的關(guān)系。

痛點(diǎn)渲染：從痛點(diǎn)出發(fā)講述使用產(chǎn)品后的效果。

建立一個(gè)用戶在實(shí)際生活中會(huì)遇到的類似的不便的場(chǎng)景，讓用戶能感受到共鳴，喚起用戶對(duì)所述功能的需要感。然后給出該產(chǎn)品能給出的解決方案，可以讓用戶感覺。

戳痛點(diǎn)的手法比較適用于實(shí)用的工具性的功能引導(dǎo)。在設(shè)計(jì)中文案：可采用痛點(diǎn)式文案，或者是非常具有顫動(dòng)性的文案。

榜樣類比：通過建立用戶熟悉的人物角色，來描述其他人會(huì)用這個(gè)產(chǎn)品來做什么。

這種方式可以拓寬對(duì)產(chǎn)品功能使用的場(chǎng)景與多種其他可能性。啟發(fā)用戶對(duì)這個(gè)產(chǎn)品的想象。建立的熟悉的人物形象會(huì)讓描述變得具體而形象，會(huì)從而引發(fā)當(dāng)前使用的用戶形成一種類比的心理。

這種方式適用于對(duì)產(chǎn)品整體功能的介紹，對(duì)于新老產(chǎn)品的功能介紹都適用:

1. 老產(chǎn)品用此方法可以啟發(fā)用戶拓寬對(duì)既有功能使用的其他的可能性，拓寬使用場(chǎng)景。
2. 新產(chǎn)品用此方法可以讓用戶對(duì)這個(gè)產(chǎn)品的整體功能有更多的認(rèn)識(shí)。

設(shè)計(jì)要點(diǎn)：

1. 用戶角色渲染得讓人覺得可信，能讓人很容易聯(lián)想到自己也會(huì)遇到類似情況。
2. 文案：可采用比較具有親和力，質(zhì)樸的文案。

（下圖為印象筆記的引導(dǎo)截圖）

四、還有什么想要強(qiáng)調(diào)的？

1. 如果沒有啥必要，真的不要做引導(dǎo)頁。費(fèi)時(shí)費(fèi)力不說，做不好的話完全沒有效果。引導(dǎo)頁要想做好，是對(duì)產(chǎn)品經(jīng)理文字提煉能力和設(shè)計(jì)師設(shè)計(jì)水平的一個(gè)考驗(yàn)，對(duì)于資源有限的小團(tuán)隊(duì)來說，做引導(dǎo)頁就是一種資源的浪費(fèi)。
2. 如果非要做或不得不做，引導(dǎo)頁做的越少越好。能一頁搞定就不要再多，最多也不要超過5頁。過多的頁數(shù)用戶根本不可能看。
3. 引導(dǎo)頁的圖片要干凈利索，主題突出。凡是對(duì)突出主題沒用的元素就減減減、刪刪刪。
4. 文字也要精煉，兩行就足夠了。一行說說功能，一行說說給用戶帶來的用處，足矣。講故事的話一行文字就夠了。
5. 引導(dǎo)頁一次最好只說一個(gè)功能，從不同側(cè)面引導(dǎo)用戶，加深用戶印象。什么都說等于什么都沒說。

引導(dǎo)頁就說到這里。

最后，結(jié)合啟動(dòng)頁和引導(dǎo)頁想要說一句：如果你希望用戶在使用你的app時(shí)盡可能沒有障礙。那么，就要壓縮啟動(dòng)頁的時(shí)間和引導(dǎo)頁頁數(shù)（最好是前者無限趨于零，后者等于零），然后讓用戶打開就可以使用app。那種打開啟動(dòng)頁加上5秒廣告，然后有八九頁引導(dǎo)頁的app，真得很讓人煩躁啊。

PS：此篇文章參考了一些網(wǎng)絡(luò)文章，有些找不到原始地址，無法添加鏈接。如果大家發(fā)現(xiàn)原始鏈接，請(qǐng)聯(lián)系我進(jìn)行修改。謝謝。

#專欄作家#

岳山丘，微信公眾號(hào)：iamyueshanqiu，人人都是產(chǎn)品經(jīng)理專欄作家，慕課網(wǎng)產(chǎn)品經(jīng)理。兜兜轉(zhuǎn)轉(zhuǎn)好多年，一直在教育行業(yè)做產(chǎn)品。初始做內(nèi)容，后來開始做WEB端。關(guān)注在線教育、互聯(lián)網(wǎng)金融（順便賺點(diǎn)小錢花）。最近一段時(shí)間開始研究移動(dòng)APP產(chǎn)品，希望能夠多學(xué)習(xí)一些東西。

本文系作者授權(quán)發(fā)布，未經(jīng)許可，不得轉(zhuǎn)載。