10個要點,設計有效的注冊流程

2 評論 19532 瀏覽 151 收藏 16 分鐘

注冊并不意味著直接轉換為客戶。讓這些用戶成為你真正的客戶還需要你做很多事情。但是設計一個有效的注冊流程是得到真正客戶的第一步。

盡管注冊是設計中很常見的一件事情,但也是設計中復雜的一部分。通過遵循下面的建議從而幫助你設計一個好的注冊流程,確保用戶能輕松注冊。

1.?不要同時使用登錄和注冊

你能多快的辨別下圖的“注冊”和“登錄”之間的區別?

8-1

不好的設計:“登錄”和“注冊”同時被使用

問題是“登錄”和“注冊”距離非常近。如果按鈕太相似或者都使用相同的動詞文本標簽(英語里面Sign in/Sign up 存在這個問題,漢語里面登錄和注冊就不存在使用相同的動詞標簽),會讓用戶為此而感到困惑。當用戶嘗試登錄的時候可能會點擊錯誤,經常發生這種問題會讓用戶感到沮喪。發生這種情況原因是用戶在快速瀏覽界面時進行的操作,假如用戶第一反應就點擊了正確的按鈕,那還好。即使用戶沒有點擊錯誤,他們也會花很多時間去區分這兩個按鈕的區別。

不該讓用戶停下來去思考哪一個按鈕該去點擊。假如你想提供一個良好的登錄體驗,請避免同時使用“登錄”和“注冊”。相反,通過使用不同的動詞標簽從而讓他們不同:

8-22

好的設計:“登錄”和“注冊”對于用戶來說非常清晰

同時讓按鈕有不同的視覺表現(顏色和樣式),目的是為了讓他們的不同之處更加顯著:

8-33

圖片來源于:?ThinkWithGoogle

2.減少表格中的填寫框

在注冊時,向新用戶詢問最少的問題。注冊表格中的填寫框越少,注冊流程就越簡短,用戶就不會在注冊的中途離開,從而導致用戶流失。思考填寫框里哪些信息是你需要收集的:

  1. 消除重復填寫密碼和郵箱信息能讓你的注冊流程變得更好。這里還有其他解決方案(看第4點)
  2. 從用戶體驗角度來看,最好不要有可選項。假如不是必要的信息,就不必浪費用戶的時間來填寫。如果這里仍然有一些選項需要用戶在你的注冊表單里面填寫,確保清楚的告訴用戶這些信息是可選的:

8-2

“你多大了”被標注為可選項

3.區分登錄和注冊

許多網站和APP幾乎使用相同填寫框(郵箱、用戶名、密碼)去登錄或者注冊,并且這兩個都還是并排著展示給用戶:

8-3

不好的設計:兩個表格并列排放

然而,對于區分注冊和登錄是非常重要的,減少用戶試圖通過注冊表格而登錄的幾率。例如,Twitter的登錄和注冊不僅看起來不同,而且他們對于登錄和注冊的按鈕有不同的顏色,同時還有文字信息幫助用戶來理解(第一次來到Twitter?注冊)

8-4

好的設計:Twitter的登錄和注冊表格

4.讓用戶密碼可視化

在登錄和注冊的時候有個常見問題就是輸入了錯誤密碼。這是很多人經常犯的錯誤,因為當你在輸入密碼的時候你是看不見你的密碼的(當然這是因為保密性的原因)。用戶不是完美的打字員,尤其在移動端設備上,他們經常在輸入密碼的時候輸入錯誤信息。

通過使用二次確認密碼方式來防止用戶在注冊表格上輸入錯誤密碼:

8-5

錯誤設計:二次確認密碼

確認密碼設計看起來是明智的,但是并沒有解決實際問題。由于用戶在填寫表格的時候看不到輸入的密碼信息導致犯更多的錯誤。同時用戶會對自己失去信心,因為同一個錯誤他們又犯了兩次。

別讓用戶在框里填寫兩次同樣的信息。使用“顯示密碼”復選框方式去預防用戶輸入錯誤密碼。你可以把復選框放在接近密碼框附近。當用戶點擊它的時候,密碼就會顯示給用戶,而不會被隱藏。

8-6

好的設計:“顯示密碼”作為一個復選框

同樣你也可以使用一個圖標。當用戶點擊這個圖標的時候,會有一個斜杠在眼睛上,就是告訴用戶他們輸入的密碼被隱藏了。(下圖片好像展示反了,眼睛應該代表可以看見密碼,斜線遮擋眼睛代表看不見密碼)

8-7

好的設計:“顯示密碼”作為一個icon

5.提供引導

向你的用戶清楚的解釋表格框哪里錯誤了。假如表格框不完全的正確,不要告訴用戶他們犯錯了。而是應該向他們展示哪個表格框是錯誤的,并解釋正確的填寫方式。

展示密碼錯誤良好的用戶體驗方式

“為了安全性,你的密碼必須要長于6個且短于10個字符,至少包含一個大寫字母,一個數字和一個字符”這是一個典型的密碼需求,但如何向用戶解釋這些密碼需求了。參照Mailchimp,顯示用戶符合“密碼長度”的視覺效果進度。

8-8

當前的密碼需求是“一個特殊的字符”,“一個數字”同時至少有8個字符。

實時數據驗證

實時驗證可以立刻通知用戶數據的正確性。這種方法允許用戶糾正錯誤,而無需等待他們點擊提交按鈕才能看到錯誤。盡管如此,表格驗證不應該只是告訴用戶他們犯了什么錯,應該告訴用戶他們應該如何做才是正確的。用戶在注冊表格的時候更加有信心。

