▲點(diǎn)擊 "TCC翻譯情報(bào)局" 關(guān)注，回復(fù) "社群" 加入我們

本文共 3077 字，預(yù)計(jì)閱讀 8 分鐘
TCC 情報(bào)局的第 156 篇干貨分享
2022 年的第 54 篇

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

精心制作的新手引導(dǎo)會(huì)激發(fā)用戶使用 APP 的積極性。根據(jù)蘋果的用戶交互引導(dǎo)規(guī)范，成功的新手引導(dǎo)體驗(yàn)一定是快速的、有趣的，并且可以成功的教學(xué)用戶。作為一家公司，你需要付出時(shí)間和資源帶給用戶一個(gè)美妙的新手引導(dǎo)體驗(yàn)。

根據(jù)統(tǒng)計(jì)表明，25%的用戶一次使用后就會(huì)卸載他們當(dāng)前使用的 APP。如果一個(gè) APP 不好好的歡迎用戶并確保用戶能迅速了解自身，用戶會(huì)迅速卸載去尋找更好用的。獲得用戶之后，你就可以開始期待提高用戶粘性和留存率的問題，創(chuàng)造出更棒的用戶體驗(yàn)和性價(jià)比更好的產(chǎn)品。如果你搞砸了，你就必須忍受用戶的拋棄，持續(xù)的客戶流失，差勁的產(chǎn)品評(píng)價(jià)和減少的收益。

想想看吧，你的整個(gè)隊(duì)伍在設(shè)計(jì)、開發(fā)、推廣和銷售上花費(fèi)了多少努力。為什么讓第一印象背負(fù)這么大的風(fēng)險(xiǎn)？你當(dāng)然希望在一開始就讓用戶知道他們可以用 APP 來做什么，以便于激發(fā)他們對(duì) APP 的積極性。

從另一個(gè)角度來說，不做新手引導(dǎo)，你的 APP 可能會(huì)陷入這樣的統(tǒng)計(jì)：平均77%的 APP 用戶會(huì)在下載該 APP 的三天內(nèi)卸載它，且只有20%的用戶會(huì)在卸載前再打開 APP 看一下。最后，讓我們來學(xué)習(xí)一些優(yōu)秀的新手引導(dǎo)體驗(yàn)設(shè)計(jì)。

1.確認(rèn)新用戶有機(jī)會(huì)看到新手引導(dǎo)

1. Make sure the new users get a chance to see the onboarding

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

The Waze app, for example, introduces the app’s main features on a pre-login state.

2.新手引導(dǎo)頁面數(shù)需要得到控制

2. Don’t show too many screens

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

Public’s app demonstrates this by displaying a secondary feature upon a second-time login.

新手引導(dǎo)并不僅限于新人用戶，老用戶也需要在新功能上線時(shí)得到引導(dǎo)。為了之后的迭代引導(dǎo)，你可以設(shè)計(jì)另外一套流程在用戶第二次登陸這個(gè) APP 的時(shí)候展現(xiàn)給用戶。從另一個(gè)角度來說，用戶可以迅速獲得關(guān)鍵的更新內(nèi)容而不是閱讀一篇特別長(zhǎng)的流程才能看到目標(biāo)內(nèi)容。

3.合理使用插畫和動(dòng)效

3.Use illustrations and motion

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

The Strava app is a great example for how you can bring motion to deliver a more impactful message.

Dropbox APP 是一個(gè)很好的情感連接的例子，通過創(chuàng)建動(dòng)畫來傳遞主要的功能信息。

在新手引導(dǎo)中利用品牌調(diào)性創(chuàng)造插畫風(fēng)格。可以轉(zhuǎn)化為 icon、抽象背景甚至是人物或者物體。重要的是，你的插畫可以為自己說話。

如果你有資源，我非常建議你使用動(dòng)效。洛蒂動(dòng)畫——通過動(dòng)效講述一個(gè)故事是非常簡(jiǎn)單的。并不需要一個(gè)特別復(fù)雜的動(dòng)畫，一個(gè)簡(jiǎn)單的動(dòng)畫就可以總結(jié)并傳達(dá)這個(gè)功能的作用。

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

4. Concise copy goes a long way

引導(dǎo)頁上的文字必須簡(jiǎn)短而直接，高效而簡(jiǎn)單的被理解是非常重要的。記住，這是新用戶第一次接觸你的 APP 時(shí)將會(huì)觸及的內(nèi)容，如果用戶不能理解這些內(nèi)容，他們會(huì)迅速的離開并尋找更好的 APP。記??！保持簡(jiǎn)單！

The Culture Trip 有一個(gè)很好的簡(jiǎn)單復(fù)制的例子，簡(jiǎn)潔地解釋了該應(yīng)用程序的主要好處。

5.向用戶展示過程

5. Show the user's progress

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

在 NetGuru 的這款 Lime APP 概念設(shè)計(jì)中，我們有兩個(gè)示例。在左側(cè)，有一個(gè)預(yù)登錄屏幕，上面有指示進(jìn)度的項(xiàng)目符號(hào)。在右側(cè)，有一個(gè)帶有進(jìn)度條的面向任務(wù)的流程。

