青岛网站建设公司,青岛网站制作公司-奈薇建站网
建站咨询热线:0532-8878113113165158935 
知识普及 » 反馈表单的输入优化

反馈表单的输入优化

网页设计师 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导出链接技巧
网站建设和品牌包装的核
企业建站前应注意的一些
如何让您的用户知道您的
提高企业建站的可信度
网站可信度建设十大准则
必须了解的制作网站的一
奈薇建站网青岛网站建设公司/青岛网站制作公司,专业提供"气质"型网站建设及精美网站制作服务,同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展

热点地区:青岛网站建设价格 青岛即墨网站制作公司 开发区信息港 山东在线门户
建站咨询热线0532-88781131 15166683288 13963906391
版权所有© BangJianZhan.Com & Nev.Cn 青岛网站建设/网站制作公司
青岛雨后网络科技有限公司 - 青岛市市北区福州北路90号,景泰尚都6层
已经为您服务了
176个月 14