您需要知道的4種常用Onboarding方法

用户引導（Onboarding) 是甚麼？

用户引導（Onboarding) 是當用户首次註册並使用產品時的首次引導教學。可以說是整個系統中最重要的一環，亦是最易讓設計師輕視或忽略的一環。它是一套Lego的說明書，引導玩家怎樣運用已提供的零件興建出一個紙盒上的堡壘。試想想，若沒有了說明書，你要花多久才可以摸索出正確的興建方法。同理，若沒有一個清晰，直接，易明的用户引導，用家又需要花多久才知道且熟習一套全新的產品呢？

當然，若產品是非常簡易明瞭的，用户引導則可有可無；但若是產品本身足夠複雜的話，一個好的用户引導，不單可以讓用户知道怎麼操作您的產品，更可以為您留住用户。以下為你介紹及分析 4種現時最常用的用户引導方法。

---

1. 歡迎使用訊息

歡迎使用訊息是用户註册後，首個展示的頁面，亦是很多Onboarding Guide的第一部份。目的是為了讓用户有被受注重的感覺，提升對產品的印象及體驗。大部份這類型的訊息文案都非常簡短，CTA則是呼籲用户進行Product Tour為主。

優點：提升用户對產品的印象及體驗，增加好感度

缺點：單單一頁，對介紹產品起不了太大作用

↑ Gmail 使用模態𥦬口（Modal Window）展示歡迎信息

2. 產品導覽（Guided Tour)

目的是為了讓用户能夠在第一時間內對您的產品整體有一個初步的了解，或強調產品內主打且有優勢的功能，增加與使用者交互。同時，亦是讓用户能預先熟習產品的控制設置（如導覽條，菜單等），當系統自動偵察到用户是首次登陸時，便會自動觸發。接著，讓我們看看如何利用不同的方式達到產品導覽。

Hotspots（焦點）

圈畫出重點部份，配搭簡潔而有力的文字來表述每一個導覽裏的步驟。使用Hotspots的通常是按紐或文字，代表著被圈畫的部份有著隠藏的資訊，界面上暫時無法得知，但對使用者在使用上有著影響或相當的便利。

優點：讓人感到較少突兀的感覺，較容易融合在不同產品的風格。

缺點：能盛載的內容量不大，若過多的文案或步驟容易讓用户產生煩厭感。

↑ （舊版）Dropbox 使用Hotspots配搭簡短而清𥇦的文案作導覽

Tooltips（提示框）

Tooltips 可以說是早期其中一個被廣乏應用在產品導覽裏的一個元素。很多大產型Saas產品，如Hotjar, Slack, Google Adwords都採用這一種方式。

↑ （舊版）Slack 使用Tooltips介紹產品的功能

Tooltips通常由文案，CTA，過度條組成，亦提供讓用户跳過的選項。每次亦只會展示一個Tooltips，當用户完成並按下“下一歩”後，才會出現另一個。文案的內容則是對功能點的使用註釋或注意事項，更有一些會配合GIF（動圖）一併使用，增加趣味性及其吸引力。除了應用在產品導覽外，在產品更新或推出新功能時亦是一個常用的介紹及推擴方法。

優點：能表達信息量較多的內容，用户能更詳細地了解產品的功能。

缺點：與Hotspots相同，步驟過多容易讓用户產生煩厭感。

注意事項：

• 只能在直觀的界面上使用

• 確保提供的內容是有價值的（錯誤示範：在X上加入Tooltips“按下能關閉當前視窗”）

• 每次只能顯示一個Tooltips

• 最後的卡片可連至FAQ 頁面，讓用户可自助學習更多更深入的操作技巧

3. Hands-On

Hands-On是讓用户從真實的操作中，一邊發掘系統的使用方法一邊熟習操作方式。系統引導用户在已預設的演示數據裏，一步一步地完成整個功能，形成一套既不沉悶兼互動的演示教學。這種方式特別適合用來指導用户解釋較為複雜的操作，遠比起只是一張圖片或GIF來得更清𥇦。

↑ Grammarly 預設一篇充滿錯誤的文章，向用户一步步地展示其功能如何作出修改

優點：互動性高，能詳細解釋較複雜的功能；透過“從真實操作中學習”能讓用户更深刻地記得 操作過程

缺點：設計及開發過程需要較高的成本及較多的時間

4. 檢查清單（Check List)

檢查清單有點像購買清單的概念，把操作的教學列寫成為每一項任務清單。讓用户跟著清單，一個又一個地完成列表上的所有教學，從而引導用户使用系統。

↑ Notion 預設一張開始使用的操作清單，配合動圖作提示

優點：清晰；用户可自行挑選自己想學習的部分進行學習，無需一步步地跟從

缺點：用户較容昜選擇性忽略整個清單；只局限於文字/圖片/動圖描述內容及位置，缺少了Hotspots的直觀

---

總結

沒有好的用户引導就算產品的功能再好，多能夠解決用户痛點，都稱不上好的產品。

想要計設出好的用户引導，可注意以下幾點：

• 用户引導很重要，很重要，很重要，不要待產品整個設計都完成後才著手，因為用户引導本 身很大可能會影響界面的設計

• 運用並融合多種不同的方法，整合出一套最合適產品的用户引導

• 可互動性的引導設計，往往能有效提升用户的學習興趣

當用户引導完成並發佈後：

• 不斷查看用户真實使用回饋，進行分析並進行修改