覺得自己學了假設計?真正的新用戶引導應該這么設計

2017-2-9    資深UI設計者

如果您想訂閱本博客內容,每天自動發(fā)到您的郵箱中, 請點這里


新用戶引導絕對是個瓶頸。花費時間設計和開發(fā),找了用戶測試調研,最后上線了,依然攔不住洶涌的用戶流失潮。很多時候,也許只是新用戶引導沒做好而已。今天的文章,我們來聊聊新用戶引導的設計~

讓用戶注冊本身就不是一件容易的事情。產品團隊需要花費大量的時間、精力、金錢來提升產品的注冊量,而更嚴峻的問題在于,許多用戶注冊完成之后,嘗試一次之后,就再也不用了,來之不易的注冊用戶就此流失。根據 Andrew Chen的研究表明,平均每個APP會在用戶安裝后3天丟失77%的日活用戶。

你絕對不希望在投入了如此之多、收獲新用戶之后,在幾天之內丟失其中的多數。那么,要怎樣才能做的更好呢?一個優(yōu)質的新用戶引導流程(Onboarding),能幫你的產品獲得良好的第一印象。

新用戶引導(Onboarding)這個詞本是人力資源領域的術語,不過現在已經被UI/UX領域借用過來,指的是幫助剛剛注冊網站/APP的新用戶熟悉產品到流暢使用的引導流程。

在設計新用戶引導流程的時候,有許多注意事項,確保用戶能夠盡快熟悉你的產品,并且了解它的實際價值。

不要使用過長的新手教程

為了降低用戶流程中可能存在的摩擦,盡量遵循“少即是多”的原則。

如今市場上每個APP都會在初次登錄的時候提供一個滑動展示的教程,介紹應用的功能:

1-c55bIvxMqfyHu2UVsOdgDw

靜態(tài)的展示頁,旨在展示產品的功能和價值。

而有的APP則在這幾屏來教育用戶,告訴他們如何與之進行交互:

0-Qr-7lc48Wb_4c1zc

著名的iOS 待辦事項應用Clear為用戶提供了7屏教程,當用戶經歷了這些教程之后,才能進行真正的操作。

這種滑動展示型的新用戶引導教程,有明顯的缺陷:

·這種滑動展示型教程是“動力殺手”。它橫亙在用戶和APP之間,像障礙一樣,即使教程設計得足夠精美有趣,用戶也很難充滿耐心地仔細閱讀完。為什么?因為絕大多數的用戶還是傾向于自己探索APP,他們想要先看看這個APP到底怎么樣,而不是先看教程。

·用戶在使用APP之前并不想閱讀教程。首先,用戶打開這個APP的目的本就不是閱讀教程,即使教程對他們有所助益,但是這本身是偏離用戶初衷的。用戶打開APP的目的是要完成某個任務,達成某個目標的,所以,不要讓你的用戶覺得他們必須通過學習,才能使用你的APP。

讓新用戶引導結合場景

相比于讓用戶記住一切,不如適時的給予用戶以引導。

前面談及的這種首次打開的引導教程還有一個可用性上的問題:它會要求用戶在還未開始使用APP的時候,就必須仔細閱讀這些指引,并且將教程中所提供的信息記住??墒菃栴}是在于,人的短期記憶是相當有限的,教程越長,記住內容的比例通常越低。而這還是在用戶決定要去仔細閱讀教程的前提下。

1-EkNqGg0gYIPRuE9fNf53RQ

新用戶不去注冊是因為他們樂于了解你的產品的UI是如何工作的。他們注冊是因為他們認可你的產品所呈現出來的價值。

符合上下文場景的即時的新用戶引導流程,可以作為上述靜態(tài)展示型引導的替代方案。這種新用戶引導流程和之前的方式不同,它是在特定的界面、場景和時刻,或者說特定的用戶歷程的節(jié)點,給用戶提供必要的說明。這種新用戶引導模式更加簡單、強大。它可以以許多不同的方式實現:

