良好的表格设计可以使用户更快、更准确地完成表格。研究表明,当表格设计遵循基本的可用性原则时,用户准确填写表格的时间几乎是不遵循可用性原则的用户填写表格时间的两倍。
1. 保持简短
这个原则适用于许多事情。减少不必要的内容需要一定的时间,但是这样可以减轻用户的负担,加快用户的完成。为了减少a.哪些内容可以通过其他方式收集,b.哪些内容在未来更容易收集,以及c.直接省略一些内容。当你缩短表格的长度时,表格的转化率就会增加,这具有非常重要的商业意义。
2. 标签对应于输入框
在模板网站中标签应靠近其对应的输入框,该输入框可以直接位于移动端输入框的正上方,并与pc端输入框平行。一定要避免那些容易产生歧义的空格,例如标签和两个输入框之间的距离相同。如果要询问两个不同主题的内容,应该将其分为两个单独的输入框。
3.输入框对齐
如果输入框位于多个列中,则表的垂直动量将被打破。所有输入框应该对齐到同一列,而不是让用户适应凌乱的布局。
4. 按逻辑排序
表格上的标签顺序和选项应按逻辑顺序排列,如“姓名、性别、手机号码……”或“一日游、两日游、三天游……”。当然,这里也要考虑到用户的使用频率,尽量提出用户选择多的选项。
5. 避免占位符文本
6. 输入表格与输入内容匹配
如果只有两个或三个选项,不要使用下拉列表,直接使用单选按钮更合适。文本输入框的大小应与所需的文本输入长度匹配。例如,姓名列通常不超过四个单词,而移动电话号码通常是11位数字。
7. 区分可选内容和所需要的内容
我们应该尽可能减少选择。如果某些内容确实是必要的,但只适用于部分用户,请给予解释,不要误导大多数用户。将表格中的选项限制为一个或两个,并清楚地将它们标记为可选。
8. 解释输入或格式要求
如果输入需要特定的格式或内容,请给出准确的解释。不要让用户猜测你的请求。如下图所示,直到用户密码格式错误,网站才给出准确的要求,显然违反了这一原则。正确的方法应该是在用户输入时给出详细的格式要求。
9. 避免重置和清除按钮
重新设置或清除写好的内容常常给用户带来不必要的麻烦。如果是收集敏感信息,例如财务信息,我们应该为放弃填写并希望删除个人信息的用户提供一个“取消”按钮。但是,应该注意的是,“取消”按钮应该比“提交”按钮更不可见,以避免意外点击。
10. 提供可见的和特定的错误信息
我们应该以各种方式提示用户错误,不仅仅是颜色,还有粗体和绘图错误区域,以确保用户不会忽略错误信息。在这件事上,我们不能太狡猾。此外,我们应该保留用户以前的输入错误,以便用户可以方便地修改它们。
西安到响水物流专线苏州到中卫物流专线泉州到长宁物流专线网站建设合同在签订时的要点中山到灌南物流专线在CSS中使用IE浏览器不支持的属性实现浏览器选择性金华到宿州物流专线金华到重庆物流专线