固定表头
将标题固定以便一页内展示大量数据固定列
对于列数很多的数据,可以固定前后的列,横向滚动查看其它数据可伸缩列
调整列的大小,让用户完整地查看缩写数据。基础表格
基础表格有三种样式:斑马纹表格、带边框表格、没有样式区分的表格
使用带斑马纹的表格,可以更容易区分出不同行的数据。不同密度的表格
较小的行高使用户无需滚动即可查看更多数据。 但是,它会影响可扫描性,从而导致解析错误。数据可视化表格
可视化让数据看起来更直观清晰鼠标悬停显示操作
当鼠标悬停显示操作可以避免视觉混乱可编辑行内容
用户可在当前页编辑任意一行内容展开行信息
允许用户在当前表格能够查看更多信息右侧快速预览
允许用户在当前表格能够查看更多信息弹窗预览
弹窗预览能在用户停在当前页,但是更重要的信息放在弹窗里多弹窗预览
多弹窗可以查看更多细节内容,并且可以对比数据表格排序
对表格进行排序,可快速查找或对比数据。筛选
对表格进行筛选,可快速查找到自己想看的数据。自定义筛选
自定义高级筛选,更易快速查找数据为什么表格很重要
在B端的操作系统中表格是必不可少的一部分,如何让表格更易于操作更符合用户行为,是设计师需要钻研的地方。
良好的UI设计是基于人类的目标和行为的。UI设计反过来影响行为,从而推动进一步的设计决策。 用户体验以微妙和无意识的方式改变人类的决策。就像所看到的一样,交互方式会影响用户行为。我们可以从表格设计开始,让这个世界因为我们的设计而变成更美好。
网友评论