国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

編輯導(dǎo)讀：幾乎每一個(gè)APP都需要用戶登錄注冊(cè)，這是一個(gè)產(chǎn)品的基礎(chǔ)功能。這樣一個(gè)簡(jiǎn)單的基礎(chǔ)功能，也會(huì)隨著用戶使用場(chǎng)景和產(chǎn)品的特性變化。本文作者對(duì)APP登錄注冊(cè)的細(xì)節(jié)設(shè)計(jì)發(fā)表了自己的見(jiàn)解，與你分享。

一、APP登錄注冊(cè)

移動(dòng)設(shè)備屬于個(gè)人私密性較高的設(shè)備，用戶在進(jìn)行操作時(shí)，可對(duì)輸入密碼進(jìn)行有效的保護(hù)；

移動(dòng)設(shè)備隨身攜帶，隨時(shí)隨地在變換位置，網(wǎng)絡(luò)狀況不穩(wěn)定因素很多；

移動(dòng)設(shè)備顯示區(qū)域均較小，登錄注冊(cè)頁(yè)面通常都會(huì)有3個(gè)頁(yè)面（M站通常在一個(gè)頁(yè)面），需要用戶填寫的內(nèi)容要精簡(jiǎn)；

移動(dòng)設(shè)備輸入更多是手指觸屏操作，人機(jī)交互有其獨(dú)特性，例如虛擬鍵盤的設(shè)計(jì)，特效的設(shè)計(jì)等。

二、關(guān)于APP登錄注冊(cè)設(shè)計(jì)前的思考

在開始設(shè)計(jì)產(chǎn)品之前，一定要先想清楚：

• 為誰(shuí)設(shè)計(jì)登錄注冊(cè)？
• 是否一定要登錄注冊(cè)？
• 是否需要獨(dú)立的賬戶體系？
• 哪些操作需要用戶登錄？

三、登錄注冊(cè)的設(shè)計(jì)步驟

假設(shè)前面的問(wèn)題都搞清楚了。那么我們來(lái)設(shè)計(jì)登錄注冊(cè)。

第一步：梳理腦圖，梳理現(xiàn)有的登錄模式和信息結(jié)構(gòu)；（一般會(huì)用xmind，操作簡(jiǎn)單易用，最主要是免費(fèi)）

第二步：梳理業(yè)務(wù)流程，把每一步操作都流程化，做好各種情況的處理方案（梳理流程非常非常非常重要）；

第三步：畫出草圖/線框圖，對(duì)頁(yè)面元素和布局進(jìn)行初步設(shè)計(jì)；

第四步：交互設(shè)計(jì)，對(duì)每一項(xiàng)頁(yè)面元素、頁(yè)面跳轉(zhuǎn)、操作反饋、異常處理、按鈕和頁(yè)面的各種狀態(tài)等做出設(shè)計(jì)；

第五步：自檢測(cè)試，對(duì)線框圖和交互設(shè)計(jì)進(jìn)行自檢，最好是用Axure等交互軟件進(jìn)行交互設(shè)計(jì)操作，建立自己的自檢清單；

第六步：輸出PRD、線框圖和交互設(shè)計(jì)稿。

四、設(shè)計(jì)的細(xì)節(jié)問(wèn)題

由于每個(gè)頁(yè)面都要設(shè)計(jì)很耗費(fèi)時(shí)間和精力，所以我只做簡(jiǎn)單地總結(jié)。

以注冊(cè)為例，注冊(cè)通用流程：是填寫手機(jī)號(hào)碼——獲取驗(yàn)證碼——填寫密碼。

1. 賬號(hào)

賬號(hào)有無(wú)格式的要求，如果只是手機(jī)號(hào)碼，前端是否需要驗(yàn)證手機(jī)號(hào)碼的有效性？

手機(jī)號(hào)碼為純數(shù)字，是否彈出純數(shù)字鍵盤方便用戶快速填寫及避免用戶來(lái)回切換？

手機(jī)號(hào)碼的數(shù)字如何呈現(xiàn)？哪種格式？

2. 驗(yàn)證碼

驗(yàn)證碼的格式，是四/六位數(shù)字驗(yàn)證碼，還是英文+數(shù)字驗(yàn)證碼，英文是否區(qū)分大小寫？

按鈕默認(rèn)顯示狀態(tài)、用戶輸入信息后按鈕顏色變化效果，該如何設(shè)計(jì)比較好？

倒計(jì)時(shí)如何設(shè)置？button還是label ？用哪個(gè)好？為什么好（好在哪里）？如何設(shè)計(jì)？

