二十二世纪古墓奇兵爱慕影院

小梁建站專注重慶中小企業網站建設SEO優化,讓您網站更具價值!

當前位置:首頁 > WEB前端學習 > 輸入驗證控件設計需要的幾點細節!

輸入驗證控件設計需要的幾點細節!

時間:2018-08-12 11:22 來源:重慶網站制作公司(www.l2qz.net) 作者:重慶網站建設公司

 
 
輸入驗證控件設計需要的幾點細節!
 
盡管無界文本輸入字段可接受任何形式的輸入,但仍有必要為使用者構建一個“有效的”輸入。一般通過在使用者輸入完整數據后,再加以驗證來實現,如果數據無效則彈出錯誤消息。不過這會降低使用者效率。即使使用有界文本輸入,也應加以驗證,防止出錯。
 
驗證控件的成功與否,關鍵在于它是否給用戶提供充分的反饋,是否盡可能地實時發現并處理錯誤,是否了解輸入為什么是錯誤的并主動修復錯誤。
 
我們在設計時,要將驗證控件在視覺上與非驗證控件區分開。
 
若是密碼或其他的安全輸入的控件,不能完全遵循可用性的設計原則,這類輸入控件應有它們自己的設計考慮。
 
 
 
主動驗證與被動驗證
 
 一些控件在用戶輸入過程中控件主動拒絕按鍵,這就是主動驗證。(比如有的輸入框只接受字母輸入)。當一個主動驗證控件拒絕鍵入,它必須告知用戶,而且還應對此作出解釋。
 
有時,可能直到用戶完成輸入才能確認數據的范圍,控件只有等到用戶完成數據輸入才驗證,這就是被動驗證。(比如輸入完成后點擊“提交”按鈕)。處理被動驗證的一個有效方法是使用遞減計時器,每次擊鍵重新計時。如果遞減計時器變為零,就開始驗證。(一般計時器設置為約半秒一周期,若用戶暫停超過半秒,應用程序理所應當地認為用戶已經停止思考,于是繼續完成對當前輸入的分析)。
 
為了提供豐富的視覺反饋,可以改變輸入字段的顏色,來反映對輸入數據有效性的判斷。輸入時顯示一種顏色,判斷結束后后顯示另一種顏色。
 
 
 
暗示
 
暗示的作用是解釋控件可以接受數據的范圍,形式是小小的彈出文本,與工具提示看起來很像。不同的是,工具提示只有光標在控件上停留了一會才出現,而暗示框只要控件檢測出無效字符就會出現,同時,如果光標在輸入字段同流超過1s以上,它也會自動在單側顯示,不會模糊或遮蓋輸入的數據。如果用戶的輸入值低于允許值,應用會以允許的最小值代替輸入值,以暗示解釋替換的原因。
 
工具提示這種方式非常好用,可以延伸至其他場景。
 
 
 
處理出界數據
 
只能優雅地幫助用戶改掉錯誤,而不是粗暴地用對話框告訴用戶錯誤。
 
如果你的輸入在可接受的范圍外,控件應該給予反饋,告訴你這是一個無效值。但如果只是格式有誤,系統應自行更改格式,這樣可以減少用戶出錯率,是貼心的設計。
 
 
 
單位和度量
 
如果文本編輯控件能夠識別恰當的單位,那便是極其方便的。
 
用戶有時候需要輸入帶有度量的輸入值(50%),但是不僅如此還有可能需要輸入帶有別的度量的值或者不帶度量的值,這時候只用一個輸入框是不夠的。可以使用組合框,用戶可以直接選擇并判斷。
 
 
 
不要使用文本編輯控件輸出
 
若是需要顯示輸出文本,就不要使用文本編輯控件,會導致用戶誤以為是可輸入的,導致用戶有種被戲弄的感覺。而應該使用顯示控件。
 
 
 
 
總結與感悟:1.被動驗證的遞減計時器好牛,用技術解決了體驗問題。
 
2.自動提示的這種方式可以適用于多種情況。3.選取合適的驗證方式可以提高用戶的效率。
 
 
 
 

版權聲明:本文:輸入驗證控件設計需要的幾點細節! 由重慶網站制作公司(www.l2qz.net)原創內容,如需要轉載請注明原文網址:重慶網站建設公司http://www.l2qz.net/

 
喜歡看,就分享到:

圍觀: 9999次 | 責任編輯:重慶網站建設公司

回到頂部
二十二世纪古墓奇兵爱慕影院 幸运妖精电子游戏 白狮电子游戏 多宝鱼虾蟹骗钱 热火vs公牛 北京賽车开奖历史结果 刮刮乐走势图 cf虎爪 分分彩开奖历史 龙之战士登陆 龙龙龙天衣有风 今日快3开奖结果 进击的猿人电子