182-3999-1983 在线留言

网页界面的表单如何设计的更美观实用

发布日期:2016-09-06 10:07   热度:966
  一个营销型的网站必定会有用户注册的这一项,所以这时候就需要一个设计体验感很好的表单,无论是注册流程,多视图步进或单调的数据输入界面,表单都是数字产品的设计中最重要的组成部分之一。下面本文重点介绍了常见的表单设计样式和要避免的注意事项。
  1.表单应该排成一列多列排布会分散用户的竖向注意力
  2.标签顶部对齐,相比使用左对齐的标签,使用顶部对齐的标签后,更高比例的用户会完成表单的填写;顶部对齐的方式也更适用于小屏幕的手机。不过,在面临多选项多数据的输入时,尽量还是考虑左对齐标签,这样用户更容易一起浏览,
  3.将标签跟输入框作为绑定的一组,把标签和输入框靠在一起,相邻输入框间设置合适的距离避免用户困惑
  4.避免全部大写,全部大写的标签会造成阅读和浏览上的困难
  5.如果可选项少于6个,全部显示出来,若将选项隐藏至下拉列表中,用户需要执行两次点击才能完成选择;这种方法最好在选项数量多于5个时再去使用,当数量甚至超过25个时,最好将搜索也融入其中
  6.避免使用占位文本作为标签。使用占位文本确实能优化屏幕空间的利用,但其会带来一些可用性问题,
  7.将复选框(或单选按钮组)垂直排列,将复选框垂直排列易于阅读
  8.使“行为召唤”类按钮具有描述性,一个行为召唤类按钮应该描述其目标意图
  9.在行内指明错误,在错误发生的地方告诉用户,并指明原因
  这些都是一般准则,每一个规则都有例外。要根据自己的实际需要做出适当的调整,有一个良好的用户体验,才是一个好的表单界面。
 

网站建设

软件开发

APP开发

小程序

网站套餐

电话咨询

0371-60172210 15378708078

微信咨询

输入您的电话,我们即刻给您回电

您也可直接拨打24小时电话:182-3999-1983 或线上咨询