思考 | 任务表格体验升级：如何让表格更直观，并辅助数字化决策？

一只鸡腿 2023-08-07 17:47:30

一、前言

相较于C端产品来讲，B端产品具有业务复杂，服务角色多等特色。其中表格作为一个复杂的形式，作为一个能够包容很多信息的组件。但是表格会有一个局限性的问题，就是不够直观，尤其是在需要直观查看任务。那我们要在这个场景下进行补充呢？

本文将结合生鲜云表格体验升级为背景，分享一下我们团队在提升数字化体验的一些思考与实践，希望能够给从事B端产品的体验设计师们一些启发。

二、业务背景

作为生鲜云生产中的生产模块排期，影响到了仓库主管（之后就简称仓管）针对生产的柔性排期和生产任务的查看效率。在业务迅速发展的同时，我们也发现了因为表格阅读难度等问题，导致资源空置率高和资源分配不合理。借着生产相关功能优化，我们团队就把体验优化提到了日程。

本次优化，我们优先级是优化了表格本身，还增加了一个观看的模式甘特图来辅助仓管进行数字化决策。

三、优化目标

想要数字化重构看板体验，首先面临的难题就是：如何把生产信息还原到线上来。

单点解决问题的方案，已经不足以满足用户全方位的需求，服务视角成为一个更好的解决用户诉求的方案。在这个大背景下，我们要做的也不仅仅是线上系统这么简单，我们期望的是：

一方面，发掘用户的需求，通过看板管理生产的场景，创造新体验，打造满足用户需求的产品；另一方面，从降低成本来说，提升工作流程效率，降低企业的成本。

我们通过数据收集、访谈调研发现，生产管理中，原有的表单信息呈现，并不足以满足仓库管理者的实际工作需要。针对管理角色，团队事项的整体进度、风险预判以及人员兵力分布是他们关注的重点，建立对团队和工作事项的掌控感是首要设计目标。而列表信息呈现生产任务的方式，既无法直观的展示产线的占用情况，不利于管理者及时作出调整，也增加了管理者的记忆负担，容易造成错漏疏忽。

使用看板视图的意义在于：相比单纯的数字展示生产排程，可视化甘特图可以携带更多的展示纬度（长度、颜色、状态……）更加直观的帮助我们多维度的安排生产排程，避免遗漏。

同时由于表格页面依旧有着不可替代的意义，所以我们选择甘特图排期表与原有表单进行切换的方式。在用户进入生产首页时，精准匹配角色诉求。让仓库管理人员从问题多，内容杂的日常工作中释放精力，提高工作效率。

仓管动态排程，可以根据生产动态个性化调整生产计划，柔性排期，降低逾期风险，提升人效以及减少生产过程中造成的生鲜损耗。

同时，实时数据助力排程策略优化，帮助企业解决因人员及机器空置率高导致的资源浪费。

四、优化措施

将表格与看板建立映射关系

确定设计目标后，我们针对排期表，进行信息层级上的梳理。

根据倒金字塔设计原则，先呈现最重要的信息，然后呈现附加的详细信息，重要性按先后顺序递减，能够快速传递重要信息，让浏览变得有效率。通过信息分级让重点脱颖而出，达到提高浏览效率和加快处理速度的目的。

排期表的核心作用是帮助仓管了解并安排生产进度，而一个排期表包含了项目、生产、时间等众多信息，且要依托视觉形式展现，我们的任务就是让排期表清晰易懂，帮仓管快速分配任务。

首先按照信息罗列——分类——排序——提取的流程，对排期表信息进行梳理。横轴表示关注程度，纵轴表示重要程度。

综合“业务要求”及“仓管访谈”结果，“生产逾期”是仓管最为关注的信息，其次各类信息分类填入，对信息进行排序定义优先级，提取整合完成分级。明确了信息重点可以有的放矢采取设计手段。

完成框架的梳理后，具体到落实层面，建立看板的载体架构，类比表格来设计看板的结构和布局，在实际生产任务中，因为生产情况的动态变化以及不可预知的特殊情况，有时会出现提前完成计划内任务，有时会出现任务延时。

因为展示纬度的多样性，所以又补充了预计工期，实际工期等内容，建立架构映射关系。

数据的可变性这一重要的特性让我们可以从数据中获取规律和关系。

“我们需要的不是数据，而是数据告诉我们的实事”。通过建立一个系统的监测体系的目的主要是为了从数据中探索：模式/ 异常。

看板中补充的预计与实际对比，帮助管理者沉淀经营数据，为之后工作中的风险预判积累了经验。

合理的视觉排列

在进行信息设计时，为了增强短时记忆（STM），我们从视觉上对数据进行加工。

例如运用颜色（如饱和度）、空间位置、外形等来强化分组信息，使管理者更清晰的了解工作任务及进度。

缩短任务发布路径

在实际调研中发现，仓管在右上角“新增生产任务”这一操作上效率较低，我们将新增操作路径优化为拖动空置时间添加——填写生产计划——完成，一次确认，缩短了操作流程，减轻仓管人员记忆负担，极大提升了新增效率。

每一步骤的操作成本差异看似不高，但是当它乘以百次千次的时候，问题就会被无限放大。针对仓管日常高频的操作，优化路径可以从细节中大大降低操作成本和时间成本。

在快捷操作给予引导的同时，依然保留了右上角的“新增生产任务”，给予新手仓管人员明确指引，减少学习成本，培养仓管使用看板排期的心智。

抽屉信息优先级重新排列

如何把控质检管理信息，降低管理查看信息的费力度，提升生鲜的品质呢？

在旧版的生产详情页中，主要是将生产相关信息平铺展示，没有对信息分级处理，造成用户认知成本高，有效信息获取时间长，大量详情让我们有种看不清重点的错觉，这种现象统称为“看不清”。

为了解决这个问题，我们将详情按照功能分成两大类：临时卡片和全部信息页面

基于用户调研，我们得知用户需要掌握的内容为品类、交货时间、生产进度、质检情况、库内监控，但对于生产任务不同情况时需要了解的重点信息不同
所以临时卡片上只展示用户最关心的重点信息，如生产中的卡片需要查看生产进度、损耗量，而未开始的任务需要查看开始时间、物料准备情况，这样进行分类可以起到快速查看和监控的作用。

全部信息方面，需要将所有字段展示完全，方便统一管理和操作，但也要对详情页进行信息重组，我们将信息分成核心、辅助、其他三个模块，核心模块包含生产基本信息，辅助信息为生产进度及质检信息，其他模块主要为监控视频。各个模块内的信息也进行重新的视觉布局，梳理它的视觉流向，放大重点信息，使其更符合我们的阅读习惯，改版后层级感突出，关键信息获取效率更高。