发布时间：2019-3-12 分类： 电商动态
本文作者主要是对企业后端的数据表页面进行简单的分阶段总结，享受〜
在过去的六个月里，我经常接触到背景页面的设计。企业后端数据的显示通常由大量的表单和表单组成。当我第一次接手时，设计中有许多混淆。由于这种类型的页面和平面排版是不同的，因此可以追溯到没有排版的体验，与普通的移动用户界面不同，互联网上有许多设计作品和文章供参考。许多设计只能通过我自己的感受并尝试决定。另外，平台本身没有成熟的设计规格可供参考，因此初步设计不可避免地缺乏一定的实力。接手了一段时间后，我开始研究一些大工厂的设计规格，如元素和蚂蚁设计，并模仿设计规范，但毕竟我依靠葫芦画，知道为什么我不知道为什么。
最近，我一直关注这个问题很长一段时间。我在互联网上查阅了很多信息，我花了很多时间来整理网页的设计规范。在这里，我将对企业后端中的数据表页面进行简单的分阶段总结。
表格类型
表单是组织数据的一种方式。一般分为四类，入门型表格，设置表格，纯记录型表格和被动生成表格。这四种类型的表对应于提供的功能和用户行为。我负责的签到和工作报告的管理后页中只有两种类型的表单：设置表单和纯记录表单。
设置表单
用户在设置表单中使用的主要操作是快速扫描和搜索需要添加，删除，更改和检查的内容。签入中使用的设置表单（管理员检查和编辑签入规则和人员规则），签入管理员设置（管理员签入管理员及其权限）。
纯记录表
在大多数情况下，纯粹记录的表格存在作为存储数据的地方。在后端使用的纯记录表格是登记记录（员工和负责人查看或导出他们自己的登记记录），以及各种详细报告（管理员和负责人查看或导出员工的登记入住详情） ）。
设计时我应该注意什么
根据不同角色的用户的使用行为，可以看出这两种形式的设计中最重要的是可读性和效率。这是为了突出重要信息，同时确保阅读舒适度，便于搜索。
1.用户的目标是什么，而不是业务逻辑是什么？
企业后端页面的一个常见问题是数据表示的逻辑是根据业务逻辑而不是从用户的角度来呈现的。当你质疑这个问题时，产品经理也会说“业务逻辑就是这样的事情”，它会让人大笑。
例如，登录记录表单时，对用户最重要的是“签到状态”消息，但业务逻辑是首先显示各种签到详细信息，最后显示检查-in状态。因此，根据业务逻辑设计，无用信息将被固定在左侧，并且用户最关心的信息将被安排在最后一列中，这大大降低了使用效率。
2.告诉用户“你是哪里人？” “你要去哪儿？”
使用设置表单和纯记录表单时，用户的主要目的是查看页面并找到您要操作的项目。因此，在设计页面时，请清楚地告诉用户您正在查看的内容以及您关注的数据位置。
例如，在登录记录表时，由于表单本身的性质，数据量是不可避免的。用户正在努力查看表单，并且很容易不知道他现在在哪里看，因此该行提供了浮动状态显示。对于用户关心的异常信息，可以通过红色等显示，以便用户可以在扫视过程中快速找到目标。
3.隐藏或删除不一定显示的信息
首先根据简单原则检查页面中的每个项目，看是否有任何可以隐藏或删除的信息，减少用户的选择和页面中的噪音。
例如，系统可以自动生成顶部标签，以确定员工所属的值机组的登录规则，而不是不加区别地将所有选项置于顶部，从而降低用户的效率。使用它; “异常”类选项已折叠;例如，作为员工亲自使用登记日志，谁在哪个部门和哪个部门是明确的，所以左侧固定的“部门”和“名称”栏占据了很大一部分的位置，有绝对没有必要表现出来。
4.不同场景下的不同处理方法
可以在不同场景中使用不同的线高，同时平衡可读性。纯粹可记录的形式可以更紧凑，因为大多数数据不需要处理;数据量很小，需要处理的数据类型的数量可以保持更白，这使得它不容易出错。
5.规格很重要
不在规则中，不在广场上。企业后端系统的设计在一定程度上是最容易标准化和量化的设计。它构建了一个完整的设计规范，将其封装到组件库中，并在前端构建代码库。这样可以节省大量繁琐的注释并在将来工作。它可以在移交的情况下发挥重要作用。
我今天在设计中遇到的许多问题主要是由于缺乏标准化的设计规范。因为我没有在项目开始时花费一些时间在标准上，现在我必须花费几次来填补这个坑并哀悼。
本文最初由@janedaring发布。未经许可，禁止复制。
该地图来自unsplash，基于CC0协议
