加入收藏 | 设为首页 | 会员中心 | 我要投稿 核心网 (https://www.hxwgxz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 建站 > 正文

优化输入框,让填写如丝般顺滑

发布时间:2017-09-19 22:12:44 所属栏目:建站 来源:简书网
导读:副标题#e# 填写是一件麻烦事,我们或多或少感受糟糕体验。设计开发者也很无奈,感觉身体被掏空。怎么办? 让我们从优化输入框开始吧!看着简单的框,对用户体验的影响很大。特别是在非常有限的手机屏幕中,怎么帮助用户顺利的填写完呢?值得我们好好研究。

交互层面

标注键盘类型

手机上的键盘触摸点非常小,触摸键盘需要随时调整,根据每个表单域的不同数据类型,为用户提供不同的键盘布局。输入方式有三种。对于第一种纯数字的我们可以锁定为数字键盘。

  • 纯数字: 电话号码、邮编、各种号码

  • 纯文本: 用户名、地址等

  • 混合格式: 评论、备注等等

优化输入框,让填写如丝般顺滑

上图填写电话号码,如果如右图默认好数字键盘,填写时就节省一次切换键盘的功夫。

对于一些固定选项我们常常使用控件帮助用户更快填写,比如日期,性别,地区等等。尽量在当前页面调用控件。如果填写内容范围广,需要进入二级页面另一页来选择适合,尽量提供快速检索方式。还有一种情况是对于容易填错的选项,使用控件,减少用户的填写错误,从而减少心理负担。

优化输入框,让填写如丝般顺滑

但是我们要思考使用控件是否更快速,下图这个例子,填写还款日的时候进入另一个选择,把1— 28 以及月末安行排开,初衷应该是为了容错,但是使用起来繁琐。

优化输入框,让填写如丝般顺滑

及时验证

当你好不容易填写完长长的信息,点击提交,这时候界面提示:你有 20 项填错……虽然我知道作为金融产品,这项的目的是为了限制错误。然而这种处理方法显然不是最好的。

没有人喜欢后知后觉的反馈,特别是错误。告知用户输入内容是否正确的最佳时机,是在用户填完内容后立刻告知用户。内联验证可以马上告知用户输入的正确性。帮助用户及时改正,无需等到点击提交按钮。如果只有一个错误要修正,那就很容易,能降低用户放弃的可能性。

优化输入框,让填写如丝般顺滑

(编辑:核心网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读