-
B端页面:详细表格设计流程
本文作者总结了B端页面的表格设计流程,对表格设计进行了较为全面的总结,对一些基础场景构成提出了对应的设计规范建议。全文12606字阅读需要40分钟,请耐心查看。 一、表格定义 表格是一种基础的数据展示形式,用来采集、整理、对比、分析数据信息的二维矩阵。几乎所有B端产品都要借助表格查询与处理数据,因此表格也被公认为数据最为清晰、高效的表现形式。 内容信息的排列、数据信息的展示、数据筛选工具栏的使用,…- 1.7k
- 0
-
数据产品PRD设计规范(一):表格设计
表格是B端产品尤其是数据产品中,最常用的信息展现形态,比如商品列表、订单列表、用户列表,用户行为分析系统的事件列表、指标列表,DMP平台的标签列表、场景列表等,可以说B端产品40%以上的页面是由表格构成。 看似简单的一个表格功能,实际在PRD方案设计,到最终功能上线后,经常会遇到以下问题: 产品方案或交互说明功能遗留,开发上线后用户反馈优化建议,二次迭代开发 PRD文档里面产品交互说明不详细,测试…- 3.3k
- 0
-
掌握表格设计方法:表格体验篇
在我的上一篇文章中,详细的对【表单设计】进行了总结,沉淀了表单设计中需要注意的体验问题,今天按照同样思路对【表格】 进行整理,这是我写的第二篇文章,希望能对大家有帮助。本文从设计的角度,对如何进行表格设计展开分析,希望对你有帮助。 首先了解下表格的构成:顶栏、表格主体、底栏。 顶栏: 对表格信息进行概括,包含标题、筛选、搜索、操作按钮等功能 表格主体:承载数据内容,由 行 和 列 构成 底栏:主要…- 4.5k
- 0
-
容易让人“忽略”的表格设计
表格,是一种常见的信息组织整理手段。常用来展示、保存、对比分析、排序、筛选 、归纳等,是最清晰、高效的数据展现形式之一,由内、外两部分组成。本文作者主要是结合自己在实际工作中遇到的表格设计问题,针对Web端数据呈现方式之一,表格的设计进行探讨。 内部:由表头、表体、表尾共3 部分组成; 外部:由筛选区域、操作按钮区、分页区共3 大类组成。 说完表格的组成,接下来将会从易读性和易操作性两个方面来分析…- 5k
- 0
-
B端产品:移动端表单表格设计
今天小编给大家带来的文章是移动端表单表格设计,B端产品上表单、表格也许复杂的很令人厌烦,但它们是富含数据的文件中至关重要的构成元素,并且值得我们进行细致的设计思考,一起来看看吧! 通过设计更高效、清晰、易于使用的表单、表格,能使用户在使用表单表格时快速分析理解大量数据的体验,提高办公效率。于是本文将分享出个人对表单设计原则与技巧,以下观点是个人观点,如若有更好的方法欢迎提出。 优化信息框架 旧版中…- 8k
- 0
-
B端产品表格设计实战指南
在B端的UI设计过程中经常要接触到大量的表单设计,且要展示海量数据,因此如何展示更清晰且让用户使用起来更便捷是设计师主要需要考虑的。本文是作者从实际工作出发,结合项目和过去经验对于复杂业务类的表格设计的一次总结。 一、表格的介绍 1. 表格的定义 表格(Table):又称为表,是用来收集、整理、组织、分析数据的二维矩阵;它既是一种可视化交流模式,又是一种组织整理数据的手段。 2. 表格的构成元素 …- 5.6k
- 0
-
Saas产品中,数据表格的设计要点
本文作者基于过去的创业经验,为我们分析总结了数据表格设计的一些关键点,希望看后能够对你有所启发。 过去的创业经历中,我接触了不少 SaaS(Software as a Service,软件服务化)平台,如 Mailchimp 、 Shopify 、 Klaviyo 、 Zendesk 等。 它们虽功能各异,但是ToB 管理后台中有一个共同点——大量使用表格,这可能是效率最高的信息展示方式了。表格可…- 8.8k
- 0
幸运之星正在降临...
点击领取今天的签到奖励!
恭喜!您今天获得了{{mission.data.mission.credit}}积分
我的优惠劵
-
¥优惠劵使用时效:无法使用使用时效:
之前
使用时效:永久有效优惠劵ID:×
没有优惠劵可用!