移動(dòng)端的新手引導(dǎo):組件選擇和使用方法

0 評(píng)論 9301 瀏覽 23 收藏 20 分鐘

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

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

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

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

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

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

一般來(lái)說(shuō),新手引導(dǎo)是有問(wèn)題的:

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

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

二、移動(dòng)端APP何時(shí)需要新手引導(dǎo)?

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

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

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

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

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

如:您的用戶是否在第一次使用該APP(或新功能)時(shí)表現(xiàn)出了一定的困難?

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

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

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

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

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

1. 功能推廣

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

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

避免在首次啟動(dòng)時(shí)啟用功能推廣

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

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

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

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

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

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

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

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

2. 自定義設(shè)置

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

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

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

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

Any.do允許通過(guò)APP設(shè)置進(jìn)行視覺(jué)設(shè)計(jì)自定義,并且不會(huì)提示用戶在首次啟動(dòng)時(shí)選擇主題。

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

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

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

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

3. 操作引導(dǎo)

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

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

(1)卡片

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

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

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

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

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

NOAA Weather在一個(gè)屏幕上突出顯示所有可能的交互。對(duì)于標(biāo)準(zhǔn)UI元素(如“共享”?和?“設(shè)置”?圖標(biāo)),非常麻煩且不需要。

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

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

(3)交互演示

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

目標(biāo)跟蹤應(yīng)用程序Fabulous使用交互式演練來(lái)使用戶熟悉相對(duì)簡(jiǎn)單且熟悉的工作流程。這種情況下是不必要的。

Temple Run 2提供了一個(gè)互動(dòng)式演練,可讓用戶在玩簡(jiǎn)單級(jí)別的游戲時(shí)及時(shí)獲得屏幕指示。例如,在接近障礙物之前,先給出了如何避開(kāi)障礙物的說(shuō)明。本演練教給用戶游戲控制方法,并為他們提供了多次練習(xí)的機(jī)會(huì)。

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

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

總結(jié)

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

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

 

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

原文作者:艾麗塔·喬伊斯(Alita Joyce),尼爾森諾曼集團(tuán)(Nielsen Norman? Group)用戶體驗(yàn)專家

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

題圖來(lái)自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!