8-9

圖片來源于:form-ux-tips

實時驗證工作尤其適合不太明顯的答案,例如選擇一個獨特的用戶名或一個強大的密碼。Twitter是個明顯的例子。在下圖,你可以看到圖表告訴我郵箱已經被用了同時提供給我一些選項(登錄或找回我的密碼)。

8-10

6.寧愿使用郵箱地址或手機號碼也不使用用戶名登錄

假如你讓用戶在注冊的過程中創建一個用戶名,很可能你會遇見以下困難:

  • 用戶名必須是未被使用的,用戶也許需要花費幾分鐘去找到適合他們的名字,因為很多用戶喜歡的名字都被其他用戶使用了。
  • ?注冊完后用戶有了一個全新的用戶名,一段時間后他們也很難記得住。

8-11

你的網站或者APP應該允許用戶使用他們的郵箱地址或手機號碼去登錄:

8-12

好的設計:手機號碼和郵箱地址可以用于用戶注冊

7.允許用戶通過Facebook、Twitter 或者Google+去登錄

為什么強迫用戶創建一個新賬戶來登錄而不是通過其他第三方的賬戶登錄,例如Facebook、Google或Twitter?通過這種第三方賬戶來登錄可以減輕用戶的登錄成本。

8-13

比較用郵箱地址登錄方式的優缺點:

  • 優點:用戶不在需要填寫注冊表格,從而填寫用戶名、賬戶密碼,然后用郵箱來驗證這些信息,因此注冊只需要花費很短的時間。最重要的是用戶不需要去記住新的用戶名和賬戶密碼。
  • 缺點:用戶的隱私信息也會自動加載提供給第三方,并不是每個人都愿意分享他們的文件數據。這種情況下你應該有傳統的登錄和第三方登錄方式讓用戶選擇。

8-14

好的設計:通過Facebook/Google+/Twitter登錄或者使用傳統的登錄方式

8.用戶注冊賬戶后,讓其保持登錄狀態

常見問題是用戶注冊賬戶后,又要求用戶立刻登錄。這個額外的步驟讓用戶感到很困惑。

8-15

壞的設計:激活賬戶后又要求用戶登錄

你應該在設計APP的時候,讓用戶注冊后就立即登錄而不是又重新登錄一次(除非一些特殊的軟件擔心安全隱患,例如銀行相關軟件)。

9.輕松找回密碼

用戶重新設置密碼的時候是輕松愉快的,這對于用戶來說是非常重要的,因為他們經常忘記密碼。

讓用戶輕松創建密碼,防止在此階段的用戶流失。首先應該在登錄表格那里有一個清晰的 “忘記密碼?”鏈接,同時這個鏈接應該一直是可視化的(而不是在輸入不正確密碼后才顯示)。

8-16

好的設計:Mailchimp登錄界面有“忘記密碼”鏈接

10.采用 “先試后買”策略

要求用戶提供一些他們自己的個人信息的時候,用戶很有可能會放棄使用這個APP或者在線服務,除非讓他們看到直接的收益。尤其是,當這個品牌認知度又低但是又要求用戶在使用之初就注冊它,這會導致85%的用戶會放棄使用這個產品。

8-17

需要用戶在使用前提前注冊對于用戶來說是很難的。因為用戶在注冊之前想知道這個產品是如何提供服務的或者說這個產品是如何工作的。圖片來源于:ThinkWithGoogle

最好是提供一組試用功能給用戶使用總比什么都沒有好。因此,采用 “先試后買”策略。這種策略給新用戶體驗產品的機會,他們若是對此產品感興趣自然會去注冊。試用后用戶知道從產品這里能到他們想要的東西,他們自然樂于去注冊同時提供真實的個人信息。

8-18

“先試后買”這種策略并不意味著你不能要求用戶創建一個賬戶。而是在你要求用戶創建賬戶之前,讓用戶明白你的產品能帶給他們的價值。例如,YouTUbe允許新用戶瀏覽他們想要盡可能多的內容,當他們想試圖回答或者創建自己的視頻內容的時候,它就會提示用戶去注冊。

8-19

總結

當你按照以上建議來設計注冊流的時候,你將會得到大量的注冊用戶。但是這些注冊量并不意味著直接轉換為客戶。讓這些用戶成為你真正的客戶還需要你做很多事情。但是設計一個有效的注冊流程是得到真正客戶的第一步。

 

原創作者:Nick Babich

譯者:設計師Minz (微信公眾號:Designer_Minz)?一枚成長中的設計師,點滴積累,人人都能成為設計師。

本文由 @設計師Minz 翻譯發布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 提供國際服務的app,用手機號注冊的時候,前面有個區號的選擇,他們是怎么分辨出我是哪個國家的用戶,而且可以根據我在中國就默認+86 我在外國就用其他區號的?

    回復
    1. 是這樣的,首先APP需要接入第三方短信服務商支持國際短信,然后用戶可以通過手機區號選擇自己的國家/地區,然后輸入自己的手機號進行注冊(國際上每個國家/地區都有對應的區號,可在網上找到相關資料),然后你說的分辨出是哪個國家的用戶這個沒太理解,我想到的是如果APP已獲得地理位置權限,其實也是可以為用戶默認切換到對應的國家地區的,不知道我這樣解釋是否可以幫到你~

      來自本機地址 回復