為新手設(shè)計(jì)的引導(dǎo)流程是一個(gè)好產(chǎn)品體驗(yàn)的開始

怎樣設(shè)計(jì)一個(gè)完美的新手指導(dǎo)流程？在設(shè)計(jì)前，不妨考慮一下你最近下載新應(yīng)用或登陸新網(wǎng)站的場(chǎng)景。您知道怎么做嗎？他們的初學(xué)者指導(dǎo)過程能幫助您快速完成交互嗎？在許多情況下，一個(gè)簡單的新手引導(dǎo)過程可以給用戶一個(gè)好的第一印象。

因此對(duì)于網(wǎng)站和應(yīng)用程序設(shè)計(jì)來說，新手指導(dǎo)過程設(shè)計(jì)也很重要，設(shè)計(jì)師需要從訪客的角度進(jìn)行互動(dòng)體驗(yàn)設(shè)計(jì)。這種設(shè)計(jì)通常包括幫助訪問者在網(wǎng)上商店找到商品，學(xué)習(xí)如何購物，玩游戲或者注冊(cè)電子郵件等等。

初學(xué)者指導(dǎo)過程就是設(shè)計(jì)如何將新用戶融入到產(chǎn)品中，而高質(zhì)量的指導(dǎo)設(shè)計(jì)能讓訪問者與你的網(wǎng)站/應(yīng)用程序/數(shù)字產(chǎn)品深度互動(dòng)。下面小編就來介紹一下如何設(shè)計(jì)這樣一個(gè)高質(zhì)量的引導(dǎo)流程，以及幫助大家理解一些例子。

第一，視覺流程設(shè)計(jì)

良好的新手指導(dǎo)過程可以讓訪問者一目了然地了解如何開始、進(jìn)行和結(jié)束產(chǎn)品注冊(cè)和體驗(yàn)過程。

在需要幫助或者獲取信息的時(shí)候，用戶至少應(yīng)該知道該從哪里開始。本文中的設(shè)計(jì)通?？梢允褂靡粋€(gè)帶有介紹文本的大圖來呈現(xiàn)。

接下來需要設(shè)計(jì)一些簡單的交互，如填寫表格、點(diǎn)擊下一篇學(xué)習(xí)指導(dǎo)或新手教程視頻，等等。最終，彈出通知，用戶將完成所有操作，新用戶將成功結(jié)束注冊(cè)/登錄過程。(這一成就有助于用戶在網(wǎng)上保持聯(lián)系。)

最終通知還應(yīng)包括向用戶提供一個(gè)正式體驗(yàn)產(chǎn)品的交互，如“現(xiàn)在你可以開始游戲了”或“點(diǎn)擊這里開始”。

告訴用戶你想要他們做的事情。

第二、向用戶展示你希望他們做什么

注意：新手導(dǎo)購流程必須簡單易懂！假如您的站點(diǎn)或應(yīng)用程序使用了用戶不常用的模式/過程，用戶的第一印象通常不會(huì)很好。

通過文字提示或簡短的視頻，直接告訴新用戶他們應(yīng)該怎么做，告訴他們?nèi)绾巫?。明確的表示交互目標(biāo)和期望的結(jié)果，以及用戶是如何實(shí)現(xiàn)這些目標(biāo)的。

上述Milanote在網(wǎng)站主頁上的表現(xiàn)非常出色，在主界面上有一個(gè)電腦屏幕顯示使用中的應(yīng)用程序。不管訪問者停留時(shí)間是否很短，這個(gè)短片都會(huì)告訴訪問者如何與這個(gè)網(wǎng)站和相關(guān)的應(yīng)用程序互動(dòng)。

不要說出很明顯的話。

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

在您開始考慮指令和注冊(cè)過程時(shí)，很容易忘記這一點(diǎn)，請(qǐng)務(wù)必保持理智。

所提供的描述盡量簡明，并僅在必要時(shí)才出現(xiàn)。指示和信息只用于不熟悉的操作或?qū)Ш健?/p>

不需要解釋這些明顯的交互，它只會(huì)以一種冗余的方式拖延注冊(cè)過程，這會(huì)讓用戶很沮喪。越簡單越好的操作說明，只有必要的時(shí)候才會(huì)出現(xiàn)。

TaylorElizabethTaylor網(wǎng)站(見上圖)在其頂部有一幅輪播圖，提供了使用指南。這樣可以使用戶更容易地根據(jù)自己的節(jié)奏處理內(nèi)容。

