? ? 從畢業(yè)開始入坑產(chǎn)品贤姆，算下來有一年的光景了榆苞。從一只戰(zhàn)戰(zhàn)兢兢的小白，到一只渾身是血的小紅霞捡，中插了很多故事坐漏，從中總結(jié)了一些經(jīng)驗(yàn)，想要和大家分享∠善瑁總的來說，受到暴擊最多的基本是關(guān)于產(chǎn)品的細(xì)節(jié)定義問題音婶，細(xì)節(jié)體現(xiàn)邏輯慨畸。一個小小的產(chǎn)品邏輯，會被開發(fā)同學(xué)懟得啞口無言衣式，會在測試的bug復(fù)盤中歸類于產(chǎn)品需求不清寸士，更要命的是，會嚴(yán)重增加和開發(fā)碴卧、測試的溝通成本弱卡。所以產(chǎn)品汪一定要完善自己的文檔，從細(xì)節(jié)入手理清邏輯住册。
? ? 拿登錄來說婶博，在用戶角度登錄無非是我輸入用戶名密碼進(jìn)入系統(tǒng)，功能邏輯比較簡單荧飞，但作為產(chǎn)品來說凡人，需要弄清楚那些人可以使用系統(tǒng)（角色、賬號體系）叹阔、使用什么登陸模式挠轴、登陸的邏輯、輸入框的校驗(yàn)耳幢、非法提示岸晦、校驗(yàn)交互等等，只有文檔清楚了睛藻，開發(fā)和測試才能減少不必要的討論启上。
? ? 本文就和大家分享一下web端登陸的細(xì)節(jié)設(shè)計(jì)，供大家參考修档。主要從賬戶密碼登陸碧绞、手機(jī)驗(yàn)證碼兩種模式舉例說明我是怎樣來撰寫文檔的。
? ? 1 賬戶密碼驗(yàn)證碼登錄：利用賬號密碼吱窝、驗(yàn)證碼機(jī)制登錄讥邻，賬號由后臺創(chuàng)建
? ? 當(dāng)然，這只是使用賬號密碼登錄系統(tǒng)的情況院峡，如果還存在系統(tǒng)賬號過期兴使，或者賬號停用、權(quán)限設(shè)置等需求照激，可以在確定時发魄，豐富校驗(yàn)，比如“您的賬號已過期”、“您的賬號已停用”励幼、“您沒有訪問權(quán)限”等提示語汰寓。
? ? 2 手機(jī)號動態(tài)驗(yàn)證碼登錄：利用手機(jī)號，及手機(jī)號獲取驗(yàn)證碼登錄苹粟，目前比較普遍的登陸模式
? ? 這種登錄模式下有滑，如果系統(tǒng)不是每個人都能登錄的，那么就存在登錄權(quán)限區(qū)分問題嵌削。這個時候需要考慮毛好，如果用戶不具備登錄權(quán)限，就算填寫了手機(jī)號和正確驗(yàn)證碼苛秕，在登錄時需進(jìn)行用戶校驗(yàn)肌访，非法時提示“您沒有訪問權(quán)限”。主要涉及角色權(quán)限的設(shè)計(jì)艇劫，這塊在后續(xù)的角色權(quán)限文章中給大家分享吼驶。當(dāng)然驗(yàn)證碼規(guī)則可以根據(jù)安全等要求進(jìn)行設(shè)計(jì)，這里只是舉一個例子港准。
? ? 如果系統(tǒng)多種登錄模式都支持的情況下旨剥，可以用tab的區(qū)分的方式，讓用戶自主選擇登錄方式浅缸。比如系統(tǒng)同時支持賬戶密碼轨帜、手機(jī)驗(yàn)證碼兩種登錄模式，登錄頁面可設(shè)計(jì)一個tab衩椒。
? ? 通過點(diǎn)擊tab切換來支持登錄模式的切換蚌父，頁面需定義一個默認(rèn)登錄模式。上文提供了校驗(yàn)的文案毛萌，還需定義校驗(yàn)的具體交互模式苟弛，在后續(xù)的“web表單”文章中給大家分享。
