登錄註冊,看起來簡單,實則「暗藏玄機」...

首先,登錄註冊有很多種方案,:

從登錄註冊渠道來講,有2種:

  1. 手機/郵箱為主,第三方合作賬號為輔;

  1. 某個第三方賬號為主,手機/郵箱為輔。如美團、拼多多

從用戶體驗角度來講,有2種:

遊客模式。用戶不登錄/註冊也能查看產品核心功能,只有用戶主動觸發了必須關聯賬號的操作時才會提示登錄,或者定時彈窗提示遊客登錄。適用於內容型產品,或發展前期需要降低登錄註冊門檻來拉新的階段。

強制登錄模式。不登錄/註冊就沒辦法使用。其實這樣我覺得不太好,適用於業務成熟,有一定用戶量和名氣的產品。

從設計交互角度來講,有3種:

  1. GIF或視頻做登錄註冊頁的背景。可生動形象的介紹產品核心功能,一般用於社交產品和強制登錄模式;
  2. 彈窗登錄。用於遊客模式,或網頁端、PC端;
  3. 沒有背景的簡潔完整頁面模式。

從業務流程的控制來講,有2種:

  1. 把輸入手機號、獲取驗證碼、輸入驗證碼、輸入密碼放在同一個頁面完成的。優點是一目了然,缺點是眼花繚亂。
  2. 把上面每一個操作都分一個個單獨的頁面來做的。優點是頁面簡潔,用戶每次操作都很專一。缺點是步驟太多,給人繁瑣的感覺。

-------------------------------------下面補充一些細節---------------------------------------

一、登錄

1. 登錄頁一定要有註冊入口和找回密碼的入口;

2. 輸入賬號後,游標轉換到密碼輸入框時,要驗證該賬號是否存在,是否為有效郵箱或手機號,不要等密碼都輸入完了,點了login按鈕後再驗證,那樣就有點晚了,用戶體驗不太好;

3. 登錄成功後,要有登錄成功的提示。如果不做提示的話,就直接跳轉到首頁。也可以提示的同時跳轉到首頁,這樣用戶體驗最好;

4. 嚴謹一些的話,會在註冊按鈕下提示:如果你註冊了賬號,說明你認可了我司的用戶協議。對於遊戲類的,還會加上一句你已經超過13周歲了之類的話。

二、註冊

1. 輸入賬號:

1)若手機和郵箱都支持,則鍵盤就用數字和英文都有的系統自動鍵盤即可;

2)手機號最好驗證是否都為純數字,是否超過了長度(中國11位,西班牙9位,義大利10位,丹麥8位,國際化的話就限制最長的那個就行);

3)郵箱要驗證是否為有效郵箱,是否是XX@XX.XX格式,有時間的話還可以驗證一下是否是可用郵箱(不然隨便輸入一個qwqw@qwe.sss也能通過,但是只要不是搗亂的用戶就不會這樣做的);

4)手機號和郵箱都要驗證是否已經註冊過,要在輸入賬號的同時提示該手機號/郵箱已經註冊過,請用次賬號去登錄或換一個號來註冊。

2. 驗證碼:

1)驗證碼發送有時間間隔(一般60s,發送驗證碼後有倒計時提示,倒計時未結束時不能重新發送);

2)簡訊驗證碼最好不要太長,以保障在手機通知欄第一行就能看到,這樣就不用專門去點開簡訊查看了。最好的就是自動把收到的驗證碼填寫進去,現在好多應用已經這樣了。當然還有語音驗證碼,還要接收電話,感覺這樣費事費力,不知道為什麼有的產品會用這種方法,可能是因為便宜?

3)要有驗證碼未收到的提示(提示重新發送,這段話一般卸載屏幕下面);

4)驗證碼輸入錯誤的提示;

5)郵箱驗證碼發送成功後,要提醒用戶去郵箱查看驗證碼。

3. 密碼

1)一般是限制6-20個字元,嚴格點就是要求設置數字和字母結合的密碼;

2)要有確認密碼的輸入框;

3)若輸入的密碼符合以上要求,則要及時反饋,比如後面打個對勾。沒時間的話也可以不做;

4. 異常狀態

1)登錄、註冊或找回密碼時,填寫在輸入框的信息可以暫時保存在本地,這樣為的是當無網路、網路異常或信息填寫錯誤時,回退到之前的頁面後之前填寫的賬號信息還在。

2)若同一個設備(可以獲取設備ID的話)短時間內多次註冊,則要防止惡意攻擊的可能,加人機驗證。但是這種操作,一般是大體量大業務的網站或者安全係數要求高的,或者是有時間做的,可以做,一般情況下不用放到第一個版本做。

3)郵箱最好做一些處理,防止驗證碼郵箱被系統當做垃圾郵件給放到垃圾桶去了。但這個也不是那麼容易的,需要資源和精力。郵件發送系統可以自己開發,也可以用已有的產品,只是需要花錢,但是性能和服務更完善。

三、找回密碼

1. 郵箱驗證是否為xx@xx.xxx格式

否則提示「Invalid email address」

2. 驗證碼發送失敗的提示:

"Failed to send"

3. 驗證碼輸入框為空的提示:

「Verification code required」

4. 為防止惡意攻擊,10分鐘之內之內嘗試10次,發送驗證碼、重複發送和找回密碼的操作都計算在內。

5. 密碼重新設置後,跳轉到登錄頁。也可以直接以新密碼登錄。

6. 其他驗證規則同「二、註冊」


推薦閱讀:

TAG:產品 | 登錄註冊 | 密碼找回 |