申请网站
忘记密码
密 码：
登录名：
建站咨询热线：
0532-88781131
、
15166683288
知识普及 » 反馈表单的输入优化
反馈表单的输入优化
网页设计师
于
2021-11-06 20:08
发表
阅读次数
1910
次
在
网站设计
’的详细内容'>
青岛网站设计
中，经常会用单反馈表单，而优化表单的输入，对网站的用户体验提高越来越重要，
网站设计
的页面布局、逻辑组织、视觉样式等都是值得关注的细节，其中简化输入是最近常被提及的，在这里我分享下自己工作中的心得。大部分人不喜欢填表单，因为人们来到网站，主要目的不是填表，而是浏览或者购买。精心设计的表单，使输入变得流畅让人心情愉悦，而糟糕的设计让人扶墙吐血。那怎样才是优秀的表单呢？
1.预置文字。
采用预置文字来简化输入经常在手机上看到，现在在网页上也常使用。比如微博上发言的输入框，会保留你上一次未发出的内容，可以重新编辑。
在网上也会看到把“输入提示”与“预置文字”混用。当然，你怎样称呼他们都是可以的，但要明白这是两种交互方式。输入提示的目的是指导填写的，聚焦输入框后文本消失；而预置文字是属于待修改的正式内容，字体样式应与正式输入的样式相同，聚焦后文本是不会消失的。
当表单输入遇到选填与必填难以抉择时，考虑预置文字会是一个不错的折中方案。比如在一个申请付款的表单中，对用户来说主要需填写的是“对方账号”和“付款金额”，付款说明是一个选填项。但对系统来说，又必须采集付款说明，作为交易凭据之一，这个付款说明怎样处理呢？比较下面3个方式，显然复选框的方式不适合，因为用户若不填写我们就无法收集到数据，而输入提示的方式还是需要用户去填写，所以意义也不大。折中了业务和用户两方面，预置“转账”两字还是不错的，不想填写的人完全可以跳过它。
2.更高大的输入框
增加输入框高度，加粗字体，可以让网页上的输入框看起来更容易填写和阅读。随着电脑显示器尺寸变大，这样的输入框也显得更大气。
3.添加选取器
与其让人输入不如提供选择，选取内容只要点几下，就自动填充进输入框，不但可以减少输入障碍，还能预防出错。可以把任何希望的数据做成选取器，比如日期、颜色、地址或者历史记录等等。
举个例子：前面的“对方开户姓名”输入框，需要填写对方的姓名，如果对方名字里有汉字不认识该怎么办呢？于是我们可以加上一个生僻字的选取器，如图：
打开字库，可以根据模糊读音选取汉字填入输入框。另外，姓名输入框有校验，选取完成后不要忘记对输入框内容进行再一次校验。
4.设备读取。
摄像头读取、语音输入……最近，各种智能录入方式在手机上甚是流行，网页上也不甘心示弱，纷纷添加了这些功能~还有人脸识别，不知道不久后会不会流行起来呢？
5.额外输入渐进展开
当遇到需要增加高级或额外的选项时，可以采用即时添加删除的方式。不需要填写时，可以完全忽略，需要填写时点击一下就会显示。
6.利用输入反馈。
除了校验填写是否正确，输入反馈也可以帮助简化用户填写，其中有不少窍门。
比如在手机充值表单里，需要重复输入一遍号码才能确认提交。再重复输入一次，好像认定你肯定会出错。增加了号码归属地的反馈（配合历史记录）可以避免这种让人有点烦躁的方式。
下面这个例子将校验获得的推荐邮政编码填写到输入框中，让电脑变得更聪明一些。推荐的内容减少了思考和填写过程。
在反馈的显示方式上，也值得挑剔一下。比如数值输入框里被输入了字母，格式错误。如果对最简单的提供错误提示不满意，可以试试让输入的字母先显示1秒，然后即被删除，这样比单纯的限制输入类型要更容易理解。另外，还可以自动修改显示格式：号码输入完成后，自动增加空格，可以方便阅读。在需要强调时这样使用还可以提示用户进行检查，但是在普通的输入框中就不需要那么复杂了。
给金额自动补全小数，比如下面的例子服务费是有小数的，自动补全金额的小数，可以消减顾虑，而且挺有趣。
7.设置输入属性。
现在比较靠谱的还是Html5提供的一些表单类型属性。除了限制输入类型之外还有一些有意思的设置。拖放属性，可以从桌面上直接拖进相应的输入框里。在邮箱中拖入附件，若主题为空还可自动填写主题。而range和number属性，可以直接替换掉输入框，对数值输入很有用，在chrome里显示如图：
随着网络技术的发展，人性化的反馈表单在
青岛网站设计
和
青岛网站制作
中将越来越普及，网页访问的效果也将越来越往人性化和访问体验方面靠拢。
反馈表单的输入优化相关标签：
企业建站
，
设计网页
，
做网站
，
网站规划
相关热点推荐
网页布局设计：注册登录
提升网站排名应如何在关
青岛网站建设不用怕，这
网站建设中企业所面临的
网页设计离用户的距离，
一个网站，5个目标
区域网站如何作好搜索引
企业网站建设的六大步骤
企业网站如何维护
网站被K后怎么办以及应
百度是怎么识别原创文章
什么是cache缓存
如何制作网站
网站优化之整站优化的过
三种链接方式的介绍及应
内部链接的应用与误解
网站设计8步骤
网站设计的思考之网站的
新站如何提高百度权重
帮你建设好网站
网站重建怎么保护已有的
如何维护SEO效果
建网站的五个“要”五个
SEO如何防止竞争对手
运用什么技巧使用户喜欢
网站制作之网页技巧上
网页标题的SEO详解
网站建设的方案该如何制
网站建设功能上的简单与
企业上网的几个理由
网站维护的基本知识
如何做好企业网站优化才
学习网站建设中一些容易
网页视觉设计基本技巧
如果把企业网站建的更优
设计师要会思考
SEO的秘诀
企业建站策划
DW制作网页的基本步骤
如何建立一个网站
奈薇建站网青岛网站建设公司/青岛网站制作公司，专业提供"气质"型网站建设及精美网站制作服务，同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展
热点地区：
青岛网站建设价格
青岛即墨网站制作公司
开发区信息港
山东在线门户