美文网首页@产品@产品首页推荐首页投稿(暂停使用,暂停投稿)
复杂中见条理 —— 数据表格设计点集合(上)

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

作者: Linfolio_交互小怪兽 | 来源:发表于2017-07-27 07:32 被阅读269次

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

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

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

1. 顶部固定滑动

顶部滑动示例

2. 横向固定滑动

横向滑动示例

3. 模态编辑弹窗

模态弹窗示例

4. 可展开表格

展开表格示例

5. 表格调整疏密

调整疏密示例

6. 可自定义条列

自定义条列示例

7. 可筛选表格

筛选示例

8. 添加条目

添加示例

9. 表格内编辑

表内编辑示例

10. 浏览详情弹窗

浏览详情示例

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

参考链接

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

相关文章

网友评论

    本文标题:复杂中见条理 —— 数据表格设计点集合(上)

    本文链接:https://www.haomeiwen.com/subject/lyygkxtx.html