
B端產(chǎn)品登錄功能的重要性
常見(jiàn)的B端產(chǎn)品登錄功能



B端產(chǎn)品登錄功能的設(shè)計(jì)思路
確定登錄功能主流程
確定登錄功能的輔助功能
B端產(chǎn)品登錄功能注意事項(xiàng)
明確的提示反饋

友好的交互體驗(yàn)
4.3 安全的輔助手段
特殊的功能需求
B端產(chǎn)品登錄功能需求文檔范文
功能概述


功能說(shuō)明
-
用戶打開(kāi)登錄網(wǎng)址進(jìn)入登錄頁(yè)面; -
輸入登錄賬號(hào)、密碼、驗(yàn)證碼進(jìn)行登錄;

-
賬號(hào)輸入框:輸入賬號(hào)后顯示清空操作按鈕,點(diǎn)擊清空按鈕清空已輸入的賬號(hào); -
密碼輸入框:輸入密碼后顯示密碼明文查看按鈕及清空按鈕,鼠標(biāo)按下明文查看按鈕密碼明文展示,鼠標(biāo)松開(kāi)后密文展示,點(diǎn)擊清空按鈕清空已輸入密碼; -
驗(yàn)證碼:驗(yàn)證碼為4位隨機(jī)的大寫英文字母,單擊驗(yàn)證碼展示區(qū)域刷新驗(yàn)證碼,驗(yàn)證碼有效期為60秒; -
所有輸入框獲取焦點(diǎn)時(shí)提示文字消失且邊框變?yōu)榫G色,失去焦點(diǎn)時(shí)恢復(fù)原狀; -
【登錄】按鈕:點(diǎn)擊【登錄】按鈕時(shí)依次校驗(yàn)登錄賬號(hào)、密碼、驗(yàn)證碼,若某一項(xiàng)校驗(yàn)出問(wèn)題則在對(duì)應(yīng)輸入框下方紅字提醒用戶錯(cuò)誤原因,全部校驗(yàn)通過(guò)則成功登錄并進(jìn)入系統(tǒng)首頁(yè); -
【找回密碼】按鈕:點(diǎn)擊【找回密碼】按鈕跳轉(zhuǎn)至找回密碼頁(yè)面; -
賬號(hào)首次成功登錄時(shí)彈窗提示賬號(hào)首次登錄時(shí)需修改初始密碼,點(diǎn)擊【確定】按鈕跳轉(zhuǎn)至修改初始密碼頁(yè)面,初始密碼修改后需要重新輸入賬號(hào)、密碼、驗(yàn)證碼進(jìn)行登錄;
-
用戶初次成功登錄賬號(hào)后彈窗提示用戶修改初始密碼; -
點(diǎn)擊彈窗的【確定】按鈕后頁(yè)面跳轉(zhuǎn)至重置初始密碼頁(yè)面;

-
新密碼輸入框:輸入密碼后顯示密碼明文查看按鈕及清空按鈕,鼠標(biāo)按下明文查看按鈕密碼明文展示,鼠標(biāo)松開(kāi)后密文展示,點(diǎn)擊清空按鈕清空已輸入密碼; -
確認(rèn)密碼:輸入密碼后顯示密碼明文查看按鈕及清空按鈕,鼠標(biāo)按下明文查看按鈕密碼明文展示,鼠標(biāo)松開(kāi)后密文展示,點(diǎn)擊清空按鈕清空已輸入密碼; -
驗(yàn)證碼:點(diǎn)擊【獲取驗(yàn)證碼】按鈕向登錄賬號(hào)綁定手機(jī)號(hào)發(fā)送6位隨機(jī)數(shù)字驗(yàn)證碼,驗(yàn)證碼已發(fā)送后【獲取驗(yàn)證碼】按鈕展示60秒倒計(jì)時(shí),倒計(jì)時(shí)結(jié)束后恢復(fù)原狀,驗(yàn)證碼有效期為60秒; -
所有輸入框獲取焦點(diǎn)時(shí)提示文字消失且輸入框邊框變?yōu)榫G色,失去焦點(diǎn)時(shí)恢復(fù)原狀; -
【取消】按鈕:點(diǎn)擊【取消】按鈕取消修改初始密碼,返回至登錄頁(yè)面; -
【提交】按鈕:點(diǎn)擊【提交】按鈕依次校驗(yàn)密碼、驗(yàn)證碼,若某一項(xiàng)校驗(yàn)出問(wèn)題則在對(duì)應(yīng)輸入框下方紅字提醒用戶錯(cuò)誤原因,全部校驗(yàn)通過(guò)則提示重置密碼成功,然后返回至登錄頁(yè)面;
-
用戶打開(kāi)登錄網(wǎng)址進(jìn)入登錄頁(yè)面; -
忘記登錄密碼后在登錄頁(yè)面頁(yè)面點(diǎn)擊【找回密碼】按鈕進(jìn)入找回密碼頁(yè)面;