驗(yàn)證碼的倒計(jì)時(shí)一般默認(rèn)采用60秒的居多，但是一般驗(yàn)證碼的有效期為5分鐘。之所以設(shè)置60秒是因?yàn)樵诮^大多數(shù)情況下，60秒內(nèi)驗(yàn)證碼是能夠發(fā)出的，如獲取不到，讓用戶所等待的時(shí)間又不至于太長(zhǎng)，降低用戶焦慮，提升體驗(yàn)。

3. 密碼

最少和最多字符設(shè)置，提示文字為“位”還是“字符”？如“請(qǐng)輸入6-16位字母或數(shù)字”

密碼是否要限制特殊字符？如“空格”、“/”等，為什么要限制？有沒(méi)有安全方面的考慮？

密碼設(shè)置好后，注冊(cè)按鈕如何變化？點(diǎn)擊“注冊(cè)”后，在網(wǎng)絡(luò)較慢的情況下，頁(yè)面和按鈕如何響應(yīng)，是否要加鎖屏浮層+緩沖提示語(yǔ)？

4. 錯(cuò)誤提示

錯(cuò)誤時(shí)的報(bào)錯(cuò)提示文字是什么，提示格式是彈窗、Toast、還是在當(dāng)前頁(yè)面文字顯示？

Toast是沒(méi)有焦點(diǎn)的，而且Toast顯示的時(shí)間有限，過(guò)一定的時(shí)間就會(huì)自動(dòng)消失。

彈框會(huì)阻斷用戶操作，需要手動(dòng)點(diǎn)擊確認(rèn)以后才會(huì)消失。

在當(dāng)前頁(yè)面文字顯示的話，提示文字?jǐn)[放的位置，頁(yè)面格式根據(jù)提示文字的變化，需要有怎樣的視覺(jué)效果

5. 異常提示

點(diǎn)擊【獲取驗(yàn)證碼】，檢測(cè)手機(jī)號(hào)已被注冊(cè)，如無(wú)置灰設(shè)置，輸入框?yàn)榭?，手機(jī)號(hào)碼無(wú)效的情況，故需提示：

• 手機(jī)號(hào)已被注冊(cè)，是否提示用戶登錄？
• 手機(jī)號(hào)不能為空，多次為空狀態(tài)點(diǎn)擊是否給出頻繁操作提示？
• 手機(jī)號(hào)碼不正確，“請(qǐng)輸入正確的手機(jī)號(hào)碼”是不是比“手機(jī)號(hào)碼錯(cuò)誤”好些？

點(diǎn)擊【注冊(cè)】時(shí)，可能會(huì)有輸入框?yàn)榭眨?yàn)證碼無(wú)效等情況，如無(wú)置灰設(shè)置，故需提示：

• 短信驗(yàn)證碼不能為空
• 驗(yàn)證碼已被使用，然后給出什么操作呢？
• 驗(yàn)證碼已過(guò)期，過(guò)期了給出彈窗嗎？在彈窗直接獲取驗(yàn)證碼？
• 驗(yàn)證碼錯(cuò)誤，弱提示？
• 驗(yàn)證碼已達(dá)到最大嘗試次數(shù)，最大是多少次？

6. 短信驗(yàn)證碼

短信驗(yàn)證碼一般通過(guò)第三方通道發(fā)送，在技術(shù)側(cè)做規(guī)避，還需要在產(chǎn)品規(guī)則上做一定限制；

驗(yàn)證碼的格式需要簡(jiǎn)單明了，如“880207，XX驗(yàn)證碼?！綳XX】。

驗(yàn)證碼的字?jǐn)?shù)限制，一般為6位純數(shù)字。

7. 邀請(qǐng)碼

注冊(cè)是否為邀請(qǐng)注冊(cè)？如是邀請(qǐng)注冊(cè)，邀請(qǐng)碼格式如何設(shè)計(jì)？

邀請(qǐng)碼錯(cuò)誤提示，填寫了邀請(qǐng)的用戶和沒(méi)填的用戶，在注冊(cè)成功后有何區(qū)別？有邀請(qǐng)碼的用戶是否有獎(jiǎng)勵(lì)？

8. 注冊(cè)成功后的提示、狀態(tài)變更及頁(yè)面跳轉(zhuǎn)

注冊(cè)成功后同時(shí)切換為登錄狀態(tài)，登錄狀態(tài)賬號(hào)密碼保存是否設(shè)置期限？

給予注冊(cè)成功的提示并跳轉(zhuǎn)到相應(yīng)頁(yè)面，目標(biāo)頁(yè)面狀態(tài)如何是否有緩存，是否需要緩存？

