深入挖掘:注冊登錄可能沒你想的那么簡單

9 評論 18510 瀏覽 147 收藏 9 分鐘

很多人認(rèn)為注冊登錄是一件很簡單的事情,只需要你輸入信息,然后確認(rèn)就可以了。卻不知道其實這個操作,并有你想的那么簡單。本文主要講解為新產(chǎn)品的注冊登錄,并且側(cè)重于PC端的產(chǎn)品設(shè)計。

之前看了很多人在聊產(chǎn)品的用戶注冊登錄模塊,要么講解的太粗糙,要么不全面,最近閑來無事,系統(tǒng)性的研究下新產(chǎn)品的注冊登錄設(shè)計。

文中以下的內(nèi)容講解主要為新產(chǎn)品的注冊登錄,并且側(cè)重于PC端的產(chǎn)品設(shè)計。

一、用戶注冊

下面是用戶注冊的業(yè)務(wù)流程圖,注冊的方式分為手機(jī)號、郵箱號兩種方式注冊。

注冊的流程其實很簡單,用戶只需要填寫手機(jī)號或郵箱號、設(shè)置密碼并填寫驗證碼即可完成注冊任務(wù),在此免去那些繁瑣的信息填寫項。

很多人試圖通過在注冊流程中采集用戶信息,殊不知大部分的用戶是沒有耐心一個個完善信息的,只會徒增注冊門檻,讓用戶望而卻步。

注冊信息填完完畢后,點擊注冊按鈕完成注冊。如果以上3個信息中有一項沒有填寫或填寫錯誤均不能完成注冊,系統(tǒng)會進(jìn)行錯誤提示,這個時候用戶辛苦了半天,卻發(fā)現(xiàn)不能注冊,心中難免有些許惱火,甚至?xí)斐蓾撛谟脩舻牧魇е苯臃艞壛俗浴?/p>

所以我們是不是該思考下,用戶輸入的每一個信息盡量提前做出判斷,如果用戶輸入錯誤第一時間告知用戶,并告訴用戶錯在哪里,并在產(chǎn)品設(shè)計細(xì)節(jié)上避免用戶犯錯。

我這里的思路是當(dāng)用戶輸入完一項信息后,輸入焦點切換至下一行時,此時系統(tǒng)對上一行的輸入信息作出判斷檢測,并反饋用戶錯誤結(jié)果。

對于注冊信息的填寫系統(tǒng)如何進(jìn)行判斷?每一項信息判斷后,系統(tǒng)給出的反饋提示內(nèi)容是什么?

下面的通過思維導(dǎo)圖進(jìn)行了詳細(xì)了說明:

手機(jī)號碼填寫錯誤的情況及相關(guān)提示語

  • 號碼為空,提示:請輸入手機(jī)號;
  • 號碼已被注冊,提示:賬號已被注冊;
  • 號碼錯誤,提示:請輸入正確的手機(jī)號碼;
  • 郵箱號填寫錯誤的情況及相關(guān)提示語;
  • 賬號為空,提示:請輸入郵箱賬號;
  • 賬號已被注冊,提示:賬號已被注冊;
  • 郵箱號錯誤,提示:請輸入正確的郵箱賬號,如example@163.com。

密碼填寫錯誤的情況及相關(guān)提示語

  • 密碼為空,提示:請設(shè)置密碼;
  • 密碼錯誤,提示:請輸入6~16位的字母或數(shù)字;
  • 短信驗證碼錯誤的情況及相關(guān)提示語;
  • 驗證碼為空,提示:請?zhí)顚戲炞C碼;
  • 驗證碼錯誤,提示:請輸入正確的驗證碼;
  • 驗證碼過期,提示:驗證碼已過期,請重新獲取。

圖片驗證碼錯誤的情況及相關(guān)提示語

  • 驗證碼為空,提示:請?zhí)顚戲炞C碼;
  • 驗證碼錯誤,提示:請輸入爭取的驗證碼;
  • 驗證碼過期,提示:驗證碼已過期,請刷新重新獲取。

補(bǔ)充說明:圖片碼和短信碼的有效期為5分鐘,短信碼的獲取間隔為1分鐘,圖片碼支持隨時刷新切換。短信碼每個賬號每天最多獲取5次,圖片碼不做限制(根據(jù)系統(tǒng)性能及相關(guān)費用預(yù)算靈活調(diào)整,使用第三方短信碼下發(fā)畢竟是收費的。)

設(shè)計思路總結(jié)

新產(chǎn)品的注冊流程應(yīng)盡可能的簡單直接,去掉任何影響用戶注冊的干擾信息,防止用戶跳出流程,在這個頁面中只有一個任務(wù),就是引導(dǎo)幫助用戶快速完成注冊。

所以界面中只需要讓用戶輸入賬號、密碼即可,密碼也無需重復(fù)確認(rèn)輸入。當(dāng)用戶每輸入結(jié)束一個信息時,如果出現(xiàn)問題,在第一時間告訴用戶錯誤結(jié)果,不提倡所有的信息判斷都通過注冊按鈕來觸發(fā),這樣會挑戰(zhàn)用戶的耐心。