·示例數據?!癢elcome Board”是用戶打開Trello 的任務管理面板的時候,能看到的第一個的界面,其中涵蓋了預填充的代辦事項列表,說明了程序中不同控件的交互和功能,這種方式可以讓用戶更有效地學習產品的功能。

1-E9oBroQ_JwcO-mPX7OuvFg

·焦點提示。你可以在Android 版的Youtube客戶端找那個找到恰到好處的提示。APP 讓用戶將注意力集中到某個特定的主要交互上,最大限度的減少說明的信息量。它讓教學內容以圖層的形式疊加到對應的UI控件上,這些提示通常出現在用戶首次操作的時候,并且一次只顯示一個。這些提示的內容應該設計得易于快速閱讀,因為用戶傾向于看到之后快速關閉它們。

1-t9MppYFcbsPgNIZdin1jSg

·交互式提示。交互式提示則是在用戶在使用過程中,進入特定的環(huán)節(jié)、進度的時候才會被觸發(fā)的一種提示,它不會按照一定的順序出現,所以不同的用戶碰到這些提示的時間、場景不盡相同。Duolingo 這一語言學習APP 就非常了解人們語言學習的規(guī)律,在實戰(zhàn)中學習語言是最為有效的方式,所以它會在用戶不斷同APP進行交互的過程中提供交互式的提示。

1-cFNFCFsK_jL07PKlErsmGg

小貼士:將視覺設計和提示結合起來,讓用戶更快地獲取信息。

充分運用空狀態(tài)

用戶最初使用APP或者網頁的時候,許多界面都呈現出“空狀態(tài)”,所以很有必要將空狀態(tài)納入到新用戶引導流程中。

首先,各種各樣的內容是APP和網站所提供的價值所在,這也是人們選擇的緣由。因此,要讓用戶在沒有內容的時候,體會到內容的重要性,滿足新用戶獲取內容的需求。

對于新用戶引導流程而言,空狀態(tài)界面是一個非常合適的介入點,所以最好不要讓它真的就這么“空”下去,有效的用起來才對。

好的空狀態(tài)設計,能夠化腐朽為神奇。

如果想要讓用戶更好的同你的產品進行互動:

·讓用戶有所期待,這樣能讓用戶更舒服
·給予明確的指示,讓用戶更快推進到下一步

舉個例子,例如用戶注冊Instagram 之后的界面是一個典型的空狀態(tài)。其他的用戶的這個個人頁面通常都被照片、評論等內容填滿,所以,Instagram 將這個空狀態(tài)改成了新用戶引導的界面,上面會顯示“還未發(fā)布新作——請點擊相機按鈕分享你的第一張照片或者視頻?!倍@句話下會有一個箭頭指向相機按鈕。

1-8vmZxCaZ7BRhRu-jmr8SRQ

展示成功的狀態(tài)

通過達成成就的方式幫助用戶獲得最初的成就感。

當用戶完成一個重要的任務的時候,這一時刻是創(chuàng)造產品和用戶之間情感聯系的重要機會,你要讓用戶知道,他們做的很好,要承認他們的進步,并且同用戶一起慶祝。

0-HYW_PU-pHPjdv4dG

MailChimp 就是個典型,他們在新用戶發(fā)布第一次郵件的過程中,不斷添加有趣的、幽默的獎勵來推動用戶完成他們的第一封郵件的發(fā)送。

衡量

當你設計好了新用戶引導的流程之后,需要不斷的根據用戶反饋的數據和信息來衡量用戶是否真正的“Onboarding”了。這個衡量的指標是至關重要的,你應該設定一個值,嚴格的跟蹤數據的變化,并且根據成功率和用戶的反應,敏銳地調整。在開始任何新項目之前,你都應該問自己一個問題:“這個項目要如何衡量新用戶引導成功率?”

結語

優(yōu)秀的新用戶引導流程能夠讓產品的運營、用戶的積累更為。新用戶引導應該是整個產品的UX和UI設計中不可或缺、值得重視的一個組成部分。

原文地址:uxplanet
原文作者:Nick Babich
優(yōu)設譯文:@陳子木

藍藍設計www.bouu.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的UI界面設計BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://www.bouu.cn

存檔