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

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

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

精心制作的新手引導(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)椴缓玫牡谝挥∠螅屢磺卸贾糜陲L(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ì)。

1. 確保新用戶有機(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)。

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

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

2. Don’t show too many screens

考慮到新用戶第一次使用你的 APP，你一定不想讓他們被過多的內(nèi)容困擾吧？3-4 頁足夠引導(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)的信息流而感到氣餒。

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

3. 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á)功能的作用。

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

4. Concise copy goes a long way

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

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

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

5. Show the user's progress

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

在 NetGuru 的 Lime APP 概念設(shè)計(jì)中，有兩個(gè)相關(guān)例子。圖1是用戶登錄前的引導(dǎo)頁面，下方有表示進(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)流程。

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

6. 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)。

7. 保持一致性

7. 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)帆出航啦！

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

作者：André Augusto

譯者：鄭伊妮

審核：劉倩茹、李澤慧、張聿彤

編輯：孫淑雅

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

往期精選文章：

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

快速向用戶介紹你的APP

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

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

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

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

2. Don’t show too many screens

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

3. Use illustrations and motion

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

4. Concise copy goes a long way

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

5. Show the user's progress

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

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

7. 保持一致性

7. Keep it consistent

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

十個(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

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

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

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

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

2. Don’t show too many screens

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

3. Use illustrations and motion

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

4. Concise copy goes a long way

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

5. Show the user's progress

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

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

7. 保持一致性

7. Keep it consistent

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

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