复杂中见条理 —— 数据表格设计点集合(上)

数据表格中也包含着很多易忽略的设计点。

数据表格是很常见的设计元素。常见,以至于自己设计时会欠缺更加深入的理解与思考。

尤其是工作后接触到了很多后台系统,企业级系统等,更发现数据表格作为数据的载体,其实占据了比较重要的位置。它可以把数据,任务,有条理地归类。可能对于面向消费者的产品来说,数据表格的重要性没那么明显,但对于复杂系统来说,它们的背后,是成千上万的数据,而这些数据都需要一一呈现给用户,所以数据表格的存在,则是大大简化了数据的呈现与使用难度的。今天看到一篇文章介绍了数据表格的各种设计点,觉得很受用,因而希望分享一下。

1. 顶部固定滑动

顶部滑动示例

2. 横向固定滑动

横向滑动示例

3. 模态编辑弹窗

模态弹窗示例

4. 可展开表格

展开表格示例

5. 表格调整疏密

调整疏密示例

6. 可自定义条列

自定义条列示例

7. 可筛选表格

筛选示例

8. 添加条目

添加示例

9. 表格内编辑

表内编辑示例

10. 浏览详情弹窗

浏览详情示例

这些属性虽然很全面,但要真正全面设计好一个表格,每一点都还是有需要仔细推敲的地方。下一篇里面,会继续补充这些不同的属性并尝试分析。

参考链接

https://uxdesign.cc/design-better-data-tables-4ecc99d23356

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容