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