[系列]APP設(shè)計(jì)之二:引導(dǎo)頁

2 評(píng)論 49297 瀏覽 211 收藏 13 分鐘

上次我寫了自己關(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)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 我只想說我們的這里的完全不在乎這個(gè)…

    來自北京 回復(fù)
  2. ??

    來自江蘇 回復(fù)