新手引導(dǎo)（Onboarding）是促使用戶熟悉新界面的過程。它可能涉及一個或多個組件：功能推廣，自定義設(shè)置和操作引導(dǎo)。本文作者分別對這3中組件展開了分析說明，供大家一同學(xué)習(xí)和參考。

想象一下，在沒有說明您的主要工作任務(wù)或如何完成任務(wù)的情況下被分配了一份新的工作。您可能不會很成功（無論如何衡量）或持續(xù)很長一段時間才能勝任，對嗎？有效的新手引導(dǎo)是使新員工能夠快速勝任的關(guān)鍵。此外，每次引入新流程時，都將再次需要新手引導(dǎo)才能使每個人都采用它。

用戶界面也是如此，尤其是在用戶界面會被重復(fù)使用的情況下。在本文中，我們將重點介紹移動端的入門教程。

我們將新手引導(dǎo)定義為使用特定流程和UI元素（不屬于常規(guī)APP界面）使用戶熟悉新界面的過程。

這不僅包括教用戶如何與界面交互（常見的誤解），還包括完成所有必要的設(shè)置。此外，新手引導(dǎo)不僅限于首次使用的用戶 — 在發(fā)布新的功能或重新設(shè)計時，現(xiàn)有的用戶也可能需要新手引導(dǎo)。因此，新手引導(dǎo)可以在用戶使用產(chǎn)品的生命周期內(nèi)的多個節(jié)點出現(xiàn)，而不僅僅是首次啟動。

一、盡可能跳過新手引導(dǎo)

一般來說，新手引導(dǎo)是有問題的：

更高的交互成本，新手引導(dǎo)流程需要用戶更多的關(guān)注和努力。即使用戶決定跳過您的新手引導(dǎo)，他們?nèi)匀槐仨殕螕艋螯c擊“跳過”來達到目的，這就增加了用戶在APP中完成任務(wù)的交互成本。記憶壓力，新手引導(dǎo)通常用來幫助用戶記住界面上的某些內(nèi)容（例如圖標的含義或某些操作的操作方式），但是人的記憶力是有限的。與其要求用戶記住與APP相關(guān)的幾個點，不如基于現(xiàn)有的思維模型，并花時間使APP更易于使用來加深用戶的記憶。可能無法提高用戶的表現(xiàn)，我們知道新手引導(dǎo)的一些缺點，但是好處有時并不太明顯。例如，一項對紙牌游戲教程（一種入門教學(xué)方法）的研究表明，這些教程并不能提高用戶在游戲中的表現(xiàn)。

因此，我們應(yīng)該建議專業(yè)人員應(yīng)該盡量避免創(chuàng)建APP的新手引導(dǎo)，而要把時間和資源花費在使UI更加可用和易用上。

二、移動端APP何時需要新手引導(dǎo)？

用戶始終需要時間（通常很少）來學(xué)習(xí)使用新的APP，但這并不意味著所有的APP都需要單獨的新手引導(dǎo)流程或冗長的操作引導(dǎo)。對于大多數(shù)移動端APP來說，用戶應(yīng)該能夠通過直接使用它來學(xué)習(xí)界面，因此并不需要指導(dǎo)性質(zhì)的新手引導(dǎo)流程。

即使對于相對復(fù)雜的移動APP，在使用過程中向用戶顯示相關(guān)聯(lián)的提示，而不是向他們提供解釋應(yīng)用程序UI的教程，這種方式通常更為有效 — 人們根本不可能記住（或試圖記?。┠敲炊嗟男畔ⅲ绕涫窃谌绻麄儾淮_定是否真的需要它的情況下。同樣，盡管出現(xiàn)錯誤是用戶體驗的負面因素，但錯誤消息可以在“可教時刻”向用戶傳授更多關(guān)于APP的知識，在“可教時刻”，用戶至少會擁有一定的動力去查看問題的解決方案。

只有少數(shù)情況下，新手引導(dǎo)在移動端APP中才顯得更加有用：

