▲點(diǎn)擊"三分設(shè)"關(guān)注，回復(fù)"社群"加入我們

歡迎來(lái)到專業(yè)設(shè)計(jì)師學(xué)習(xí)交流社區(qū)

三分設(shè)｜連接知識(shí)，幫助全球 1 億設(shè)計(jì)師成長(zhǎng)

作者：鄭伊妮

編輯：益達(dá)

共 2530 字 12 圖預(yù)計(jì)閱讀 7 分鐘

本文從數(shù)據(jù)角度列舉了新手引導(dǎo)的重要性，并簡(jiǎn)潔明了地描述了一個(gè)成功的新手引導(dǎo)所要擁有的七大特質(zhì)。新手引導(dǎo)的重要性直接影響用戶對(duì)你的app的第一印象，或者是對(duì)你新功能的接受度，這直接對(duì)更新后的轉(zhuǎn)化率負(fù)責(zé)。如何設(shè)計(jì)好一款好用且有趣的新手引導(dǎo)絕不僅僅是添加幾句提示語(yǔ)這么簡(jiǎn)單，幾分鐘的閱讀就能幫助你get一個(gè)新技能點(diǎn)，不要錯(cuò)過(guò)哦。

精心制作的新手引導(dǎo)會(huì)激發(fā)用戶使用 APP 的積極性。根據(jù)蘋(píng)果人機(jī)界面指南，成功的新手引導(dǎo)體驗(yàn)一定是快速的、有趣的，并且具備教育意義。作為一家公司，你需要付出時(shí)間和資源，帶給用戶一個(gè)美妙的新手引導(dǎo)體驗(yàn)，從而使他們對(duì)你的產(chǎn)品感興趣。

據(jù)統(tǒng)計(jì)，25% 的用戶曾在初次體驗(yàn)后就卸載一款 APP。如果一款 APP 不好好地引導(dǎo)用戶并迅速被用戶理解，用戶很快便會(huì)尋找更好的產(chǎn)品來(lái)替代它。獲得用戶之后，你就可以開(kāi)始期待其他的好事了，例如提高用戶粘性和留存率，創(chuàng)造出更棒的用戶體驗(yàn)和有價(jià)值的產(chǎn)品。如果你搞砸了，你就必須忍受用戶的拋棄、持續(xù)的客戶流失、差勁的產(chǎn)品評(píng)價(jià)和減少的收益。

想想看吧，你的整個(gè)隊(duì)伍在設(shè)計(jì)、開(kāi)發(fā)、推廣和銷售上花費(fèi)了多少努力。怎么能因?yàn)椴缓玫牡谝挥∠螅屢磺卸贾糜陲L(fēng)險(xiǎn)之中？你一定也希望通過(guò)正確方式，讓用戶知道他們可以用你的 APP 做什么，從而激發(fā)他們對(duì) APP 的積極性。

從另一個(gè)角度來(lái)說(shuō)，如果不好好做新手引導(dǎo)，APP 可能會(huì)呈現(xiàn)出這樣一組統(tǒng)計(jì)數(shù)據(jù)：平均77%的用戶會(huì)在下載該 APP 的三天內(nèi)卸載它，且只有 20% 的用戶會(huì)在卸載前再打開(kāi) APP 看一下。

最后，讓我們來(lái)學(xué)習(xí)一些優(yōu)秀的新手引導(dǎo)體驗(yàn)設(shè)計(jì)。

01 確保新用戶有機(jī)會(huì)看到新手引導(dǎo)

每一個(gè)新用戶都必須有機(jī)會(huì)進(jìn)入到新手引導(dǎo)頁(yè)面，體驗(yàn)并發(fā)現(xiàn)你的 APP 中最重要的功能和優(yōu)點(diǎn)。

例如，Waze APP 在引導(dǎo)頁(yè)介紹了該應(yīng)用程序的主要功能。

02 控制新手引導(dǎo)的頁(yè)數(shù)

考慮到新用戶第一次使用你的 APP，你一定不想讓他們被過(guò)多的內(nèi)容困擾吧？3-4 頁(yè)足夠引導(dǎo)用戶快速了解你的產(chǎn)品特點(diǎn)，別讓用戶覺(jué)得你的產(chǎn)品太復(fù)雜了。

