网页设计应:提高网页表格可读性设计技巧(5)

11.提供自定义选择

由于一份数据报表，往往需要满足各种不同的角色在不同情况下的需求，因而在数据内容上，一般采取宁多勿少的原则，即系统提供尽可能详细的数据给用户，由此就造成了表格指标过多，难以在一个屏幕内完整展示，导致需要横向拉伸，极大的降低了表格的可读性。在这个问题上，我们采取的方法是将所有的指标名称罗列在表格上方，并提供复选框选择，在默认情况下仅展示最常用、最重要的几个指标（如下图）。这样做的好处是，首先，用户能在表格上方看多所有的指标名称，避免了原来需要横向拖拽才能浏览到所有指标的情况；其次，用户可以根据自己的需要，自由的选择显示所需指标，隐藏不必要指标，减少干扰。

12. 提供搜索和筛选

提供表格搜索和筛选是帮助读者根据自身需求减少数据量的有效工具，用户通过输入自己所需的特殊条件，从而快速得到目标数据条目。

13.提供排序

通过数据排序的方式，可以快捷的发掘出关注的信息，很好的帮助读者发现信息条目之间的关系，提高关键条目的优先级。这个方法不但在数据行多时适用，在数据量并不那么大时也同样适用。

总结

1. 从用户阅读表格的目标出发设计表格的内容和布局
2. 从提高用户阅读速度的功能角度出发进行表格的视觉设计，避免过度设计
3. 当表格指标、数据过多时，提供一些自定义的工具帮助用户自助选择出最需要的数据条目

原文链接：http://ecd.tencent.com/tips-of-data-table-design.html