如果你的表格使用了展开功能,那么表头一定要设计得能让用户清晰地找到这个功能。不要让用户重重筛选才能找到他们所需要的信息。
高亮突出关联性Highlight Relationships
这种技术增加了复杂表格或矩阵的可读性。无论用户鼠标悬停到单元的列还是行,都会高亮突出整个单元。请见详例.
点击如下“Ask The CSS Guy”里的例子可以看到如何实现这种效果。
如何创建类似Orbitz’s airline的航空时刻和价格矩阵表格
增加动态选择效果Add a Dynamic Selection Effect
这里是“Ask The CSS Guy”里的另一个例子,允许用户选择表格的给定列(价格表),当前选择会高亮突出显示,并且能展开显示更多信息。这种方式和上一个例子是一致的,但是有不同的效果。查看demo 具体实现请点击:
创建类似Crazy Egg’s价格列表动态高亮列效果的表格
译文:http://article.yeeyan.org/view/155461/108136
本文链接:http://www.blueidea.com/design/doc/2010/7659.asp
出处:译言
责任编辑:bluehearts
上一页 15个优秀的表格设计技巧 [6] 下一页
|