想象一下使用場(chǎng)景吧，用戶在理解 APP 內(nèi)容的同時(shí)，可能還在忙其他事情，以至于他們沒有足夠的時(shí)間。讓他們知道他們目前所處的階段，可以讓他們知道自己即將完成任務(wù)，這樣他們會(huì)更有意愿完成整個(gè)流程。

6.允許用戶跳過步驟或跳過流程

6. Allow the user to skip steps or dismiss the flow

你已經(jīng)向用戶展示了他們所處的流程階段，因此給予用戶跳過步驟甚至是返回前一步，前后滑動(dòng)屏幕，跳過流程的權(quán)利就是必不可少的了。新手引導(dǎo)的作用是為了向用戶展現(xiàn)你的 APP很棒且有用，同時(shí)你必須始終讓用戶有掌控 APP 的權(quán)利。

例如，DoorDash APP 的項(xiàng)目符號(hào)顯示了引導(dǎo)流程有多少。雖然它們顯示了五個(gè)屏幕，但它有一個(gè)突出的內(nèi)容，允許用戶繼續(xù)并直接開始使用。

現(xiàn)實(shí)就是，并不是所有的新老用戶都想要完整的看完新手指引并完成你想要推動(dòng)他們?nèi)プ龅氖虑?。總結(jié)來說，新手引導(dǎo)就是你第一次和用戶完成的交互。

7.保持連續(xù)性

7. Keep it consistent

如果你在設(shè)計(jì)你的第一個(gè)新手引導(dǎo)流程，要記住你同時(shí)需要把這個(gè)新功能介紹給老用戶。通過相似的設(shè)計(jì)元素、文字和品牌調(diào)性保持視覺上的連續(xù)性。你想要擴(kuò)展你正在使用的視覺語言，而不是重新設(shè)計(jì)一套。

Robinhood APP 有一個(gè)很好的例，說明如何為您的新手引導(dǎo)流程帶來品牌一致性。

Robinhood APP 帶來了一套非常棒的體驗(yàn)，他在新手引導(dǎo)里延續(xù)了品牌調(diào)性，在整個(gè) APP 里使用了同樣的插畫風(fēng)格，非常清晰的顏色層級(jí)和干凈而時(shí)尚的交互界面。

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

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

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

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

作者：André Augusto

譯者：鄭伊妮

審核：李澤慧、張聿彤

編輯：孫淑雅

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

往期精選文章：

添加小助手微信，備注「社群」，即可加入讀者群。

如何快速向用戶介紹你的 APP

本文共 3077 字，預(yù)計(jì)閱讀 8 分鐘
TCC 情報(bào)局的第 156 篇干貨分享
2022 年的第 54 篇

1.確認(rèn)新用戶有機(jī)會(huì)看到新手引導(dǎo)

1. Make sure the new users get a chance to see the onboarding

2.新手引導(dǎo)頁面數(shù)需要得到控制

3.合理使用插畫和動(dòng)效

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

4. Concise copy goes a long way

5.向用戶展示過程

5. Show the user's progress

6.允許用戶跳過步驟或跳過流程

7.保持連續(xù)性

十個(gè)技巧幫助你設(shè)計(jì)一款在線學(xué)習(xí) APP

這些 色彩心理學(xué)知識(shí)教你如何傳遞信息

案例研究｜康奈爾大學(xué)副業(yè)社區(qū)網(wǎng)站設(shè)計(jì)

網(wǎng)頁設(shè)計(jì)師能從日式美學(xué)中學(xué)到什么？

案例研究｜一款為你帶來難忘體驗(yàn)的美食 APP

如何制作打動(dòng)面試官的作品集，這里有一份完整的指導(dǎo)手冊(cè)

如何做好用戶體驗(yàn)項(xiàng)目？從一個(gè)好計(jì)劃開始

如何建立設(shè)計(jì)系統(tǒng)

如何把握不同層級(jí)用戶的需求：回歸本質(zhì)，打磨信息架構(gòu)

TCC 視野｜2021 年用戶體驗(yàn)設(shè)計(jì)趨勢(shì)分析

如何快速向用戶介紹你的 APP

本文共 3077 字，預(yù)計(jì)閱讀 8 分鐘TCC 情報(bào)局的 第 156 篇 干貨分享2022 年的 第 54 篇

1.確認(rèn)新用戶有機(jī)會(huì)看到新手引導(dǎo)

1. Make sure the new users get a chance to see the onboarding

2.新手引導(dǎo)頁面數(shù)需要得到控制

3.合理使用插畫和動(dòng)效

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

4. Concise copy goes a long way

5.向用戶展示過程

5. Show the user's progress

6.允許用戶跳過步驟或跳過流程

7.保持連續(xù)性

本文共 3077 字，預(yù)計(jì)閱讀 8 分鐘
TCC 情報(bào)局的第 156 篇干貨分享
2022 年的第 54 篇