需要一定的用戶信息才能開始使用。例如，一款銀行類APP可能需要用戶創(chuàng)建一個帳戶并確認其身份，然后才能使用該應(yīng)用。APP的功能是根據(jù)用戶的整體情況和偏好定制的。例如，一款節(jié)食APP將首先要知道用戶當前的體重。重要的APP功能或工作流程對于此APP來說是比較獨特的，并且可能不同于標準的UI模式，或者是新的不熟悉的。例如，當移動支票存款首次被引入作為個人ATM存款的替代品時，這一新穎的功能值得被正式介紹。

如果仍然不確定你的應(yīng)用是否需要新手引導(dǎo)，在增加其他界面之前，在沒有新手引導(dǎo)的情況下先進行相應(yīng)的測試。

如：您的用戶是否在第一次使用該APP（或新功能）時表現(xiàn)出了一定的困難？

如果是，請首先考慮您是否可以對APP的設(shè)計進行一些更改以使其更加易學(xué)。如果不行的話，再對新手引導(dǎo)流程進行原型制作并進行測試。然后，評估一下新手引導(dǎo)是否能解決用戶的問題，用戶在使用該APP或新功能時是否更成功。僅當答案為是時，才有必要添加相應(yīng)的新手引導(dǎo)頁面。

三、新手引導(dǎo)組件

移動端新手引導(dǎo)流程通常包括三種組件：功能推廣，自定義設(shè)置和操作引導(dǎo)。

新手引導(dǎo)流程可能包含這些組件中的一個或多個。

功能推廣，自定義設(shè)置和操作引導(dǎo)

1. 功能推廣

基于功能的新手引導(dǎo)教程可以使用戶了解該應(yīng)用可以做什么，也通常被視為營銷。

Productive是一款習(xí)慣跟蹤器APP，提供了新手引導(dǎo)，說明了該應(yīng)用程序可以執(zhí)行的一些操作，例如設(shè)置提醒和查看統(tǒng)計信息。

避免在首次啟動時啟用功能推廣

用戶很少會無緣無故下載一個APP，很可能已經(jīng)對APP有了相應(yīng)的了解，因此，基本都會跳過冗長的推廣引導(dǎo)等。該規(guī)則也有一個例外 — 功能是真正的新功能或新穎的，例如前面提到的“移動存款”示例（該技術(shù)已不再是新技術(shù)，因此如今的APP不應(yīng)在首次發(fā)布時對其進行推廣！一個新奇的功能/操作的發(fā)展速度會有多快，這取決于它的使用頻率和步驟的可記憶性）

我們可以在應(yīng)用商店頁面上顯示這些類型的推廣頁面，而不是將這些信息提前告知用戶，因為應(yīng)用商店是用戶瀏覽新應(yīng)用和比較功能的地方。

Productive還在其Apple應(yīng)用商店頁面的“預(yù)覽” 部分下提供了功能推廣。在應(yīng)用商店和應(yīng)用內(nèi)都包含這些內(nèi)容就有點兒過分了。

除了在應(yīng)用商店中突出顯示功能外，另一種解決方案是在用戶使用應(yīng)用程序時突出顯示功能。

例如：在一款時間管理類APP中，只有在有足夠的數(shù)據(jù)之后，用戶才可能希望看到統(tǒng)計數(shù)據(jù)。與其在用戶有能力使用該功能之前就對其進行宣傳，不如在用戶可以使用該功能時將其突出顯示出來。如，在用戶圍繞某個習(xí)慣記錄了7天的數(shù)據(jù)之后，APP可以提供一個視覺提示（比如突出顯示應(yīng)用程序的統(tǒng)計部分）和一小部分關(guān)于用戶可以如何處理這些數(shù)據(jù)的信息。

雖然這種類型的新手引導(dǎo)功能在APP首次啟動時對用戶沒有幫助，但是功能推廣可以在新功能發(fā)布時對現(xiàn)有用戶有所幫助。例如，Chase使用紙牌新手引導(dǎo)流程來介紹其新的預(yù)算功能。

大通銀行APP通過輪播圖的新手引導(dǎo)流程提示現(xiàn)有用戶，以突出顯示新的APP功能（例如信用卡支出明細）。這個流程很短，甚至允許用戶完全跳過它。

將新手引導(dǎo)的使用，限制在對用戶來說真正新的東西上，而不是你的應(yīng)用中已經(jīng)存在了一段時間并且利用率很低的東西。持續(xù)突出的顯示用戶可能已經(jīng)熟悉但不相關(guān)或不需要的現(xiàn)有功能可能會惹惱用戶，使他們忽略所有此類新手引導(dǎo)元素，甚至是那些有用的新功能。

