中后台产品的表格设计，看这一篇就够了（原型规范下载）

经过了将近一年的后台产品经历，踩了很多坑，试了很多错，也学习到了很多东西，目前也形成了自己的一套规范。本文将其中的部分收获汇总成文，希望能够对大家有所帮助。后台产品有一个很重要、常见的元素，就是表格。表格承担着详情入口、数据展示的功能，看似简单，其实里面的细节特别多。在以效率为最重要的需求的后台产品中，如何设计一个能够高效率地进行查看和编辑的表格，考验着每一个后台产品经理的

产品 2018年01月25日

Web 页面中的表格设计，远没那么简单

表格的设计远远没有想象的那么简单，除了纯粹的数据展示，现在的表格越来越兼顾到一些导航的功能在里面，不仅仅纵向展示数据，在横向方面也做了相应的扩展。本文作者将来详细聊一聊表格。作为页面布局的重要组成部分，表格的身影随处可见。了解与熟知To B业务平台软件设计的工作人员都应该知道，表格在平台应用中的重要性。表格出现的概率不是一般的多，内容信息的排列布局、大量数据的展示、众多功能

产品经理 2017年04月25日

设计分享：设计可复用表格

“如果我有一个小时去解决问题，我会花55分钟去思考这个问题，然后用5分钟来想解决方案。”——佚名我们是来自CareerBuilder的交互设计师Havana和视觉设计师Ada，我们的视觉设计负责人Mark Patterson给了我们一个任务：设计表格的UI规范，用在包含不同用例和不同目标用户的产品线上。我们使用到的方法涉及到快速确定目标和问题的核心，并在早期通过测试验证我们

用户研究 2018年01月02日

To B产品中的统计信息设计实践

To B产品的需求方是付费大客户，很多情况下，我们无法拒绝客户所提的需求，他们想要的东西越多，我们的产品就越难做到简洁易用。做To B产品的交互设计，难免会遇到数据统计相关的设计工作，毕竟B端的需求包含了管理者对网站、对人员的管理，需要通过数据来了解整个网站的运营状况。前段时间由于客户需求的紧迫，连续做了好几个统计信息模块的设计迭代，正好可以来说说这类信息该如何进行规划和设

业界 2018年01月12日

【翻译】更好的设计数据型表格

【翻译】Design Better Data Tables一、了解数字不是所有数字都是均匀的或相等的。这里的数字指的不是π或者无穷，这里说的数字可能是表格式、复古风格的，或者是衬线字和等比例分布的数字。下面是一个关于复古字和衬线字的简单对比：复古风格的数字在句子里面看起来比较美观，因为他们在英文的句子里面更加匹配小写字母的大小和留白。衬线的数字就显得更加证实一点，并且可以有

产品经理 2017年06月27日

原型说明咋写-表格：批量操作

对提前准备原型规范&说明模板不明白的朋友，可以先查看《如何解决原型说明写不全？》本期组件：表格-批量操作。组件概述：表格的基础操作。一、约定基础规范本节主要

产品经理 2024年02月28日

B端设计指南06-表格（下）

一、在表格中，一个单元格的宽度如何确定首先在确定一个单元格的宽度时，我们需要对所有的字段类型进行最小宽度的设定。通常最小宽度是根据 「表格字段」 内容宽度的决

产品设计 2023年07月28日

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

数据表格中也包含着很多易忽略的设计点。数据表格是很常见的设计元素。常见，以至于自己设计时会欠缺更加深入的理解与思考。尤其是工作后接触到了很多后台系统，企业级系统等，更发现数据表格作为数据的载体，其实占据了比较重要的位置。它可以把数据，任务，有条理地归类。可能对于面向消费者的产品来说，数据表格的重要性没那么明显，但对于复杂系统来说，它们的背后，是成千上万的数据，而这些数据都需

产品 2017年08月16日

表格设计的六种打开方式，正确提升表格的阅读效率

本文主要从提升表格的阅读效率的角度给出设计方法。在设计数据类产品、后台配置产品时，PD 常常会指着一块地方说「这儿放个表格，需要有balabala…」，而表格的结构不外乎这几种类型：垂直布局水平布局矩阵布局水平布局：邮箱是一种典型的强调行的表格设计，它弱化了列的概念，阅读信息的视觉流是从左到右，一条一条的阅读信息。这种排列方式强调信息的连贯性，适合大量信息的浏览。大多数的表

产品经理 2016年12月20日

产品设计中关于表格设计的一些经验分享

由于长时间主导后台产品的设计服务，表格的大量应用，总结了些许经验，通过半个月的断断续续的整理归纳，希望对你有所帮助，欢迎阅读！表格应用表格，是一种常见的信息组织整理手段，常用于信息收集（展示）、数据分析、归纳整理等活动中，在互联网产品应用中，非常适合于：1.需要组织和展示大量信息数据 表格结构简单，分隔归纳明确，特别适合组织和展示大量的信息内容，且易于用户浏览和信息获取。2

产品经理 2016年10月02日