总结关于网页表单反馈的一些问题

来源:互联网 责任编辑:栏目编辑 发表时间:2013-07-01 07:45 点击:

wikipedia中对表单的定义很简单:允许输入数据的区域,就叫表单。表单是用户与网站进行“对话”的最主要方式。因此,良好的表单的体验,就显得尤为重要。

在设计表单的过程中,我们要重点考虑:如何帮助用户更好的完成任务。可以通过清晰的信息、合适的控件、必要的键盘辅助、还有准确及时的反馈信息等等,来帮助用户更快更好的完成表单。

利用碳酸饮料会,总结了关于表单反馈的一些问题,做个小小滴记录。

常见的表单反馈形式有:
1.过程反馈:输入域焦点消失后,就根据用户输入的数据,实时的提供校验后的反馈结果。

 

2.结果反馈:用户点击提交按钮后,根据用户输入的数据提供反馈结果。

表单反馈注意事项:
a.用明显颜色区分出错/成功的提示,出错信息需要显示的较为明显,通常来说出错使用红色,成功使用绿色。
b.出错提示要和出错的区域关联紧密,通常出错的提示紧挨出错区域。
c.出错提示和帮助简洁明了。
d.过程反馈不能打扰用户的主要操作流程,例如突然撑开表格使用户视觉焦点丢失。
e.结果反馈出错,最好提供错误汇总的提示区域。最好将错误和相关输入项关联起来。
f.只要是能够实时进行过程反馈的,都应该在表单提交过程中给予反馈。

图中是淘宝网现有注册表单的截图。

 
当我输入“会员名:小多”,焦点消失后,输入域内出现了红色的小三角。接着我按照提示信息,填写完密码,焦点消失后,输入域内出现了绿色的小三角。

发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论 更多>>

推荐热点

  • WordPress添加百度喜欢按钮小技巧
  • Wordpress 博客如何实现自定义Gravatar头像
  • 网站设计分析:建立良好的视觉层级
  • 网站设计分析:“中国式设计”的三个方向
  • 案例分析:奥巴马筹款网站的制作过程
  • 创建不平衡的平衡:在网页设计中使用不对称设计
  • 7大主流B2C首页导航栏设计对比分析
  • Wordpress页面模板制作方法及使用
  • css控制文字前的小图标
网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
Copyright © 2008-2015 计算机技术学习交流网. 版权所有

豫ICP备11007008号-1