Public APP 在用戶第二次登錄時(shí)顯示次級(jí)功能特征

新手引導(dǎo)并不僅限于新人用戶，老用戶也需要在新功能上線時(shí)得到引導(dǎo)。對(duì)于次級(jí)功能，你可以設(shè)計(jì)另外一套流程，在用戶第二次登陸 app 時(shí)候展現(xiàn)給他看。這樣一來(lái)，用戶可以迅速獲得關(guān)鍵的更新內(nèi)容，不會(huì)因?yàn)檫^(guò)長(zhǎng)的信息流而感到氣餒。

03 合理使用插畫(huà)和動(dòng)效

視覺(jué)化的內(nèi)容會(huì)比文字信息的傳遞效率更高。確保合理使用插畫(huà)來(lái)說(shuō)明新功能和它能做什么。

Strava APP 是一個(gè)很好的例子，教你如何通過(guò)動(dòng)效來(lái)使信息的傳遞更有影響力

Dropbox APP 是另一個(gè)例子，表明動(dòng)畫(huà)在傳遞APP主要功能信息的同時(shí)還可以創(chuàng)建強(qiáng)大的情感聯(lián)系

在新手引導(dǎo)中，利用你的品牌調(diào)性去創(chuàng)造插畫(huà)風(fēng)格。可以是 icon、抽象背景，甚至是人物角色或物體。重要的是，你的插畫(huà)能夠說(shuō)明問(wèn)題。

如果你有資源，我非常建議你使用動(dòng)畫(huà)。你可以使用 Lottie（一款移動(dòng)應(yīng)用動(dòng)畫(huà)效果框架）來(lái)創(chuàng)建動(dòng)畫(huà)，以非常簡(jiǎn)單的方式講述一個(gè)故事。它不必是特別復(fù)雜的，一個(gè)簡(jiǎn)單的動(dòng)畫(huà)就可以總結(jié)并傳達(dá)功能的作用。

04 簡(jiǎn)單的文字更有效

引導(dǎo)頁(yè)上的文案必須簡(jiǎn)短而直接，有效且易于理解是非常重要的。請(qǐng)記住，這是新用戶第一次接觸你的 app，如果用戶不能理解這些內(nèi)容，他們會(huì)迅速離開(kāi)并尋找更好的APP。因此，務(wù)必確保文案足夠簡(jiǎn)潔！

Culture Trip APP 是一個(gè)很好的示例，以簡(jiǎn)潔的文案解釋了該應(yīng)用程序的主要優(yōu)點(diǎn)

05 向用戶展示進(jìn)度

用戶必須清楚地知道他們當(dāng)前處于哪一個(gè)步驟，更重要的是，他們還需要多久可以完成這個(gè)引導(dǎo)過(guò)程。

在 NetGuru 的 Lime APP 概念設(shè)計(jì)中，有兩個(gè)相關(guān)例子。圖1是用戶登錄前的引導(dǎo)頁(yè)面，下方有表示進(jìn)度的指示符號(hào)。圖3是一個(gè)右上角標(biāo)有進(jìn)度條的任務(wù)流程引導(dǎo)。

想象一下這樣一個(gè)使用場(chǎng)景：用戶在理解你的 app 內(nèi)容的同時(shí)，可能還在忙其他事情，因此沒(méi)有足夠的時(shí)間。顯示用戶目前的進(jìn)度，可以讓他們知道新手引導(dǎo)正接近尾聲，使他們?cè)敢馔瓿梢龑?dǎo)流程。

06 允許用戶跳過(guò)步驟或關(guān)閉流程

你已經(jīng)向用戶展示了他們所處的流程階段，所以有必要允許用戶跳過(guò)步驟，甚至是返回前一步或關(guān)閉引導(dǎo)流程，跳過(guò)流程的權(quán)利就是必不可少的了。新手引導(dǎo)的作用是為了向用戶展現(xiàn) APP 的亮點(diǎn)，但同時(shí)你必須允許用戶遵循自己的意愿。

例如，Doordash APP 通過(guò)指示符號(hào)提示用戶新手引導(dǎo)有幾步。雖然它包含五個(gè)界面，但下方有醒目的 CTA 按鈕，允許用戶繼續(xù)查看新手引導(dǎo)或立即開(kāi)始 APP 體驗(yàn)。