-
新密碼輸入框:輸入密碼后顯示密碼明文查看按鈕及清空按鈕,鼠標(biāo)按下明文查看按鈕密碼明文展示,鼠標(biāo)松開(kāi)后密文展示,點(diǎn)擊清空按鈕清空已輸入密碼; -
確認(rèn)密碼:輸入密碼后顯示密碼明文查看按鈕及清空按鈕,鼠標(biāo)按下明文查看按鈕密碼明文展示,鼠標(biāo)松開(kāi)后密文展示,點(diǎn)擊清空按鈕清空已輸入密碼; -
驗(yàn)證碼:點(diǎn)擊【獲取驗(yàn)證碼】按鈕向登錄賬號(hào)綁定手機(jī)號(hào)發(fā)送6位隨機(jī)數(shù)字驗(yàn)證碼,驗(yàn)證碼已發(fā)送后【獲取驗(yàn)證碼】按鈕展示60秒倒計(jì)時(shí),倒計(jì)時(shí)結(jié)束后恢復(fù)原狀,驗(yàn)證碼有效期為60秒; -
所有輸入框獲取焦點(diǎn)時(shí)提示文字消失且輸入框邊框變?yōu)榫G色,失去焦點(diǎn)時(shí)恢復(fù)原狀; -
【取消】按鈕:點(diǎn)擊【取消】按鈕取消修改初始密碼,返回至登錄頁(yè)面; -
【提交】按鈕:點(diǎn)擊【提交】按鈕依次校驗(yàn)密碼、驗(yàn)證碼,若某一項(xiàng)校驗(yàn)出問(wèn)題則在對(duì)應(yīng)輸入框下方紅字提醒用戶錯(cuò)誤原因,全部校驗(yàn)通過(guò)則提示重置密碼成功,然后返回至登錄頁(yè)面;
-
用戶成功登錄賬號(hào); -
在我的頁(yè)面選擇修改密碼進(jìn)入修改密碼頁(yè)面;

-
原密碼輸入框:輸入密碼后顯示密碼明文查看按鈕及清空按鈕,鼠標(biāo)按下明文查看按鈕密碼明文展示,鼠標(biāo)松開(kāi)后密文展示,點(diǎn)擊清空按鈕清空已輸入密碼; -
新密碼輸入框:輸入密碼后顯示密碼明文查看按鈕及清空按鈕,鼠標(biāo)按下明文查看按鈕密碼明文展示,鼠標(biāo)松開(kāi)后密文展示,點(diǎn)擊清空按鈕清空已輸入密碼; -
確認(rèn)密碼:輸入密碼后顯示密碼明文查看按鈕及清空按鈕,鼠標(biāo)按下明文查看按鈕密碼明文展示,鼠標(biāo)松開(kāi)后密文展示,點(diǎn)擊清空按鈕清空已輸入密碼; -
驗(yàn)證碼:點(diǎn)擊【獲取驗(yàn)證碼】按鈕向登錄賬號(hào)綁定手機(jī)號(hào)發(fā)送6位隨機(jī)數(shù)字驗(yàn)證碼,驗(yàn)證碼已發(fā)送后【獲取驗(yàn)證碼】按鈕展示60秒倒計(jì)時(shí),倒計(jì)時(shí)結(jié)束后恢復(fù)原狀,驗(yàn)證碼有效期為60秒; -
所有輸入框獲取焦點(diǎn)時(shí)提示文字消失且輸入框邊框變?yōu)榫G色,失去焦點(diǎn)時(shí)恢復(fù)原狀; -
【取消】按鈕:點(diǎn)擊【取消】按鈕取消修改密碼,返回至我的頁(yè)面; -
【提交】按鈕:點(diǎn)擊【提交】按鈕依次校驗(yàn)密碼、驗(yàn)證碼,若某一項(xiàng)校驗(yàn)出問(wèn)題則在對(duì)應(yīng)輸入框下方紅字提醒用戶錯(cuò)誤原因,全部校驗(yàn)通過(guò)則提示重置密碼成功

