梁先国SEO专注网站优化,让您网站更具价值!

当前位置:首页 > WEB前端学习 > 输入验证控件设计需要的几点细节!

输入验证控件设计需要的几点细节!

时间:2018-08-12 11:22 来源:重庆网站制作公司(www.seozol.cn) 作者:重庆网站建设公司

 
 
输入验证控件设计需要的几点细节!
 
尽管无界文本输入字段可接受任何形式的输入,但仍有必要为使用者构建一个“有效的”输入。一般通过在使用者输入完整数据后,再加以验证来实现,如果数据无效则弹出错误消息。不过这会降低使用者效率。即使使用有界文本输入,也应加以验证,防止出错。
 
验证控件的成功与否,关键在于它是否给用户提供充分的反馈,是否尽可能地实时发现并处理错误,是否了解输入为什么是错误的并主动修复错误。
 
我们在设计时,要将验证控件在视觉上与非验证控件区分开。
 
若是密码或其他的安全输入的控件,不能完全遵循可用性的设计原则,这类输入控件应有它们自己的设计考虑。
 
 
 
主动验证与被动验证
 
 一些控件在用户输入过程中控件主动拒绝按键,这就是主动验证。(比如有的输入框只接受字母输入)。当一个主动验证控件拒绝键入,它必须告知用户,而且还应对此作出解释。
 
有时,可能直到用户完成输入才能确认数据的范围,控件只有等到用户完成数据输入才验证,这就是被动验证。(比如输入完成后点击“提交”按钮)。处理被动验证的一个有效方法是使用递减计时器,每次击键重新计时。如果递减计时器变为零,就开始验证。(一般计时器设置为约半秒一周期,若用户暂停超过半秒,应用程序理所应当地认为用户已经停止思考,于是继续完成对当前输入的分析)。
 
为了提供丰富的视觉反馈,可以改变输入字段的颜色,来反映对输入数据有效性的判断。输入时显示一种颜色,判断结束后后显示另一种颜色。
 
 
 
暗示
 
暗示的作用是解释控件可以接受数据的范围,形式是小小的弹出文本,与工具提示看起来很像。不同的是,工具提示只有光标在控件上停留了一会才出现,而暗示框只要控件检测出无效字符就会出现,同时,如果光标在输入字段同流超过1s以上,它也会自动在单侧显示,不会模糊或遮盖输入的数据。如果用户的输入值低于允许值,应用会以允许的最小值代替输入值,以暗示解释替换的原因。
 
工具提示这种方式非常好用,可以延伸至其他场景。
 
 
 
处理出界数据
 
只能优雅地帮助用户改掉错误,而不是粗暴地用对话框告诉用户错误。
 
如果你的输入在可接受的范围外,控件应该给予反馈,告诉你这是一个无效值。但如果只是格式有误,系统应自行更改格式,这样可以减少用户出错率,是贴心的设计。
 
 
 
单位和度量
 
如果文本编辑控件能够识别恰当的单位,那便是极其方便的。
 
用户有时候需要输入带有度量的输入值(50%),但是不仅如此还有可能需要输入带有别的度量的值或者不带度量的值,这时候只用一个输入框是不够的。可以使用组合框,用户可以直接选择并判断。
 
 
 
不要使用文本编辑控件输出
 
若是需要显示输出文本,就不要使用文本编辑控件,会导致用户误以为是可输入的,导致用户有种被戏弄的感觉。而应该使用显示控件。
 
 
 
 
总结与感悟:1.被动验证的递减计时器好牛,用技术解决了体验问题。
 
2.自动提示的这种方式可以适用于多种情况。3.选取合适的验证方式可以提高用户的效率。
 
 
 
 
本文标签:

版权声明:本文:输入验证控件设计需要的几点细节! 由重庆网站制作公司(www.seozol.cn)原创内容,如需要转载请注明原文网址:重庆网站建设公司http://www.seozol.cn/

 
喜欢看,就分享到:

围观: 9999次 | 责任编辑:重庆网站建设公司

推荐文章

热门文章

最新文章

回到顶部