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

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

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

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

我們將新手引導定義為使用特定流程和UI元素使用户熟悉新界面的過程。

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

一、儘可能跳過新手引導

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

更高的交互成本,新手引導流程需要用户更多的關注和努力。即使用户決定跳過您的新手引導,他們仍然必須單擊或點擊“跳過”來達到目的,這就增加了用户在APP中完成任務的交互成本。

記憶壓力,新手引導通常用來幫助用户記住界面上的某些內容,但是人的記憶力是有限的。與其要求用户記住與APP相關的幾個點,不如基於現有的思維模型,並花時間使APP更易於使用來加深用户的記憶。

可能無法提高用户的表現,我們知道新手引導的一些缺點,但是好處有時並不太明顯。例如,一項對紙牌遊戲教程的研究表明,這些教程並不能提高用户在遊戲中的表現。

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

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

用户始終需要時間來學習使用新的APP,但這並不意味着所有的APP都需要單獨的新手引導流程或冗長的操作引導。對於大多數移動端APP來説,用户應該能夠通過直接使用它來學習界面,因此並不需要指導性質的新手引導流程。

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

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

需要一定的用户信息才能開始使用。例如,一款銀行類APP可能需要用户創建一個帳户並確認其身份,然後才能使用該應用。

APP的功能是根據用户的整體情況和偏好定製的。例如,一款節食APP將首先要知道用户當前的體重。

重要的APP功能或工作流程對於此APP來説是比較獨特的,並且可能不同於標準的UI模式,或者是新的不熟悉的。例如,當移動支票存款首次被引入作為個人ATM存款的替代品時,這一新穎的功能值得被正式介紹。

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

如:您的用户是否在第一次使用該APP時表現出了一定的困難?

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

三、新手引導組件

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

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

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

1. 功能推廣

基於功能的新手引導教程可以使用户瞭解該應用可以做什麼,也通常被視為營銷。

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

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

用户很少會無緣無故下載一個APP,很可能已經對APP有了相應的瞭解,因此,基本都會跳過冗長的推廣引導等。該規則也有一個例外 — 功能是真正的新功能或新穎的,例如前面提到的“移動存款”示例

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

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

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

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

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

大通銀行APP通過輪播圖的新手引導流程提示現有用户,以突出顯示新的APP功能。這個流程很短,甚至允許用户完全跳過它。

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

2. 自定義設置

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

特別是視覺設計定製,例如選擇配色方案,不屬於新手引導。人們很難知道,在實際使用之前,他們更喜歡這個APP的哪種外觀,或者為什麼某個視覺設計可能會比其他的更好。

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

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

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

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

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

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

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

3. 操作引導

操作引導的目的是教用户如何使用界面。不應使用操作引導來補救不好的設計。與創建操作引導內容相比,應該將資源更多地花費在使UI更具可用性上。就是説,在某些情況下,需要保證操作引導是有理有據的或預期的。

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

卡片

卡片引導通常會在應用啓動時立即顯示,並提供有關如何以卡片形式使用其界面的説明。這種類型的引導,尤其是在相對簡單的移動應用程序中,往往會使界面看起來比實際界面更加複雜,並會佔用用户更多的記憶儲量。

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

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

遮罩引導

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

NOAA Weather在一個屏幕上突出顯示所有可能的交互。對於標準UI元素,非常麻煩且不需要。

清單操作説明性遮罩引導向用户顯示一些核心功能,例如如何對裝箱單進行分類和標記。但是,現在需要用於解釋不熟悉的字段和未標記的圖標。

在這種情況下,對於教學內容來説,一個不那麼突兀的解決方案是彈出提示,這樣,如果用户需要更清晰的內容,它就可以輕鬆的被使用了。。

交互演示

如果您的應用程序比以前的例子更復雜,並且認為由於設計新穎或不熟悉而需要使用説明,可以考慮進行交互式演練。交互式演練使用户可以邊做邊學。成功完成如上文所述,簡短且只強調新的或不熟悉的內容,交互式演練感覺更像是一個練習回合,而不是引導教程。

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

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

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

當然,大多數移動應用不需要操作引導。如果確實你的產品需要包含操作引導,請確保它是新穎的內容,並使其精簡。

總結

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

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

題圖來自Unsplash,基於CC0協議

版權聲明:本文源自 網絡, 於,由 楠木軒 整理發佈,共 4353 字。

轉載請註明: 移動端的新手引導:組件選擇和使用方法 - 楠木軒