一款優(yōu)秀的移動產(chǎn)品應(yīng)當(dāng)有一套可靠的新手體驗(yàn)設(shè)計(jì)策略。不要把自己限制在產(chǎn)品里面，從核心價(jià)值入手準(zhǔn)備——抓住每一次可以向用戶傳達(dá)價(jià)值的機(jī)會。不管是應(yīng)用的廣告或者一個引導(dǎo)頁，抓住任何機(jī)會去詮釋產(chǎn)品的價(jià)值與功能吧。

經(jīng)過數(shù)周的腦暴、草圖、設(shè)計(jì)以及辛勤開發(fā)之后，你們的應(yīng)用終于要準(zhǔn)備上線了。整個團(tuán)隊(duì)的興奮之情溢于言表。但事實(shí)上：應(yīng)用真的會成功嗎？

用戶的首次使用體驗(yàn)與應(yīng)用的成功息息相關(guān)——可能錦上添花，也可能落井下石。優(yōu)秀的首次體驗(yàn)應(yīng)該是輕松愉悅的，既能傳達(dá)產(chǎn)品價(jià)值，又能建立起用戶預(yù)期與產(chǎn)品服務(wù)之間的橋梁。做得好，用戶會頻頻光顧你的應(yīng)用。

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

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

說明元素

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

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

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

操作元素

Nir Eyal的成癮模型（Hook model）介紹了一個理論：用戶在產(chǎn)品內(nèi)的操作是由精心設(shè)計(jì)的誘導(dǎo)元素觸發(fā)的。理想情況下，這些元素整合了刺激性和引導(dǎo)性的內(nèi)容，使得用戶在執(zhí)行某項(xiàng)任務(wù)時有合理的動機(jī)，并且知道如何操作。

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

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

• 登錄
• 注冊
• 允許權(quán)限
• 可操作的提示

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

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

• 瀏覽應(yīng)用的主要功能特點(diǎn)
• 展示應(yīng)用里的最佳使用方法
• 收集用戶的基本信息，以進(jìn)行個性化設(shè)置
• 在用戶體驗(yàn)?zāi)硞€功能時，進(jìn)行有用且有趣的解釋說明
• 兜售產(chǎn)品的功能特性：在展示產(chǎn)品功能時，簡略告訴用戶只要提供一點(diǎn)小小的經(jīng)濟(jì)支持，就能獲得更多量身定制的服務(wù)

現(xiàn)在來看一下，如何設(shè)計(jì)說明元素和操作元素

并不是所有的用戶在首次使用產(chǎn)品時就能理解其核心價(jià)值。所以，讓用戶回到正確的使用路徑，并進(jìn)入轉(zhuǎn)化流程是新手引導(dǎo)的主要任務(wù)。在此前提下，新手體驗(yàn)有兩處主場景：產(chǎn)品外和產(chǎn)品內(nèi)。

產(chǎn)品外的新手體驗(yàn)

如果有人對你的產(chǎn)品一無所知，或者不認(rèn)同產(chǎn)品愿景，那他/她下載應(yīng)用的可能性有多大？

幾乎為0。

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

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

假設(shè)你已經(jīng)說服用戶下載了應(yīng)用，然后他們第一次真正打開了產(chǎn)品。那接下來的體驗(yàn)該如何延續(xù)呢？這就到了產(chǎn)品外新手體驗(yàn)的第二步。

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

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

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

產(chǎn)品內(nèi)的新手體驗(yàn)

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

Instagram在詢問用戶的照片和麥克風(fēng)使用權(quán)限之前，有非常詳細(xì)的解釋說明。

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

我們來看一下引導(dǎo)用戶了解應(yīng)用核心功能的例子。

• 對于一款社交應(yīng)用，用戶期待能夠盡快聯(lián)系一個好友，來體驗(yàn)這個產(chǎn)品是不是新穎有趣。產(chǎn)品的核心功能是和好友、家人聊天嗎？用戶的個人信息是否同樣重要？你可以向用戶展示如何用最少的信息建立個人資料，如何添加好友（支持導(dǎo)入現(xiàn)有聯(lián)系人），并營造自由溝通的氛圍。然后，祈禱一切順利吧。
• 對于一款日歷應(yīng)用，無外乎是如何更好地管理日程安排。如果用戶愿意，可以讓他從其他平臺導(dǎo)入/同步他已有的日歷表。讓用戶快速熟悉產(chǎn)品，并產(chǎn)生掌控感。你需要考慮：這款應(yīng)用的設(shè)計(jì)點(diǎn)是什么？是更方便的分析日程？對于不同類型的事件提供哪些個性化設(shè)置？
• 對于一款照片編輯應(yīng)用，讓用戶感受到整體流程有多簡單好用?？梢詮氖謾C(jī)相冊選擇一張照片，或是當(dāng)場拍攝。通過必要的注釋說明來指導(dǎo)他們完成整個編輯流程，并在結(jié)束時提供分享功能。對于使用照片編輯應(yīng)用的用戶來說，流暢的編輯體驗(yàn)和產(chǎn)品質(zhì)量同樣重要。

一款優(yōu)秀的移動產(chǎn)品應(yīng)當(dāng)有一套可靠的新手體驗(yàn)設(shè)計(jì)策略。不要把自己限制在產(chǎn)品里面，從核心價(jià)值入手準(zhǔn)備——抓住每一次可以向用戶傳達(dá)價(jià)值的機(jī)會。不管是應(yīng)用的廣告或者一個引導(dǎo)頁，抓住任何機(jī)會去詮釋產(chǎn)品的價(jià)值與功能吧。

原文作者：Sinziana Chitea

原文地址

譯者：小魚

譯文地址：微信公眾號【滬江UED】