登錄注冊(cè)是所有APP中最基礎(chǔ)的模塊翠桦,看似簡(jiǎn)單捅厂,卻和很多場(chǎng)景及系統(tǒng)交織在一起等太。
下文主要分析登錄注冊(cè)邏輯及登錄注冊(cè)時(shí)應(yīng)注意的安全問(wèn)題。
登錄注冊(cè)邏輯
一期項(xiàng)目做完之后申屹,在項(xiàng)目測(cè)試階段中發(fā)現(xiàn)有不少可以?xún)?yōu)化的點(diǎn)虽抄。
現(xiàn)狀分析
由于公司對(duì)產(chǎn)品的安全性考量比較嚴(yán)格走搁,提出了很多硬性不符合用戶(hù)體驗(yàn)的地方独柑。在產(chǎn)品設(shè)計(jì)中十分為難迈窟,現(xiàn)在簡(jiǎn)單介紹一下現(xiàn)在的登錄注冊(cè)方式。
登錄:主推手機(jī)號(hào)+驗(yàn)證碼登錄忌栅,tab切換手機(jī)號(hào)车酣;為原來(lái)PC端商城老用戶(hù)提供了賬號(hào)密碼登錄入口;第三方登錄+綁定手機(jī)號(hào)
注冊(cè):手機(jī)號(hào)驗(yàn)證碼+輸入密碼確認(rèn)密碼+推薦碼索绪;引入推薦碼機(jī)制湖员,提供產(chǎn)品冷啟動(dòng)運(yùn)營(yíng)助力。
由于法律法規(guī)要求瑞驱,用戶(hù)必須要先用手機(jī)號(hào)注冊(cè)才可以使用手機(jī)號(hào)驗(yàn)證碼登錄功能娘摔;注冊(cè)雙重驗(yàn)證輸入密碼填寫(xiě)信息過(guò)多,注冊(cè)后回到登錄界面唤反,輸入手機(jī)號(hào)+驗(yàn)證碼或賬號(hào)密碼才可進(jìn)入商城凳寺。這對(duì)一個(gè)瀏覽商城有下單欲望的用戶(hù)十分不友好,整個(gè)流程路徑太長(zhǎng)彤侍,拉新率流失嚴(yán)重〕τВ現(xiàn)在的邏輯:
流程圖
作為電商類(lèi)項(xiàng)目,用戶(hù)不可像某些工具類(lèi)產(chǎn)品強(qiáng)制登錄后才可瀏覽相關(guān)信息盏阶;所以绅作,新用戶(hù)到達(dá)需要獲取用戶(hù)身份信息的界面(為了平衡效率和體驗(yàn)肢执,一般是功能性button時(shí)才觸發(fā)注冊(cè)登錄流程。)用戶(hù)完成注冊(cè)登錄之后,才可使用和操作絕大部分的功能茫经。
登錄注冊(cè)邏輯十分繁瑣,可將這些自洽邏輯在原型圖繪制中表現(xiàn)出來(lái)肿仑。
toast提醒及文本框校驗(yàn)
因?yàn)樵诘卿涀?cè)過(guò)程中有很多校驗(yàn)询件,對(duì)出現(xiàn)的所有情況都需要有相應(yīng)提示,下面用excel羅列所有可能出現(xiàn)的情況楞卡。
在此處羅列部分所有toast或彈窗出現(xiàn)的情況霜运,根據(jù)交互設(shè)計(jì)選擇用彈窗提醒或用toast提醒,toast或彈窗提醒內(nèi)容蒋腮,為不打擾各位的思路淘捡,不再文章內(nèi)寫(xiě)出,有需要的童靴可私信交流池摧。
而文本框校驗(yàn)則為手機(jī)軟鍵盤(pán)的選擇焦除,IOS端可選擇軟鍵盤(pán),使得某一輸入框只能輸入數(shù)字或者字母作彤,此可用于手機(jī)號(hào)驗(yàn)證碼輸入框膘魄,提升用戶(hù)體驗(yàn)乌逐。
頁(yè)面交互設(shè)計(jì)
頁(yè)面交互設(shè)計(jì)部分,仁者見(jiàn)仁智者見(jiàn)智创葡,根據(jù)業(yè)務(wù)不同的需求浙踢,可設(shè)計(jì)不同的交互效果。
現(xiàn)在比較流行的是手機(jī)號(hào)驗(yàn)證碼分兩個(gè)頁(yè)面進(jìn)行輸入或者是移動(dòng)驗(yàn)證灿渴,直接登錄洛波。
安全性測(cè)試
登錄注冊(cè)中最關(guān)鍵的就是如何進(jìn)行安全性設(shè)置,防止用戶(hù)信息泄露
下面我根據(jù)產(chǎn)品的滲透測(cè)試檢查結(jié)果給大家說(shuō)一下登錄注冊(cè)的滲透性測(cè)試:
驗(yàn)證碼是否任意手機(jī)號(hào)均可使用骚露;是否可以更改任一手機(jī)號(hào)密碼蹬挤;用戶(hù)輸入錯(cuò)誤過(guò)多時(shí)賬戶(hù)會(huì)是否可以被臨時(shí)鎖定;安裝第三方鍵盤(pán)用戶(hù)棘幸,可能存在劫持情況焰扳,所以要對(duì)賬號(hào)密碼建議使用系統(tǒng)自帶軟鍵盤(pán)等
總結(jié)
好產(chǎn)品不是一次做出來(lái)的,是迭代出來(lái)的误续,真正的用戶(hù)體驗(yàn)是需要用戶(hù)真的體驗(yàn)后通過(guò)反饋得到的吨悍。
下一章給大家講一下商城商品簇及購(gòu)物車(chē)&立即購(gòu)買(mǎi)&收貨地址遇到的問(wèn)題~
上述源文件(可編輯文件)有需要的童靴可留言或者私信