二、用戶登錄

在登錄模塊的設(shè)計上,考慮到各種用戶場景環(huán)境,盡可能的提供多種登錄方式方便用戶隨時登錄。

PC端的登錄設(shè)計了賬號登錄、短信碼登錄、二維碼登錄和第三方登錄四種登錄方式;二維碼登錄需要配合手機(jī)端使用,實現(xiàn)多終端的互動。因此在手機(jī)端中是沒有二維碼登錄的,同樣登錄過程中用戶輸入的信息,系統(tǒng)都會在點擊登錄按鈕前做出判斷并反饋提示。

下圖為PC端的登錄流程圖:

下面我們在來仔細(xì)看下登錄界面中的產(chǎn)品信息,以及相應(yīng)的信息規(guī)則。

賬號登錄方式相關(guān)錯誤信息的提示語

  • 賬號為空,提示:請輸入賬號;
  • 賬號錯誤,提示:賬號不存在,請重新輸入;
  • 密碼為空,提示:請輸入密碼;
  • 密碼錯誤,提示:密碼與賬戶名不匹配,請檢查密碼。

短信碼登錄相關(guān)錯誤信息的提示語

  • 號碼為空,提示:請輸入手機(jī)號碼;
  • 號碼錯誤,提示:請輸入正確的11位手機(jī)號碼;
  • 短信碼為空,提示:請?zhí)顚戲炞C碼;
  • 短信碼錯誤,提示:請輸入正確的驗證碼;
  • 短信碼過期,提示:驗證碼已過期,請重新獲取。

二維碼登錄相關(guān)信息提示(PC端)

  • 手機(jī)端未登錄的情況下,利用手機(jī)掃碼,手機(jī)端跳轉(zhuǎn)至登錄界面,PC端提示:登錄失??;
  • 手機(jī)端已登錄,掃碼失敗的情況下,PC端提示:登錄失敗,刷新二維碼;手機(jī)端提示:掃碼失敗,重新掃描;
  • 手機(jī)端登錄已登錄,掃碼成功,PC端提示:登錄成功,手機(jī)端確認(rèn)登錄,登錄成功;
  • 第三方登錄的相關(guān)信息呈現(xiàn),首先系統(tǒng)檢測本地是否已登錄賬號;
  • 本地未登錄,輸入賬號密碼并授權(quán)進(jìn)行登錄;
  • 本地已登錄,直接授權(quán)登錄。

設(shè)計思路總結(jié)

登錄流程的設(shè)計中應(yīng)充分考慮到用戶的各類場景與環(huán)境,給用戶提供更多的登錄方式,怎么方便怎么來。同時還要綜合考慮賬號的安全因素,比如:這里當(dāng)用戶連續(xù)3次輸錯密碼時候,增加驗證碼流程。

 

本文由 @kevin 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自 Pexels ,基于 CC0 協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 麻煩分享一下原型圖吧。剛?cè)腴T的小白想學(xué)習(xí)一下,郵箱 1831450974@qq.com

    來自河北 回復(fù)
  2. NB!NB!NB!

    來自中國 回復(fù)
  3. 求教:如果想分析用戶在登錄時遇到的問題,例如,統(tǒng)計一個用戶每次登錄需要嘗試幾次成功,或是幾次失敗后放棄。這個“每次登錄”要如何定義?

    來自浙江 回復(fù)
    1. 這樣的分析沒有太大意義吧。正常的用戶是不會經(jīng)常登錄錯誤。如果一定要分析,可以統(tǒng)計錯誤提示的次數(shù)。每一次錯誤提示可算作一次登錄失敗。

      回復(fù)
  4. 注冊時密碼不用加個確認(rèn)密碼輸入?如果登錄時在點擊登錄按鈕前就做出判斷并給出提示這樣不會有被暴力破解的危險嗎?

    來自廣東 回復(fù)
    1. 感謝您的提問和探討。
      關(guān)于您的第一個問題,注冊是不需要重復(fù)輸入密碼,沒有必要讓用戶做重復(fù)的事情,如果是為了加強(qiáng)用戶建議,可以加一個切換明文顯示的小眼睛開關(guān)。
      關(guān)于第二個問題,至于登錄的暴力破解問題,應(yīng)該是很難的,連續(xù)輸錯3次密碼,就要求短信驗證用戶身份,極大的降低了暴力破解的可能性??梢钥聪挛闹械乃季S導(dǎo)圖哦。

      回復(fù)
  5. 滿滿干貨

    來自江蘇 回復(fù)
  6. 永遠(yuǎn)驗證碼登陸

    來自北京 回復(fù)
    1. 適當(dāng)必要的時候出現(xiàn)驗證碼,每次都出現(xiàn)既影響了用戶體驗,也增加了企業(yè)的短信下發(fā)成本。

      回復(fù)