用戶的首次使用體驗與應用的成功息息相關，可能錦上添花，也可能落井下石。

經過數周的腦暴、草圖、設計以及辛勤開發之后，你們的應用終于要準備上線了。整個團隊的興奮之情溢于言表。

但事實上：應用真的會成功嗎？

用戶的首次使用體驗與應用的成功息息相關——可能錦上添花，也可能落井下石。優秀的首次體驗應該是輕松愉悅的，既能傳達產品價值，又能建立起用戶預期與產品服務之間的橋梁。做得好，用戶會頻頻光顧你的應用。

為了更好地理解和設計面向移動產品的新手體驗流程，我們根據在tapptitude（作者公司，譯者注）所做幾款應用的經驗，提煉出了一套“從引導到操作”的設計框架。這套框架的基本思路，在于有策略有技巧的應用兩種用戶引導設計：

1. 說明元素
2. 操作元素

說明元素

說明元素是設計師最好的伙伴。它可以是注釋、情態動詞，或任何小段的文案。使用說明元素可以有效地指導用戶使用產品，并且傳遞產品的核心價值。如果用戶不能在第一時間內理解如何最大程度地使用產品，那么他們就不會來第二次了。

下面是一些常見的說明元素：

• 閃屏頁
• 歡迎頁（附有功能介紹）
• 注釋
• 權限請求
• 說明性彈窗

操作元素

Nir Eyal的成癮模型（Hook model）介紹了一個理論：用戶在產品內的操作是由精心設計的誘導元素觸發的。理想情況下，這些元素整合了刺激性和引導性的內容，使得用戶在執行某項任務時有合理的動機，并且知道如何操作。

設計操作元素時，也需要考慮一些技巧性的設計，例如清晰的行動召喚 （calls to action）和恰如其分的視覺誘導。小小的箭頭都可能產生巨大的影響，例如暗示用戶當前是在正確的使用路徑上。這樣用戶每一步操作才會充滿信心，而不是猜測該點擊還是滑動。

以下是一些操作元素的例子：

• 登錄
• 注冊
• 允許權限
• 可操作的提示

在任何新手體驗流程中，說明元素和操作元素共同作用，將用戶引向體驗產品的核心價值的地方。如何整合這兩種元素的設計呢？這就要考慮頁面的目的以及整個新手流程的邏輯。

以下是一些典型的頁面目的：

• 瀏覽應用的主要功能特點
• 展示應用里的最佳使用方法
• 收集用戶的基本信息，以進行個性化設置
• 在用戶體驗某個功能時，進行有用且有趣的解釋說明
• 兜售產品的功能特性：在展示產品功能時，簡略告訴用戶只要提供一點小小的經濟支持，就能獲得更多量身定制的服務

現在來看一下如何設計說明元素和操作元素

并不是所有的用戶在首次使用產品時就能理解其核心價值。所以，讓用戶回到正確的使用路徑，并進入轉化流程是新手引導的主要任務。在此前提下，新手體驗有兩處主場景：產品外和產品內。

產品外的新手體驗

如果有人對你的產品一無所知，或者不認同產品愿景，那他/她下載應用的可能性有多大？

幾乎為0。

所以，用戶的新手體驗通常是以首次接觸產品開始，以他們“原來如此”的感慨結束。首次接觸的過程即我們所說的產品外的新手體驗。這往往遠早于用戶真正使用產品本身——通過社交媒體，產品的網頁，或是App Store。在首次接觸時，用戶就建立了對產品的預期，并進入轉化流程的第一個階段。這只是在產品外新手體驗的第一步。

想想Deliveroo在App Store的推廣圖。這不就是你對外賣應用的期望嗎？他們精確描述了應用的核心功能價值。

假設你已經說服用戶下載了應用，然后他們第一次真正打開了產品。那接下來的體驗該如何延續呢？這就到了產品外新手體驗的第二步。

你可以用一些說明元素（漂亮的視覺和小段文案）結合操作元素來幫助用戶順利進入應用。設計幾張精美的頁面向用戶展示核心功能，在試用流程的每一步都給與他們肯定與鼓勵。

另一種方式是：告訴用戶如果主動填寫了自己的信息，在長期來看是可以獲得回報的。用引導元素清晰解釋你的意圖，用操作元素指出正確的使用路徑。

如果你成功激起了用戶的興趣，而且他們愿意來嘗試一下的話，就進入移動端新手體驗的第二個主場景了。

產品內的新手體驗

一旦用戶進入應用內，他們希望可以找到你在前一階段所描繪過的所有功能特點。你肯定不希望他們感到迷惑，不知道接下來該怎么辦。所以，你必須告訴用戶正確的使用路徑。

Instagram在詢問用戶的照片和麥克風使用權限之前，有非常詳細的解釋說明

新手流程的重點是將用戶導向應用的核心價值主張。讓用戶感受到應用可以極大改善他們原有的做事方法，又非常有意思。當達成這些目的之后，用戶會更愿意挨個去探索其他的功能

我們來看一下引導用戶了解應用核心功能的例子。

對于一款社交應用，用戶期待能夠盡快聯系一個好友，來體驗這個產品是不是新穎有趣。產品的核心功能是和好友、家人聊天嗎？用戶的個人信息是否同樣重要？你可以向用戶展示如何用最少的信息建立個人資料，如何添加好友（支持導入現有聯系人），并營造自由溝通的氛圍。然后，祈禱一切順利吧。

對于一款日歷應用，無外乎是如何更好地管理日程安排。如果用戶愿意，可以讓他從其他平臺導入/同步他已有的日歷表。讓用戶快速熟悉產品，并產生掌控感。你需要考慮：這款應用的設計點是什么？是更方便的分析日程？對于不同類型的事件提供哪些個性化設置？

對于一款照片編輯應用，讓用戶感受到整體流程有多簡單好用?？梢詮氖謾C相冊選擇一張照片，或是當場拍攝。通過必要的注釋說明來指導他們完成整個編輯流程，并在結束時提供分享功能。對于使用照片編輯應用的用戶來說，流暢的編輯體驗和產品質量同樣重要。

一款優秀的移動產品應當有一套可靠的新手體驗設計策略。不要把自己限制在產品里面，從核心價值入手準備——抓住每一次可以向用戶傳達價值的機會。不管是應用的廣告或者一個引導頁，抓住任何機會去詮釋產品的價值與功能吧。

作者：Sinziana Chitea

來源：微信公眾號：滬江UED

原文鏈接：http://blog.invisionapp.com/user-onboarding-framework/?utm_source=mybridge&utm_medium=web&utm_campaign=read_more

題圖來自PEXXELS，基于CC0協議