第四、提供一個(gè)能引起人們注意的文案

乏味的文案經(jīng)常不能吸引來訪者的眼球。每一個(gè)小對(duì)話框，甚至那些只有幾個(gè)字的對(duì)話框，都必須要生動(dòng)有趣。同時(shí)，要注意網(wǎng)站的其它部分或應(yīng)用程序設(shè)計(jì)的語言。

小貼士：友好地使用主動(dòng)動(dòng)詞和直接表示。在這方面，Slack做得非常出色，其機(jī)器人服務(wù)讓人感覺非常逼真(盡管你知道它并非真人)。

第五、明確用戶是否一定要注冊(cè)

您的站點(diǎn)或應(yīng)用程序是否需要新用戶注冊(cè)？沒有注冊(cè)的話還能繼續(xù)使用嗎？要清楚的告訴用戶，不要讓他們猜不透。

第一，要很清楚地了解用戶注冊(cè)的期望是什么，注冊(cè)會(huì)給用戶帶來什么好處。然后給他們提供免費(fèi)的“試用”，讓他們對(duì)你的應(yīng)用程序或網(wǎng)站感興趣。

隨后，新用戶需要注冊(cè)以解鎖更多功能或內(nèi)容。用只需要完成基本信息的表格，盡量使注冊(cè)或過程保持簡單。

第六、提供了初學(xué)者的指導(dǎo)教程

一開始是登錄您的網(wǎng)站或應(yīng)用程序，然后成功注冊(cè)的過程。如有需要，可自己先畫一個(gè)流程圖。

編寫新手教程還可以幫助您確定過程設(shè)計(jì)是簡單還是復(fù)雜。

這樣不但能幫助您確定過程設(shè)計(jì)是否簡單，還能為可能的教程提供指導(dǎo)。本指南向用戶演示了應(yīng)該做什么，以及如何與站點(diǎn)/應(yīng)用程序進(jìn)行交互。

瑞恩·奧西拉深入研究了如何讓一個(gè)常見網(wǎng)站設(shè)計(jì)出完美的新手引導(dǎo)過程。在創(chuàng)建賬戶的步驟中，可以直接使用諸如LinkedIn,GitHub,UpWork和Twitter等流行工具來完成。(您很難找到一個(gè)比這個(gè)更好的方法來展示注冊(cè)過程。)

盡管Osilla列出的所有例子都很簡單，但您也可以使用這些信息創(chuàng)建一個(gè)教程，其中需要指定特定的操作。建立了流程圖之后，再創(chuàng)建教程就簡單多了。

第七、每次只顯示一個(gè)功能

當(dāng)注冊(cè)登錄過程提供或跳過容易理解的步驟指示時(shí)，通常會(huì)給用戶留下好印象。要記住，創(chuàng)建用戶能夠興奮并理解數(shù)字產(chǎn)品的交互設(shè)計(jì)，以便他們能夠有效地完成注冊(cè)登錄過程。

給大家介紹一下教程播放時(shí)長的問題。一個(gè)進(jìn)度欄，用于顯示多個(gè)屏幕的教程或信息，它可以包含跳過或返回的按鈕。

與此同時(shí)，別忘了關(guān)注用戶利益。您如何使您的站點(diǎn)或應(yīng)用程序更有趣？為何訪問者需要完成登錄注冊(cè)過程并繼續(xù)體驗(yàn)？向所有訪問你網(wǎng)站設(shè)計(jì)的人展示這些好處。

最后：

登陸體驗(yàn)旨在向用戶提供信息，幫助他們更好地理解和使用您的站點(diǎn)或應(yīng)用程序。切記要堅(jiān)持提供有效的信息，向用戶展示他們應(yīng)該做什么，并盡可能提供導(dǎo)航。

讓過程簡單流暢，使用高質(zhì)量的圖片和有趣的文案，并獎(jiǎng)勵(lì)用戶登錄。

在注冊(cè)登錄過程中，確保包含您允許訪問者與您的網(wǎng)站進(jìn)行交互的所有操作。這可能是一場(chǎng)游戲，也可能是一場(chǎng)活動(dòng)；但也可能是深入挖掘內(nèi)容，設(shè)計(jì)出自己喜歡的東西，讓引導(dǎo)過程帶來最佳體驗(yàn)。

原作者：卡里·庫辛斯。

原址：https://designshack.net/articles/ux-design/how-to-design-a-perfect-website-onboarding-process/