用戶體驗之如何設計一個完美的新手引導流程？(附帶案例)

如下內容由Mockplus團隊翻譯整理，僅供學習交流，Mockplus是更快更簡單的原型設計工具。

如何設計一個完美的新手引導流程？設計以前，不妨想一想你最近一次下載新應用程序或登錄新網站的場景。你知道該怎麼操做嗎?它們的新手引導流程是否幫助你迅速完成交互了呢?不少時候，一個簡單的新手引導流程能給用戶留下良好的第一印象。

因此在網站和應用程序設計中，新手引導流程設計也十分重要，設計師須要從訪客的角度來設計交互體驗。此類設計通常包含幫助訪客在網上商店找到商品、瞭解如何購物、玩遊戲或註冊電子郵件等交互。

新手引導流程是將新用戶融入到產品中的設計，優質的引導設計可讓訪客與你的網站/應用程序/數字產品進行深刻交互。接下來小編將介紹如何設計這樣一個優質的引導流程，並附帶一些例子幫助你們理解。

1、視覺流程設計

一個好的新手引導流程可讓訪客一眼明白如何開始、進行和結束產品的註冊和體驗流程。

當用戶須要幫助或得到信息時，他們至少應該知道從哪裏入手。這裏的設計一般能夠用一個大圖，附帶一段介紹文字呈現。(能夠自行腦補下)

接着須要設計一些簡單的交互，好比填寫表格，點擊下一步學習指南或新手教程視頻等對訪客進行引導。最後，彈出用戶完成全部操做的通知，新用戶就成功地結束註冊/登陸流程。(這種成就感能夠幫助用戶保持在線狀態。)

最後的通知還應該包含引導用戶進行正式體驗產品的交互，好比「如今你能夠開始遊戲了」或者「點擊這裏開始」。

2、向用戶展現你但願他們作什麼

切記：新手引導流程必定要簡單易懂！若是你的網站或應用程序使用用戶不常見的模式/流程，那麼用戶的第一印象每每不會太好。

直接向新用戶展現他們應該作什麼操做，藉助文字提示或簡短的視頻告知應該如何進行。清楚地表達交互目標和預期結果，以及用戶如何達到目標。

上面的Milanote在網站主頁上就作得很好，在主界面有一個電腦屏幕顯示正在使用的應用程序。不管訪客是短暫停留仍是循環播放，這個簡短的視頻都能向網站訪客展現如何與這個網站及相關應用程序進行交互。

3、不要陳述顯而易見的事情

用iDoc寫產品文檔，拿摹客體驗禮

當你開始思考指令和註冊流程時，很容易就會得意忘形，請必定要保持理性。

提供的說明儘量簡單明瞭，而且只在必要時纔會出現。僅爲不熟悉的操做或導航提供指示和信息。

沒有必要去解釋明顯的交互，這樣反而會以冗餘的方式拖沓了註冊流程，從而使用戶感到沮喪。操做說明越簡單越好，且只在必要時會出現。

伊麗莎白•泰勒網站(見上圖) 在頂部有一個輪播圖，上面有關於如何使用它的視覺指導。這使得用戶更容易按照本身的節奏來處理內容。

4、提供一份吸引眼球的文案

平淡無味的文案每每沒法吸引訪客眼球。每一個小對話框——甚至是那些僅有幾個單詞的對話框都必須生動有趣。與此同時，注意與網站其餘部分或應用程序設計的語言保持一致。

技巧提示：友好地使用主動動詞和直接指示。Slack在這方面作得很好，它的機器人服務讓人感受很是逼真(即便你明白它並非真人)。

不肯定從如何着手文案設計?小編這裏有10個不錯的文案撰寫技巧能夠參考。將此做爲編寫對話框和信息指南，能夠幫助訪客得到更佳的登陸用戶體驗！

5、明確用戶是否必須註冊

新用戶是否必須註冊你的網站或應用程序?若是不註冊，他們是否還能繼續使用?這些須要明確地告訴用戶，不要讓用戶去猜。

首先，要很是明確用戶註冊的指望是什麼，以及註冊會給用戶帶來什麼好處。接着免費提供他們一個「試用」，讓他們對你的應用程序或網站產生興趣。

而後，要求新用戶註冊去解鎖更多的功能或內容。使用一些只須要填寫基本信息的表單，儘量讓註冊或者流程保持簡單。

6、提供一個新手教程

從第一次登錄你的網站或應用程序到成功註冊的過程。若是必要的話，能夠本身先畫一個流程圖。

建立一個新手教程也能夠幫助你肯定流程設計是簡單的仍是複雜的。

這不只幫助你肯定流程設計是否簡單，它還能夠爲潛在的教程提供一個方向。該教程向用戶確切地展現應該作什麼以及如何與網站/應用程序交互。

Ryan Osilla對常見的網站如何設計完美的新手引導流程進行了深刻研究。最後決定對於建立賬戶的步驟，直接使用流行的工具舉例，如LinkedIn、GitHub、UpWork和Twitter。(你很難找到比這更好的方案來展現註冊流程了。)

雖然Osilla列出的全部示例都很簡單，你也可使用這些信息建立一個教程，其中對特殊操做須要具體說明。一旦構建了流程圖，再建立教程就容易多了。

7、一次展現一個特性

一個註冊登陸流程，提供或者跳過簡單易懂的步驟指示時，每每能給用戶留下良好印象。請記住，創造用戶能對數字產品的興奮感和理解的交互設計，這樣他們才能高效地完成這個註冊登陸流程。

提供一個關於註冊教程播放時長的線索。頁面顯示多屏幕教程或信息的進度欄，能夠包含跳過或返回的按鈕。

同時，不要忘記關注用戶的利益。怎麼才能讓你的網站或應用程序變得有趣? 爲何訪客要完成註冊登陸流程並繼續體驗? 把其中的好處展現給每個訪問你網站設計的人。

結論

登陸體驗的目的是爲用戶提供信息，幫助他們更好地理解和使用你的網站或應用程序。記住，要堅持提供有效的信息，向用戶展現在可能的狀況下應該作什麼，並提供導航。

保持流程簡單流暢，使用優質的圖像和有趣的文案，並獎勵用戶完成登陸任務。

註冊登陸流程中必定要包括你讓訪客與你的網站保持交互的全部操做。它能夠是一款遊戲或一種活動形式；但也能夠深刻地挖掘內容，設計一些他們喜歡的東西，讓引導流程帶來最好的體驗。

學習工具，但不受限於某種工具。摹客iDoc，高效協做，從產品到開發，只要一個文檔，讓你的團隊高效協做！