建站常識
表單的重復(fù)輸入項目應(yīng)該設(shè)置為禁止粘貼
2009-04-23 08:03:00
先來看一個最近挖到的網(wǎng)站:http://www.picnik.com/,這個網(wǎng)站簡單的來說就是一個在線的圖片處理網(wǎng)站。它的注冊表單是我見過的做的最棒的表單之一了,簡約而不簡單,流程簡單清晰沒有絲毫的多余內(nèi)容,視覺上也讓人很舒服。
初始表單就三行,Username、pasSEOrd、email;表單的輸入框順序激活,輸入完第一次密碼之后再次輸入密碼的框體被激活、輸入完第一次email后再次輸入email的框體被激活;所有的重復(fù)輸入都被設(shè)置成了禁止粘貼,達(dá)到了重復(fù)輸入的設(shè)計意圖。
我始終固執(zhí)的認(rèn)為,表單中的重復(fù)輸入條目應(yīng)該被設(shè)置成禁止粘貼的。因為,重復(fù)輸入設(shè)計的意圖在于檢測兩次輸入的一致性,幫助用戶記住自己輸入的內(nèi)容,給用戶也給系統(tǒng)減少麻煩。
或者你在第一次的時候輸入了一個錯誤的email地址(不是你自己的),但是第二次輸入的時候輸入了一個正確的地址,于是系統(tǒng)可以幫你糾正這個錯誤;當(dāng)然,2次都輸入同樣的錯誤的情況也是存在的,但是這個概率很小,你要是真的兩次都輸入了一樣的錯誤,那系統(tǒng)也沒轍。
也許你會說你是高級用戶,你鐵定不會輸入錯誤你的表單條目內(nèi)容,但是再高級的用戶也無法保證沒有疏忽的時候,所以系統(tǒng)還是需要做出限制,很煩人的迫使“高級用戶”驗證一次你的內(nèi)容。在安全系數(shù)較高的系統(tǒng)如銀行、支付寶等中這點尤為必要。
所以,一個完美的表單應(yīng)該是初始輸入內(nèi)容允許粘貼,但是重復(fù)輸入內(nèi)容堅決不允許粘貼,必須發(fā)揮重復(fù)輸入的設(shè)計目的——檢測你的輸入內(nèi)容,確保那是正確的一致的。(Ps:picnik.com的這個表單是初始的也禁止粘貼,我覺得這個地方可以改進(jìn))
一個疑問:輸入密碼的初始條目內(nèi)容是否允許直接復(fù)制粘貼進(jìn)去呢?密碼在表單中的顯示都是密文的,2次輸入密碼是否一致還有沒有比簡單粗暴的回答“2次輸入不一致”更好的提示呢?
當(dāng)然,你也可以把這個重復(fù)輸入的表單條目去掉,把注冊表單精簡到輸入ID輸入密碼輸入郵箱三步曲,豆瓣就是這么做的。
最后,很多注冊表單會放一個自認(rèn)為很牛逼的很花哨的鑒定你的密碼輸入強弱的東西在密碼輸入框的下面,這個玩意有必要否?第一次見到的時候我還以為我能自己控制系統(tǒng)密碼設(shè)置的強弱呢,我想我真牛逼!
有多少人是忽略你的這個牛逼的提示的?有多少人煩你這個牛逼的提示的?如果你想讓我設(shè)置一個復(fù)雜的密碼,直接在我輸入完第一密碼的時候就警告我“輸入密碼過于簡單,請重新輸入”不就完了嗎?
原文:http://www.ikent.me/blog/1458
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2007-04-20 14:44:00] 天天體驗:注冊表單
- [2009-12-18 14:55:00] [譯]以用戶為中心的WEB表單
- [2010-03-03 14:19:00] 網(wǎng)頁表單中的行為也分主次
- [2010-12-03 08:18:00] Web表單設(shè)計:表單結(jié)構(gòu)
- [2009-05-31 08:15:00] 有效網(wǎng)頁表單的八條規(guī)則(譯)
- [2009-06-02 08:11:00] 互聯(lián)網(wǎng)應(yīng)用表單設(shè)計
- [2006-11-24 09:47:00] 淺議Web網(wǎng)頁Form表單設(shè)計技巧
- [2007-04-18 09:04:00] Web 表單設(shè)計原則和實踐
- [2006-06-13 21:54:00] 使用表單制作網(wǎng)頁的五點技巧
- [2009-04-27 14:49:00] 設(shè)計表單的標(biāo)簽和輸入?yún)^(qū)
- [2010-09-02 16:21:00] 注冊表單的設(shè)計探討
- [2007-06-22 12:25:00] 輸入表單的三種布局
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團(tuán)公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
集團(tuán)性網(wǎng)站 集團(tuán)官網(wǎng) 青島輪胎網(wǎng)站設(shè)計公司 css 青島網(wǎng)站設(shè)計哪家好 青島網(wǎng)站SEO 互聯(lián)網(wǎng) 青島網(wǎng)站建設(shè)公司哪家好 企業(yè)網(wǎng)站建設(shè) 網(wǎng)站SEO 網(wǎng)站設(shè)計趨勢 青島網(wǎng)頁設(shè)計 GOOGLE 頁面設(shè)計 視覺靈感 php程序 集團(tuán)公司網(wǎng)站建設(shè) 網(wǎng)站策劃 青島開發(fā)區(qū)建站公司 輪胎網(wǎng)站設(shè)計 圖形網(wǎng)格 青島網(wǎng)站營銷 官網(wǎng)網(wǎng)站建設(shè) 網(wǎng)站的速度 微網(wǎng)站 舒適的界面 英文網(wǎng)站建設(shè) 青島黃島、紅島網(wǎng)站建設(shè)公司 青島網(wǎng)站建設(shè)基礎(chǔ)知識 網(wǎng)站視覺