中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

網(wǎng)站建設(shè):注冊登錄應(yīng)注意哪些?

2021-04-04    分類: 網(wǎng)站建設(shè)

注冊和登錄作為互聯(lián)網(wǎng)產(chǎn)品的一項(xiàng)基礎(chǔ)系統(tǒng)功能,本文將從原型及交互設(shè)計(jì)的角度講述如何實(shí)現(xiàn)這兩項(xiàng)基礎(chǔ)功能,如果想學(xué)習(xí)注冊和登錄的產(chǎn)品功能設(shè)計(jì),可以參考我之前寫的一片文章《注冊登錄可能沒你想的那么簡單》。


注冊

1. 期望交互效果

賬號:


賬號輸入框只能輸入 11 位數(shù)字,超過 11 位則無法輸入;


假設(shè)手機(jī)號 13301182876 已被注冊,則提示:該賬號已被注冊;


假設(shè)輸入 11 個 1 時,系統(tǒng)判斷不是手機(jī)號,則提示:請輸入正確的手機(jī)號;


賬號輸入為空,則提示:請輸入手機(jī)號。


密碼:


密碼為空,提示:請?jiān)O(shè)置密碼;


密碼設(shè)置錯誤,提示:請輸入6- 12 位的字母、數(shù)字(密碼設(shè)置的要求)。


短信驗(yàn)證碼:


驗(yàn)證碼為空,提示:請?zhí)顚戲?yàn)證碼;


輸入錯誤的驗(yàn)證碼,提示:請輸入正確的驗(yàn)證碼(假設(shè)正確的驗(yàn)證碼是0258);


假設(shè) 1 分鐘后驗(yàn)證碼過期(為了模擬交互效果,縮短過期時間),提示:驗(yàn)證碼已過期,請重新獲取。


2. 元件準(zhǔn)備

首先利用元件文本標(biāo)簽、文本框、按鈕等基礎(chǔ)元件快速搭建好注冊頁面的線框圖,將賬號界面的輸入框?qū)傩栽O(shè)置為phone number,限制只能輸入數(shù)字。密碼文本框的屬性設(shè)置為密碼,對密碼的顯示進(jìn)行加密,視覺上看到的都是星號。


將賬號、短信、驗(yàn)證碼的提示信息放置在各輸入項(xiàng)的下方,默認(rèn)隱藏。


3. 交互思路分析

賬號:通過文本改變事件限制賬號輸入框只能輸入 11 位數(shù)字,即當(dāng)賬號文本框中的文字長度大于 11 位時,則賬號文本框的值為=[[lvar1.substr(0,11)]],其中局部變量lvar1 為賬號文本框的文字。函數(shù)表達(dá)式的意思為針對賬號文本框的文字,從 0 位開始,截取前 11 位長度的字符串內(nèi)容,原函數(shù)為substr(start,length)。


為賬號文本框設(shè)置失去焦點(diǎn)事件并配置多個用例,實(shí)現(xiàn)各種提示效果。


用例設(shè)置如下:


用例一:當(dāng)賬號文本框文字=13301182876,提示文字內(nèi)容為“該賬號已被注冊”,顯示賬號提示信息;


用例二:當(dāng)賬號文本框文字=11111111111,提示文字內(nèi)容為“請輸入正確的手機(jī)號”,顯示賬號提示信息;


用例三:當(dāng)賬號文本框內(nèi)容為空時,提示文字內(nèi)容為“請輸入手機(jī)號”,顯示賬號提示信息;


用例四:隱藏提示信息。


密碼:通過文本改變事件限制密碼輸入框只能輸入 12 位,即當(dāng)密碼文本框中的文字長度大于 12 位時,則密碼文本框的值為=[[lvar1.substr(0,12)]],其中局部變量lvar1 為密碼文本框的文字。函數(shù)的用法與解釋請參照上文賬號輸入框的限制。


通過為密碼文本框設(shè)置多個失去焦點(diǎn)用例,來實(shí)現(xiàn)各種密碼錯誤情況的提示。


幾個用例的設(shè)置方法如下:


用例一:當(dāng)密碼文本框內(nèi)容為空時,提示“請?jiān)O(shè)置密碼”,顯示密碼提示信息;


用例二:當(dāng)密碼文本框的內(nèi)容=111111111111,提示“請輸入6- 12 位的字母、數(shù)字”,顯示密碼提示信息;


用例三:隱藏密碼提示信息。

當(dāng)前標(biāo)題:網(wǎng)站建設(shè):注冊登錄應(yīng)注意哪些?
文章URL:http://www.rwnh.cn/news/106454.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁設(shè)計(jì)
清徐县| SHOW| 平江县| 治多县| 宁武县| 荔浦县| 沙洋县| 涿鹿县| 长治市| 常州市| 台前县| 石林| 沂水县| 安塞县| 桐庐县| 台山市| 茌平县| 华坪县| 丰镇市| 连平县| 上高县| 聂荣县| 吴川市| 博爱县| 雷山县| 麻江县| 隆回县| 上饶县| 冷水江市| 札达县| 云南省| 江山市| 巴马| 洞口县| 岳普湖县| 宁化县| 眉山市| 贵南县| 无棣县| 营口市| 新兴县|