移動端的新手引導:組件選擇和使用方法

0 評論 6508 瀏覽 17 收藏 20 分鐘

新手引導(Onboarding)是促使用戶熟悉新界面的過程。它可能涉及一個或多個組件:功能推廣,自定義設置和操作引導。本文作者分別對這3種組件展開了分析說明,供大家一同學習和參考。

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

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

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

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

一、盡可能跳過新手引導

一般來說,新手引導是有問題的:

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

因此,我們應該建議專業人員應該盡量避免創建APP的新手引導,而要把時間和資源花費在使UI更加可用和易用上。

二、移動端APP何時需要新手引導?

用戶始終需要時間(通常很少)來學習使用新的APP,但這并不意味著所有的APP都需要單獨的新手引導流程或冗長的操作引導。對于大多數移動端APP來說,用戶應該能夠通過直接使用它來學習界面,因此并不需要指導性質的新手引導流程。

即使對于相對復雜的移動APP,在使用過程中向用戶顯示相關聯的提示,而不是向他們提供解釋應用程序UI的教程,這種方式通常更為有效 — 人們根本不可能記?。ɑ蛟噲D記?。┠敲炊嗟男畔?,尤其是在如果他們不確定是否真的需要它的情況下。同樣,盡管出現錯誤是用戶體驗的負面因素,但錯誤消息可以在“可教時刻”向用戶傳授更多關于APP的知識,在“可教時刻”,用戶至少會擁有一定的動力去查看問題的解決方案。

只有少數情況下,新手引導在移動端APP中才顯得更加有用:

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

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

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

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

三、新手引導組件

移動端新手引導流程通常包括三種組件:功能推廣,自定義設置和操作引導。

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

功能推廣,自定義設置和操作引導

1. 功能推廣

基于功能的新手引導教程可以使用戶了解該應用可以做什么,也通常被視為營銷。

Productive是一款習慣跟蹤器APP,提供了新手引導,說明了該應用程序可以執行的一些操作,例如設置提醒和查看統計信息。

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

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

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

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

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

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

雖然這種類型的新手引導功能在APP首次啟動時對用戶沒有幫助,但是功能推廣可以在新功能發布時對現有用戶有所幫助。例如,Chase使用紙牌新手引導流程來介紹其新的預算功能。

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

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

2. 自定義設置

許多APP請求用戶數據/權限,以便可以自定義該用戶的體驗。例如,用戶可以自定義APP的內容或視覺設計。但是,并非所有的自定義設置都應該在新手引導期間完成。

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

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

這并不是說您不應該提供自定義視覺設計這個功能,而是可以將其保存以供以后使用。在新手引導時不應該優先考慮它。

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

內容自定義可以創建相關的體驗,并且更可能適合原始APP的新手引導。

例如,對于語言學習應用來說,選擇一種語言并確定您的語言熟練程度對于使該應用程序有用非常重要。

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

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

3. 操作引導

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

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

(1)卡片

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

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

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

(2)遮罩引導

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

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

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

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

(3)交互演示

如果您的應用程序比以前的例子更復雜,并且認為由于設計新穎或不熟悉而需要使用說明,可以考慮進行交互式演練。交互式演練使用戶可以邊做邊學(理想情況是在低風險的環境中)。成功完成如上文所述,簡短且只強調新的或不熟悉的內容,交互式演練感覺更像是一個練習回合,而不是引導教程。

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

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

MindNode是一個思維導圖和頭腦風暴應用程序,它使用交互式演練來使用戶加入不太熟悉的工作流程。在本操作引導中,用戶創建了一個非常簡單的思維導圖工件,因此熟悉了交互式練習環境中的控件和術語(提供了跳過教程的選項)。

當然,大多數移動應用不需要操作引導。如果確實你的產品需要包含操作引導,請確保它是新穎的內容(即您的應用程序與類似應用程序不同的元素和交互),并使其精簡。

總結

保持新手引導盡可能的簡單。對于大多數移動應用而言,這意味著將用戶直接置于界面中。

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

 

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

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

本文由 @Henry-Lee 翻譯發布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

給作者打賞,鼓勵TA抓緊創作!
1人打賞
更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!