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