概要：九、把相关的数据放在一起498)this.style.width=498;" border=0> 图 5 相关数据放在一起这个技巧非常有用，因为它可以把内容组织得更好，具有更好的用户体验。设计人员遵循这个最佳实践把相关数据组织在相邻位置，例如，将个人数据放在一个区域，与工作相关的数据放在一个区域，与账号相关的数据放在一个区域，这样用户看到表单就不会茫然不知所措，并且这样做对用户有一个指导性作用，用户只要跟随表单一步一步往下填写便可以了，如果有可能，尽量使用图例对每个区域进行标注。十、按种类对数据进行排序，按字母表对种类进行排序498)this.style.width=498;" border=0> 图 6 合理排序在表单中组织数据的另一个方法是按字母顺序排列它，这样做有一个好处是，你的用户可以预知下一条信息是什么，他们知道信息的组织和排列方式，使用起来就会得心应手。十一、使用tabindex属性组织Tab键的顺序确保表单的Tab键顺序是组织良好的，用户按下Tab键，焦点是有规律地在各个输入控件之间移动，这样
让用户不再讨厌Web表单的十九个最佳设计实践,标签：电脑基础知识,电脑基础知识入门,http://www.85jc.com九、把相关的数据放在一起
498)this.style.width=498;" border=0>
图 5 相关数据放在一起
这个技巧非常有用，因为它可以把内容组织得更好，具有更好的用户体验。设计人员遵循这个最佳实践把相关数据组织在相邻位置，例如，将个人数据放在一个区域，与工作相关的数据放在一个区域，与账号相关的数据放在一个区域，这样用户看到表单就不会茫然不知所措，并且这样做对用户有一个指导性作用，用户只要跟随表单一步一步往下填写便可以了，如果有可能，尽量使用图例对每个区域进行标注。
十、按种类对数据进行排序，按字母表对种类进行排序
498)this.style.width=498;" border=0>
图 6 合理排序
在表单中组织数据的另一个方法是按字母顺序排列它，这样做有一个好处是，你的用户可以预知下一条信息是什么，他们知道信息的组织和排列方式，使用起来就会得心应手。
十一、使用tabindex属性组织Tab键的顺序
确保表单的Tab键顺序是组织良好的，用户按下Tab键，焦点是有规律地在各个输入控件之间移动，这样表单的易用性不仅更好，也更具有亲和力，因为有了Tab键的帮助，用户完全可以脱离鼠标了。
十二、尽可能重新填充内容
这个技巧是非常受用户欢迎的，尽一切可能填入需要用户重填的内容，不要让用户输入两次相同的回答，如果可以，可以提供一个按钮“使用上面相同的内容”，让用户自行决定。
十三、拆分表单
498)this.style.width=498;" border=0>
图 7 将很长的表单拆分成多个短小的表单
如果表单非常长，应该按数据的相关性将其拆分成多个步骤，就象是把一个很大的任务分解成多个小任务一样，这样用户才不会有畏惧感，也不容易产生疲劳，同时拆分后可管理性会更好，用户前面填写的表单是可以先保存起来的，如果用户在填写后面表单的时候遇到计算机故障，不至于所有填入的表单内容全部丢失。注意，如果你将一个长表单进行了拆分，最好给用户一个提示，让其知道当前所处的位置，如2/4页，这样用户就知道完成了多少内容，还剩多少内容未完成。
十四、突出显示错误位置
当Web表单上出现错误信息时，确保使用了突出的表达形式，以便让用户准确地知道错误在哪里，以及如何修复它，如果什么提示都没有，那是非常糟糕的，用户会滚动到表单的末尾，直到提交可能才会发现问题。比如将有错误的输入控件标识为红色，用户可能会很容易就发现问题所在之处了。
十五、保存正确的信息
如果用户不小心犯了一个低级错误，那么用户应该只需要返回纠正这个错误即可，其它输入正确的信息就应该得到保存，其实也就是不要让用户再输入一次内容。
十六、使用恰当的颜色
改善Web表单的另一个重要建议是按照颜色本意使用颜色，有些颜色不管是否有残疾、不管年龄大小、语言或计算机知识，人们都能理解，适当使用这些颜色是至关重要的，因为它们超越了所有理解限制。例如，红色代表错误，绿色代表正确，黄色代表报警，但也要考虑到色盲，例如，不要仅仅使用红色表示必填字段，最好是使用红色字体的“必填”单词进行标注。
十七、记住目标读者
最新更新
