时间:2023-01-19 | 标签: | 作者:Q8 | 来源:网络
小提示:您能找到这篇{5分钟,带你掌握20个表格设计技巧}绝对不是偶然,我们能帮您找到潜在客户,解决您的困扰。如果您对本页介绍的5分钟,带你掌握20个表格设计技巧内容感兴趣,有相关需求意向欢迎拨打我们的服务热线,或留言咨询,我们将第一时间联系您! |
好的数据表格允许用户去扫描、分析、比较、筛选、分类以及调整信息从而分析出问题和得出解决方案。此篇文章主要是展示了浙江微信朋友圈卡片广告市一些设计框架、交互架构和技术手段去帮助你设计出更好的数据表格。 1. 固定表头当用户滚动表格时,固定表头可以方便用户快速获取当前数据信息。 2. 水平滚动对于一些比较大的表格来说,提供水平滚动非常有意义。在首列放置一些标识数据,并锁定首列可以方便用户去比较数据。 3. 可调整列宽度用户可以通过拖拽调整列宽,方便其看到格子内的完整数据。 4. 行样式可以通过加入斑马线、分割线来提高数字互动营销公司数据的易读性。用户在面对大量数据的时候,可能会出现视觉丢失。而分割线可以方便用户定位信息。在阅读长的横条数据表时,斑马线样式可以帮助用户更好地集中注意力。但是在只有少量数据的报表上采取斑马线设计,会出现可用性问题,因为用户可能会想为啥有些行是高亮显示的。 5. 可调整数据密度行距更低的表格可以帮助用户无需滚动即可查看更多数据。但是这可能会导致用户在扫描数据的时候,看错一些数据。这就是为何很多好的表格采用了类似的选项按钮设计,可以让用户自己去选择数据的密度。 6. 提供可视化的图表可视化的图表可以让用户对下方的数据报表有一个初步的印象。同时,用户在看数据报表前,就能从图表那发现数据的问题和得出一些初步的结论。 7. 分页通过分页功能,用户可以调整单页显示的数据量。下方的例子,就是说明用户可以自定义报表每页显示的行数。这种设计常常会被另一种设计所取代,那就是无限翻页设计。(译者Jimmy:就是类似 Pinterest 的自动刷新机制)当用户滚动鼠标的时候,就会自动翻页。无限翻页设计对于一些「探索型」的网页来说,特别有用,但是在一些需要表达优先级的场景就不太适合。(Jimmy:类似Pinterest 就是一个探索型的场景,内容不分优先级。但是类似清单类的应用,就不适合了,因为清单是有先后顺序且有优先级的。) 8. 鼠标悬停操作如果需要加入更多操作,可以采用悬停操作设计。但是,这会导致可见性问题,因为用户需要将鼠标移动到对应的位置,才知道有更多功能。 9. 行内编辑用户可以很方便地通过行内编辑功能编辑数据,而不需要跳转到单独的详情页面中进行编辑。 10. 可展开的行设计提供可展开选项可以方便用户在不丢失内容下,查看一些附加信息。 11. 快速查看除了使用可展开的行的设计以外,还可以使用侧边栏弹出更多信息的设计。 12. 模态弹窗模态弹窗允许用户停留在表单视图,同时又能让用户的注意力集中在更多的信息与操作上。 13. 多模态弹窗多模态弹窗给高级用户提供了更多的功能操作,同时还可以更方便地去比较数据的不同之处。 14. 行细节单击行链接可以将表单转换成另一种模式——左侧显示列表数据,右侧显示详情数据。这样用户可以很方便地去分析一些复杂数据,还可以同时比较多组数据,且无需进行退回或者一些复杂的操作。 15. 列支持排序列支持按字母顺序和数字大小进行排序。 16. 支持基本的过滤基本过滤功能允许用户快速过滤表单中的数据。 17. 筛选列功能允许用户为特定的列去做筛选操作。 18. 可搜索列通过快捷的搜索操作,允许用户在每个列表中搜索特定的值。 19. 添加列允许用户添加列。这种方式可以保证在有限的空间下承载必要数据的同时,还能让用户按照所需添加额外的列。 20. 可自定义列的位置允许用户按照自己的需求,排列列的位置。此功能还要记录用户的操作,保证用户下次使用时还是TA上次设置的那样。
原文地址: 译者: 本文由 @Jimmy Wang 翻译发布于。,。 |
上一篇:Android VS iOS:多数PM忽视的5个交互设计
下一篇:案例分析|上传作品时,设计师也要包装一下
一、标题规则:标题关键词分开的店铺,关键词排名和权重会排在前面。所以店主...
作为一个淘宝卖家,关注自己的店铺权重,是十分重要的,因为这对自己的销量、...
一般的消费者在淘宝买东西的时候都会先输入一个他理解这个产品的词组,顾客的...
淘宝直通车收费方式还是挺好的,所以对于一些资金比较少的淘宝店家来说,推广...
第一步:登录到淘宝卖家中心,点击左侧菜单中的『物流管理-电子面单平台-我的...
推广当然都希望立竿见影,最好来一个点你广告的,就做一笔生意,所以要选择你...
现在开淘宝网店只要交一些保证金就可以完成了,可以说是投资最低的创业成本了...
宝贝滞销,也就是说宝贝长期没有销量,上架之后90天依然没有销量,那么淘宝方...
直通车坑位指的是大家在使用直通车做店铺推广的时候,官方平台给予宝贝的展示...
线下活动对很多网站来说不容易,对于一些静态网站来说更加无从着手。比如技术...
小提示:您应该对本页介绍的“5分钟,带你掌握20个表格设计技巧”相关内容感兴趣,若您有相关需求欢迎拨打我们的服务热线或留言咨询,我们尽快与您联系沟通5分钟,带你掌握20个表格设计技巧的相关事宜。
关键词:交互架构, 数据表格, 表格