之前是在需要token的頁(yè)面跳轉(zhuǎn)到注冊(cè)頁(yè)面的話，注冊(cè)成功后需自動(dòng)跳轉(zhuǎn)回之前的頁(yè)面

注冊(cè)之前有第三方登錄，用戶注冊(cè)后還需要用戶綁定第三方賬號(hào)嗎？

五、其他注意事項(xiàng)

1. 輸入框

手機(jī)號(hào)碼輸入框，手機(jī)號(hào)碼顯示一般是344格式，這樣便于用戶檢查號(hào)碼是否正確，如：188 8888 8888；

對(duì)輸入手機(jī)號(hào)的判斷，首數(shù)字必須以1 開頭，非1字符及提示錯(cuò)誤，第二位數(shù)字必須在3到9之間（包括3到9），不在范圍即提示錯(cuò)誤等等

驗(yàn)證碼輸入框，長(zhǎng)度一般比較短；

密碼輸入框，默認(rèn)一般為密文顯示，為了更好的交互可以設(shè)置明文顯示按鈕，最好只設(shè)置一次密碼，為什么這樣？

2. 按鈕

按鈕設(shè)計(jì)，提交按鈕和文字按鈕的位置和主次布局設(shè)計(jì)；

按鈕狀態(tài)的設(shè)計(jì)，不同的狀態(tài)操作都要考慮，默認(rèn)置灰和高亮的條件，按鈕置灰的意義何在？

按鈕提交反饋，點(diǎn)擊操作要給出響應(yīng)或反饋。

3. 驗(yàn)證碼

驗(yàn)證碼的格式，字母、數(shù)字、字符等，一般為數(shù)字4位或者6位；

驗(yàn)證碼的有效時(shí)間，根據(jù)不同的產(chǎn)品設(shè)計(jì)不同的有效時(shí)間，在有效時(shí)間內(nèi)的驗(yàn)證碼操作需要給出明確的反饋；

驗(yàn)證碼的獲取次數(shù)上限，技術(shù)限制和產(chǎn)品設(shè)s計(jì)限制同步，避免被無(wú)限制獲??；

驗(yàn)證碼獲取時(shí)間，一般為第三方發(fā)送，但時(shí)間最好限定在5秒內(nèi)讓用戶獲取到

驗(yàn)證碼是怎么觸發(fā)得到的？為什么有些設(shè)計(jì)為點(diǎn)擊那妞頁(yè)面跳轉(zhuǎn)時(shí)獲取，有些頁(yè)面跳轉(zhuǎn)后再次點(diǎn)擊才能獲?。繛槭裁从胁煌?？

觸發(fā)后倒計(jì)時(shí)狀態(tài)有何變化？重新獲取驗(yàn)證碼后，原驗(yàn)證碼如何處理？

短時(shí)間內(nèi)多次獲取驗(yàn)證碼是否還要給用戶發(fā)送驗(yàn)證碼？還是提示驗(yàn)證碼已發(fā)送請(qǐng)輸入？

4. 返回按鈕

在注冊(cè)、找回密碼、第三方登錄等操作流程中，返回時(shí)需要特別注意點(diǎn)擊返回后的操作提示；比如注冊(cè)手機(jī)的修改，驗(yàn)證碼提交后設(shè)置密碼等。

點(diǎn)擊返回時(shí)，干擾了正常流程的操作一般需要強(qiáng)提示，提示彈窗注意文案和按鈕文字設(shè)計(jì)

點(diǎn)擊返回后，當(dāng)前頁(yè)面和目標(biāo)頁(yè)面狀態(tài)是否變化？例如手機(jī)號(hào)碼是置空還是顯示已輸入的手機(jī)號(hào)碼？

瀏覽應(yīng)用過(guò)程中進(jìn)入登錄頁(yè)面，登錄頁(yè)面是否需要有返回按鈕？

六、總結(jié)

登錄注冊(cè)的設(shè)計(jì)涉及到很多方面，是最常見(jiàn)也是最容易被設(shè)計(jì)者忽視的地方。每一個(gè)元素的設(shè)計(jì)都要獨(dú)立思考，不能照搬全抄，也不能異想天開，需要提前理解和思考，多想幾個(gè)為什么，多問(wèn)自己幾個(gè)為什么？而在實(shí)際設(shè)計(jì)的過(guò)程中，需要重點(diǎn)考慮實(shí)際的應(yīng)用場(chǎng)景。

本文由 @一月的肖邦 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash，基于CC0協(xié)議。