2. 自定義設(shè)置

許多APP請求用戶數(shù)據(jù)/權(quán)限，以便可以自定義該用戶的體驗。例如，用戶可以自定義APP的內(nèi)容或視覺設(shè)計。但是，并非所有的自定義設(shè)置都應(yīng)該在新手引導(dǎo)期間完成。

特別是視覺設(shè)計定制，例如選擇配色方案，不屬于新手引導(dǎo)。人們很難知道，在實際使用之前，他們更喜歡這個APP的哪種外觀，或者為什么某個視覺設(shè)計可能會比其他的更好。（而且，一般來說，很多研究表明，人們通常會堅持使用默認設(shè)置。與其讓他們選擇和增加認知負荷，不如多做做功課，多進行研究，找出哪種設(shè)計是最好的。）

Reflectly應(yīng)用程序在其新手引導(dǎo)時包括視覺設(shè)計定制。該APP強迫用戶在指導(dǎo)UI長什么樣之前就選擇配色方案。

這并不是說您不應(yīng)該提供自定義視覺設(shè)計這個功能，而是可以將其保存以供以后使用。在新手引導(dǎo)時不應(yīng)該優(yōu)先考慮它。

Any.do允許通過APP設(shè)置進行視覺設(shè)計自定義，并且不會提示用戶在首次啟動時選擇主題。

內(nèi)容自定義可以創(chuàng)建相關(guān)的體驗，并且更可能適合原始APP的新手引導(dǎo)。

例如，對于語言學(xué)習(xí)應(yīng)用來說，選擇一種語言并確定您的語言熟練程度對于使該應(yīng)用程序有用非常重要。

Fitplan向新用戶進行了簡短的調(diào)查，以便根據(jù)推薦的訓(xùn)練量身打造應(yīng)用體驗。該應(yīng)用還簡要解釋了它需要什么信息以及為什么需要這些信息。此外，雖然此調(diào)查是自動顯示的，但也可以選擇跳過它，并提供進度指示器。

當提示用戶自定義體驗時，請保持簡短。解釋為什么需要這些數(shù)據(jù)以及如何使用這些數(shù)據(jù)（如上面的Fitplan示例所示）。考慮您是否真的需要這些信息，以便在用戶開始使用時獲取成功。如果您不能解釋為什么在開始時收集這些數(shù)據(jù)是有益的，那么應(yīng)該在以后收集這些信息，一旦用戶能夠更好地理解為什么有必要這樣做，他們也會自覺去體驗。

3. 操作引導(dǎo)

操作引導(dǎo)的目的是教用戶如何使用界面。不應(yīng)使用操作引導(dǎo)來補救不好的設(shè)計。與創(chuàng)建操作引導(dǎo)內(nèi)容相比，應(yīng)該將資源更多地花費在使UI更具可用性上。就是說，在某些情況下，需要保證操作引導(dǎo)是有理有據(jù)的（例如，功能或工作流是該應(yīng)用程序所獨有的，不同于標準的UI模式，或者對于用戶而言確實是新的和陌生的）或預(yù)期的（移動游戲）。

操作引導(dǎo)有多種形式：卡片引導(dǎo)，上下文引導(dǎo)，交互式演示等。無論采用哪種形式，操作引導(dǎo)都應(yīng)該簡短，可選，并且僅應(yīng)突出顯示用戶使用該應(yīng)用程序所需了解的最低要求。以下是移動應(yīng)用程序中的應(yīng)到風(fēng)格示例。

（1）卡片

卡片引導(dǎo)通常會在應(yīng)用啟動時立即顯示，并提供有關(guān)如何以卡片形式（類似于輪播）使用其界面的說明。這種類型的引導(dǎo)，尤其是在相對簡單的移動應(yīng)用程序中，往往會使界面看起來比實際界面更加復(fù)雜，并會占用用戶更多的記憶儲量。

因此，我們不建議使用卡片形式。也就是說，如果您仍然選擇使用卡片，那就請對用戶友好點，并確保有一個非常明顯的“跳過”選項，將卡片的數(shù)量減少到僅是需要了解的信息，并且每張卡片僅包含一個概念。

