最近對我們的APP的賬戶體系進行了改版,研究了各類產品的設計。賬戶體系雖然幾乎是通用標配功能,但是各APP的都有差別,都是針對當前的產品形態(tài)、發(fā)展階段和用戶量級做出了符合自己的設計。賬戶體系的關鍵點在登錄注冊流程上。登錄注冊流程看似簡單,實際考量設計功力。網上關于登錄注冊的綜述有很多了,但是從零到一整合分析的很少,以下,將以實際的產品為例,精細分析如何設計賬戶體系。
我們的產品第一版賬戶體系由于歷史原因,做的比較生硬。
初期主攻社交,希望可以沉淀用戶信息,手機賬號會是第一優(yōu)先選擇,當時的方案是手機號注冊+賬號密碼登錄/第三登錄+立刻綁定手機賬號。
如你日常體驗那樣,第三方登錄+立刻綁定手機的方式,直接抵消了第三方登錄的便利,比直接手機號注冊更麻煩。而且,設計上,手機號注冊需要設置兩次密碼,密碼需要一致;設置之后,還得進入登錄界面,再次填寫賬號密碼,正確匹配才可以進入APP。
總的來說,用戶進入APP的路徑相當長,步驟多,用戶體驗低分。
近況是,產品方向探索,將重點落在商城上。完成交易的流程本身就多步驟,再疊加原來的登錄注冊,路徑過深,對拉新損耗大,急需改進。
從業(yè)務發(fā)展趨勢來看,微信會是重要的用戶來源,后續(xù)會布局更多的微信運營活動,和商城小程序,設計引流到APP,需重點突出微信登錄。
而商城交易需要保證安全性,同時兼容老用戶,手機注冊密碼登錄必不可少?紤]到用戶文化水平,和互聯網產品使用習慣,需要在常規(guī)的基礎上做簡化。
第三方登錄需要在關鍵點綁定,商城推廣員提現時變更銀行卡,需加以驗證身份。
新用戶剛進來,可以先瀏覽熟悉產品內容,在需要身份信息時,再進行引導登錄。
登錄注冊流程:微信/QQ第三方登錄、驗證碼登錄/注冊、密碼登錄、找回密碼。
賬戶體系配套:關鍵點引導綁定手機、關鍵點強制綁定手機、驗證碼驗證賬號、賬號相互綁定。
細節(jié)功能點見下方的賬戶體系功能點梳理圖。
未登錄用戶,到達需要獲取用戶身份信息的界面(為了平衡效率和體驗,一般是除一級界面以外的),則觸發(fā)注冊登錄流程。用戶完成注冊登錄之后,才可使用和操作絕大部分的功能。
本流程圖需要配合頁面交互原型理解。
登錄注冊體系將包含五個部分,主界面、驗證碼登錄/注冊、密碼登錄、忘記密碼和新用戶注冊,在實際流程操作中會根據用戶的選擇,和系統(tǒng)的判斷進行切換。賬戶體系的配套將會略過,以下是登錄注冊的頁面交互設計、設計考量和功能點介紹。
布局:主界面集合三種登錄方式,將微信登錄作為主方式。
前提:成功登錄的前提條件是必須先勾選同意用戶協議,否則報錯。
授權:第三方的登錄,點擊微信orQQ,授權成功后,即可登錄進入APP,自動獲取用戶的昵稱性別頭像信息填充社交頁。
(1)設計解析
手機賬號登錄,考慮簡單又快速進行,突出驗證碼快速登錄/注冊,輔以密碼注冊。
密碼注冊的弊端是很容易忘記密碼,忘記之后,找回密碼流程也繁瑣。
驗證碼登錄,雖然對頻繁換手機的用戶是個噩耗,短信也有達到率的問題,但考慮到效率跟成本,特別在拉新環(huán)節(jié),還是作為主方式。
其實基于驗證碼到達率和安全性,我考慮過換移動認證,就是手機號碼一鍵登錄,無需密碼跟驗證碼?上嶋H接洽的時候行不通,而放棄了,文本會介紹下這個事情。
(2)設計點
驗證碼登錄:登錄注冊界面為驗證碼登錄,附以密碼登錄。
按鈕:登錄注冊的按鈕合二為一。也就是說,用戶不需要選擇是登錄還是注冊,將判斷交給了后臺。只要用戶的手機號碼還在,直接憑驗證碼進入即可。比起選擇密碼登錄之后忘記密碼,或者是干脆就不記得自己是否注冊過,在錯誤的界面輸入信息之后來回切換,二合一的方式更加友好,也是本次設計的一個亮點。
手機號碼:采用更加清晰的的3-3- 4 數值格式,輸入框末尾配清除按鈕,錯誤輸入后可一鍵清除。手機號碼輸入框也有記憶功能,可獲取前一次登錄的手機賬號,可以獲取同一次登錄注冊已填過的賬號信息。
驗證碼:手機號碼位數輸入正確類型和位數之后,才激活驗證碼功能。否則點擊會報錯。之后,驗證碼的激活以變色表現,這是個視覺指示。輸入完成第一行,人眼會自然而言的落在第二行的開頭,如無例外,用戶需要尋找一番,才會覺知過來,去點擊獲取驗證碼。
加載指示:數據傳輸到服務端,判斷對錯,再返回結果。這個流程費些時間,用加載小菊花,表示后臺正在處理,舒緩下等待的焦急。