編輯導(dǎo)語：當(dāng)用戶初次使用APP時(shí)，合適的新手引導(dǎo)設(shè)計(jì)將幫助用戶更順暢地使用產(chǎn)品，提升用戶的產(chǎn)品體驗(yàn)，進(jìn)而保證用戶的留存。那么在新手引導(dǎo)體驗(yàn)設(shè)計(jì)上，有哪些方面是需要注意的？本文作者就此做了解讀，一起來看一下。

精心制作的新手引導(dǎo)會(huì)激發(fā)用戶使用 APP 的積極性。根據(jù)蘋果人機(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)品來替代它。獲得用戶之后，你就可以開始期待其他的好事了，例如提高用戶粘性和留存率，創(chuàng)造出更棒的用戶體驗(yàn)和有價(jià)值的產(chǎn)品。如果你搞砸了，你就必須忍受用戶的拋棄、持續(xù)的客戶流失、差勁的產(chǎn)品評(píng)價(jià)和減少的收益。

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

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

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

一、確保新用戶有機(jī)會(huì)看到新手引導(dǎo)?Make sure the new users get a chance to see the onboarding

每一個(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)用程序的主要功能。

二、控制新手引導(dǎo)的頁(yè)數(shù)?Don’t show too many screens

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

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

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

三、合理使用插畫和動(dòng)效?Use illustrations and motion

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

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

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

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

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

四、簡(jiǎn)單的文字更有效?Concise copy goes a long way

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

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

五、向用戶展示進(jìn)度?Show the user’s progress

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

在 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í)，可能還在忙其他事情，因此沒有足夠的時(shí)間。顯示用戶目前的進(jìn)度，可以讓他們知道新手引導(dǎo)正接近尾聲，使他們?cè)敢馔瓿梢龑?dǎo)流程。

六、允許用戶跳過步驟或關(guān)閉流程?Allow the user to skip steps or dismiss the flow

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

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

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

七、保持一致性?Keep it consistent

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

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

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

八、看，這就是你的目標(biāo)！There you have it ！

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

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

本文翻譯已獲得作者的正式授權(quán)（授權(quán)截圖如下）

作者：André Augusto

原文：https://andreaugustobr.medium.com/how-to-design-onboarding-flows-5d544a13231a

譯者：鄭伊妮；審核：劉倩茹、李澤慧、張聿彤；編輯：孫淑雅

本文由@TCC翻譯情報(bào)局 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自 Unsplash，基于 CC0 協(xié)議