“What the Forecast?!! ”使用一副卡片教程來提供操作引導(dǎo)培訓(xùn)，并告知用戶應(yīng)用程序中某些控件的位置。其中對圖標的解釋毫無用處，只是浪費用戶的時間。

（2）遮罩引導(dǎo)

遮罩引導(dǎo)是另一種引導(dǎo)方式，用于向用戶顯示UI中一些核心功能的位置以及這些元素的作用。運用遮罩引導(dǎo)時，請確保內(nèi)容及時（例如在用戶第一次使用某項功能時）且內(nèi)容醒目。這種類型的引導(dǎo)在用戶第一次嘗試完成任務(wù)時顯示更好，同時，隨著用戶的前進，它會提供額外的信息。因此，遮罩引導(dǎo)是有了就更好的元素，而不是需要才有的元素。

NOAA Weather在一個屏幕上突出顯示所有可能的交互。對于標準UI元素（如“共享” 和 “設(shè)置” 圖標），非常麻煩且不需要。

清單操作說明性遮罩引導(dǎo)向用戶顯示一些核心功能，例如如何對裝箱單進行分類和標記。但是，現(xiàn)在需要用于解釋不熟悉的字段（左：在這種情況下，是討論裝箱單時的“類別”）和未標記的圖標（右：橙色大標簽）。

在這種情況下，對于教學(xué)內(nèi)容來說，一個不那么突兀的解決方案是彈出提示，這樣，如果用戶需要更清晰的內(nèi)容，它就可以輕松的被使用了。（更好的方法是：改進用戶界面，而不是為糟糕的用戶界面提供清晰的提示）。

（3）交互演示

如果您的應(yīng)用程序比以前的例子更復(fù)雜，并且認為由于設(shè)計新穎或不熟悉而需要使用說明，可以考慮進行交互式演練。交互式演練使用戶可以邊做邊學(xué)（理想情況是在低風(fēng)險的環(huán)境中）。成功完成如上文所述，簡短且只強調(diào)新的或不熟悉的內(nèi)容，交互式演練感覺更像是一個練習(xí)回合，而不是引導(dǎo)教程。

目標跟蹤應(yīng)用程序Fabulous使用交互式演練來使用戶熟悉相對簡單且熟悉的工作流程。這種情況下是不必要的。

Temple Run 2提供了一個互動式演練，可讓用戶在玩簡單級別的游戲時及時獲得屏幕指示。例如，在接近障礙物之前，先給出了如何避開障礙物的說明。本演練教給用戶游戲控制方法，并為他們提供了多次練習(xí)的機會。

MindNode是一個思維導(dǎo)圖和頭腦風(fēng)暴應(yīng)用程序，它使用交互式演練來使用戶加入不太熟悉的工作流程。在本操作引導(dǎo)中，用戶創(chuàng)建了一個非常簡單的思維導(dǎo)圖工件，因此熟悉了交互式練習(xí)環(huán)境中的控件和術(shù)語（提供了跳過教程的選項）。

當然，大多數(shù)移動應(yīng)用不需要操作引導(dǎo)。如果確實你的產(chǎn)品需要包含操作引導(dǎo)，請確保它是新穎的內(nèi)容（即您的應(yīng)用程序與類似應(yīng)用程序不同的元素和交互），并使其精簡。

總結(jié)

保持新手引導(dǎo)盡可能的簡單。對于大多數(shù)移動應(yīng)用而言，這意味著將用戶直接置于界面中。

另一方面，具有獨特交互模式的復(fù)雜應(yīng)用程序或希望用戶信息定制體驗的應(yīng)用程序可能會更加以來引導(dǎo)教程。通過引導(dǎo)教程，關(guān)注用戶需要在你的應(yīng)用中想要獲得的內(nèi)容，突出新的或不熟悉的內(nèi)容，并保持引導(dǎo)內(nèi)容的精簡、不引人注目。

原文地址：https://www.nngroup.com/articles/mobile-app-onboarding/

原文作者：艾麗塔·喬伊斯（Alita Joyce），尼爾森諾曼集團（Nielsen Norman Group）用戶體驗專家

本文由 @Henry-Lee 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

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