2017-2-9 資深UI設(shè)計者
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點(diǎn)這里
新用戶引導(dǎo)絕對是個瓶頸。花費(fèi)時間設(shè)計和開發(fā)，找了用戶測試調(diào)研，最后上線了，依然攔不住洶涌的用戶流失潮。很多時候，也許只是新用戶引導(dǎo)沒做好而已。今天的文章，我們來聊聊新用戶引導(dǎo)的設(shè)計~
讓用戶注冊本身就不是一件容易的事情。產(chǎn)品團(tuán)隊需要花費(fèi)大量的時間、精力、金錢來提升產(chǎn)品的注冊量，而更嚴(yán)峻的問題在于，許多用戶注冊完成之后，嘗試一次之后，就再也不用了，來之不易的注冊用戶就此流失。根據(jù) Andrew Chen的研究表明，平均每個APP會在用戶安裝后3天丟失77%的日活用戶。
你絕對不希望在投入了如此之多、收獲新用戶之后，在幾天之內(nèi)丟失其中的多數(shù)。那么，要怎樣才能做的更好呢？一個優(yōu)質(zhì)的新用戶引導(dǎo)流程（Onboarding），能幫你的產(chǎn)品獲得良好的第一印象。
新用戶引導(dǎo)（Onboarding）這個詞本是人力資源領(lǐng)域的術(shù)語，不過現(xiàn)在已經(jīng)被UI/UX領(lǐng)域借用過來，指的是幫助剛剛注冊網(wǎng)站/APP的新用戶熟悉產(chǎn)品到流暢使用的引導(dǎo)流程。
在設(shè)計新用戶引導(dǎo)流程的時候，有許多注意事項，確保用戶能夠盡快熟悉你的產(chǎn)品，并且了解它的實際價值。
為了降低用戶流程中可能存在的摩擦，盡量遵循“少即是多”的原則。
如今市場上每個APP都會在初次登錄的時候提供一個滑動展示的教程，介紹應(yīng)用的功能：
靜態(tài)的展示頁，旨在展示產(chǎn)品的功能和價值。
而有的APP則在這幾屏來教育用戶，告訴他們?nèi)绾闻c之進(jìn)行交互：
著名的iOS 待辦事項應(yīng)用Clear為用戶提供了7屏教程，當(dāng)用戶經(jīng)歷了這些教程之后，才能進(jìn)行真正的操作。
這種滑動展示型的新用戶引導(dǎo)教程，有明顯的缺陷：
·這種滑動展示型教程是“動力殺手”。它橫亙在用戶和APP之間，像障礙一樣，即使教程設(shè)計得足夠精美有趣，用戶也很難充滿耐心地仔細(xì)閱讀完。為什么？因為絕大多數(shù)的用戶還是傾向于自己探索APP，他們想要先看看這個APP到底怎么樣，而不是先看教程。
·用戶在使用APP之前并不想閱讀教程。首先，用戶打開這個APP的目的本就不是閱讀教程，即使教程對他們有所助益，但是這本身是偏離用戶初衷的。用戶打開APP的目的是要完成某個任務(wù)，達(dá)成某個目標(biāo)的，所以，不要讓你的用戶覺得他們必須通過學(xué)習(xí)，才能使用你的APP。
相比于讓用戶記住一切，不如適時的給予用戶以引導(dǎo)。
前面談及的這種首次打開的引導(dǎo)教程還有一個可用性上的問題：它會要求用戶在還未開始使用APP的時候，就必須仔細(xì)閱讀這些指引，并且將教程中所提供的信息記住?？墒菃栴}是在于，人的短期記憶是相當(dāng)有限的，教程越長，記住內(nèi)容的比例通常越低。而這還是在用戶決定要去仔細(xì)閱讀教程的前提下。
新用戶不去注冊是因為他們樂于了解你的產(chǎn)品的UI是如何工作的。他們注冊是因為他們認(rèn)可你的產(chǎn)品所呈現(xiàn)出來的價值。
符合上下文場景的即時的新用戶引導(dǎo)流程，可以作為上述靜態(tài)展示型引導(dǎo)的替代方案。這種新用戶引導(dǎo)流程和之前的方式不同，它是在特定的界面、場景和時刻，或者說特定的用戶歷程的節(jié)點(diǎn)，給用戶提供必要的說明。這種新用戶引導(dǎo)模式更加簡單、強(qiáng)大。它可以以許多不同的方式實現(xiàn)：
·示例數(shù)據(jù)。“Welcome Board”是用戶打開Trello 的任務(wù)管理面板的時候，能看到的第一個的界面，其中涵蓋了預(yù)填充的代辦事項列表，說明了程序中不同控件的交互和功能，這種方式可以讓用戶更有效地學(xué)習(xí)產(chǎn)品的功能。
·焦點(diǎn)提示。你可以在Android 版的Youtube客戶端找那個找到恰到好處的提示。APP 讓用戶將注意力集中到某個特定的主要交互上，最大限度的減少說明的信息量。它讓教學(xué)內(nèi)容以圖層的形式疊加到對應(yīng)的UI控件上，這些提示通常出現(xiàn)在用戶首次操作的時候，并且一次只顯示一個。這些提示的內(nèi)容應(yīng)該設(shè)計得易于快速閱讀，因為用戶傾向于看到之后快速關(guān)閉它們。
·交互式提示。交互式提示則是在用戶在使用過程中，進(jìn)入特定的環(huán)節(jié)、進(jìn)度的時候才會被觸發(fā)的一種提示，它不會按照一定的順序出現(xiàn)，所以不同的用戶碰到這些提示的時間、場景不盡相同。Duolingo 這一語言學(xué)習(xí)APP 就非常了解人們語言學(xué)習(xí)的規(guī)律，在實戰(zhàn)中學(xué)習(xí)語言是最為有效的方式，所以它會在用戶不斷同APP進(jìn)行交互的過程中提供交互式的提示。
小貼士：將視覺設(shè)計和提示結(jié)合起來，讓用戶更快地獲取信息。
用戶最初使用APP或者網(wǎng)頁的時候，許多界面都呈現(xiàn)出“空狀態(tài)”，所以很有必要將空狀態(tài)納入到新用戶引導(dǎo)流程中。
首先，各種各樣的內(nèi)容是APP和網(wǎng)站所提供的價值所在，這也是人們選擇的緣由。因此，要讓用戶在沒有內(nèi)容的時候，體會到內(nèi)容的重要性，滿足新用戶獲取內(nèi)容的需求。
對于新用戶引導(dǎo)流程而言，空狀態(tài)界面是一個非常合適的介入點(diǎn)，所以最好不要讓它真的就這么“空”下去，有效的用起來才對。
好的空狀態(tài)設(shè)計，能夠化腐朽為神奇。
如果想要讓用戶更好的同你的產(chǎn)品進(jìn)行互動：
·讓用戶有所期待，這樣能讓用戶更舒服
·給予明確的指示，讓用戶更快推進(jìn)到下一步
舉個例子，例如用戶注冊Instagram 之后的界面是一個典型的空狀態(tài)。其他的用戶的這個個人頁面通常都被照片、評論等內(nèi)容填滿，所以，Instagram 將這個空狀態(tài)改成了新用戶引導(dǎo)的界面，上面會顯示“還未發(fā)布新作——請點(diǎn)擊相機(jī)按鈕分享你的第一張照片或者視頻?！倍@句話下會有一個箭頭指向相機(jī)按鈕。
通過達(dá)成成就的方式幫助用戶獲得最初的成就感。
當(dāng)用戶完成一個重要的任務(wù)的時候，這一時刻是創(chuàng)造產(chǎn)品和用戶之間情感聯(lián)系的重要機(jī)會，你要讓用戶知道，他們做的很好，要承認(rèn)他們的進(jìn)步，并且同用戶一起慶祝。
MailChimp 就是個典型，他們在新用戶發(fā)布第一次郵件的過程中，不斷添加有趣的、幽默的獎勵來推動用戶完成他們的第一封郵件的發(fā)送。
當(dāng)你設(shè)計好了新用戶引導(dǎo)的流程之后，需要不斷的根據(jù)用戶反饋的數(shù)據(jù)和信息來衡量用戶是否真正的“Onboarding”了。這個衡量的指標(biāo)是至關(guān)重要的，你應(yīng)該設(shè)定一個值，嚴(yán)格的跟蹤數(shù)據(jù)的變化，并且根據(jù)成功率和用戶的反應(yīng)，敏銳地調(diào)整。在開始任何新項目之前，你都應(yīng)該問自己一個問題：“這個項目要如何衡量新用戶引導(dǎo)成功率？”
優(yōu)秀的新用戶引導(dǎo)流程能夠讓產(chǎn)品的運(yùn)營、用戶的積累更為。新用戶引導(dǎo)應(yīng)該是整個產(chǎn)品的UX和UI設(shè)計中不可或缺、值得重視的一個組成部分。
原文地址：uxplanet
原文作者：Nick Babich
優(yōu)設(shè)譯文：@陳子木
藍(lán)藍(lán)設(shè)計( www.88yangsc.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)
藍(lán)藍(lán)設(shè)計的小編 http://www.88yangsc.com