現(xiàn)實(shí)就是，并不是所有的新老用戶都想完整地看完新手指引。設(shè)計(jì)師最不應(yīng)該做的事情就是強(qiáng)迫用戶做某事，畢竟新手引導(dǎo)是與用戶的第一次互動(dòng)。

07 保持一致性

如果你正在設(shè)計(jì)你的第一個(gè)新手引導(dǎo)流程，要記住今后每當(dāng)有新功能推出，你都要將其介紹給老用戶。因此，你要通過(guò)用戶已經(jīng)熟悉的 UI、設(shè)計(jì)元素、文案和品牌調(diào)性，來(lái)保持視覺(jué)的一致性。你需要擴(kuò)展正在使用的視覺(jué)語(yǔ)言，而不是重新設(shè)計(jì)一套。

Robinhood APP 是一個(gè)很好的例子，它在新手引導(dǎo)流程中體現(xiàn)了品牌一致性。

Robinhood APP 帶來(lái)了一套非常棒的體驗(yàn)，相同的插畫(huà)風(fēng)格、清晰的顏色層級(jí)和干凈且時(shí)尚的交互界面，使新手引導(dǎo)延續(xù)了品牌一致性。

看，這就是你的目標(biāo)！

嘗試著考慮所有因素，為新用戶呈上高質(zhì)量的新手引導(dǎo)體驗(yàn)，確保他們能夠理解你的 APP 功能并使用它。這樣做能夠提高用戶接受度、參與度和忠誠(chéng)度。有效的新手引導(dǎo)流程能夠提升 50% 的留存率。

我希望這篇文章能夠幫助你創(chuàng)造一些優(yōu)質(zhì)的新手引導(dǎo)體驗(yàn)來(lái)吸引用戶，之后，你的團(tuán)隊(duì)就可以準(zhǔn)備揚(yáng)帆出航啦！

— end —

以下三分設(shè)文章，你可能也感興趣

▽

?? 原創(chuàng)文章精選??

告別加班！使用設(shè)計(jì)系統(tǒng)方法更快地構(gòu)建產(chǎn)品

如何評(píng)估設(shè)計(jì)質(zhì)量，提升設(shè)計(jì)技能

你常常忽略的 7 個(gè)具有破壞性的體驗(yàn)鴻溝

一篇文章告訴你服務(wù)設(shè)計(jì)到底能做什么？

看 Apple CarPlay 如何提升駕駛安全和駕駛體驗(yàn)

一起看看《對(duì)馬島之魂》如何打造初次對(duì)抗體驗(yàn)

制定 “小目標(biāo)”，了解產(chǎn)品管理中的結(jié)構(gòu)化思維

35+ 的 Windows 系統(tǒng)到底有什么了不起？

導(dǎo)師與學(xué)員的高效交流 APP 設(shè)計(jì) —— Lightship

?? 我們一起聊設(shè)計(jì) ???♂?

高質(zhì)量，學(xué)設(shè)計(jì)行交流微信群

期待與更多優(yōu)秀用戶體驗(yàn)設(shè)計(jì)師一起成長(zhǎng)

PS：歡迎大家關(guān)注三分設(shè)，每天早上9點(diǎn)，準(zhǔn)時(shí)充電。分享優(yōu)質(zhì)設(shè)計(jì)、創(chuàng)意靈感、新知新識(shí)，定期大咖老師直播分享，零距離連麥，答疑解惑。添加小小蟲(chóng)微信號(hào)【 Lil_Bug 】，備注【 三分設(shè) 】加入！（只面向星標(biāo)了公眾號(hào)三分設(shè)的粉絲）

原創(chuàng)精選｜向用戶快速介紹你的APP，新手引導(dǎo)7個(gè)體驗(yàn)設(shè)計(jì)

01

確保新用戶有機(jī)會(huì)看到新手引導(dǎo)

02

控制新手引導(dǎo)的頁(yè)數(shù)

03

合理使用插畫(huà)和動(dòng)效

04

簡(jiǎn)單的文字更有效

05

向用戶展示進(jìn)度

06

允許用戶跳過(guò)步驟或關(guān)閉流程

07

保持一致性

看，這就是你的目標(biāo)！