数据生产后台体验优化

数据生产后台体验优化

一、项

我们给用户提供的是一款专业资料查询阅读的App,用户最看重的是资料覆盖

是否全面，内容是否严谨。这就辛苦了公司的数据生产团队，必须非常及时和高

效率地拿到一手原始资料，进行翻译编辑校对等工作后发布给用户阅读。

（原始资料

数据生产

为了保证效率和质量，公司自行开发数据生产后台，数据团队成员在此协作数据

生产。具体逻辑如下图所示：

・主编是最高权限角色。负责创建数据生产任务，并且对最终生产的数据质量进行把

关后发布给用户。

・编辑负责领取数据生产中的编辑任务,完成任务后提交给审核。

・审核对编辑生产的数据进行校对，如果不符合可打回编辑修改，符合数据可提交给

主编进行终审。

随着数据生产后台的迭代，功能越来越多。原来的页面框架已经承载不了，因此

我决定重新梳理，系统优化体验。

二.找到重点

B端系统逻辑很复杂，为了能系统的优化体验，我试图用某对象有若干属性,

属性有不同的状态。状态不同操作不同，不同操作有不同的权限这个框架来梳理。

这个框架梳理到接近完成时我放弃了。仅仅是鸟瞰全局就花了很多时间，如果再

接着梳理细节，还不知道要花多久才能正式开始设计。

■，］X

属性日

状态樗修改

操作HI薪绛止

修涧

于是我转换思路，评估不同页面的体验问题严重程度，从难到易逐个击破。评估

的方法用某个页面哪个角色执行哪些任务，任务频次、重要程度如何。

数据生产系统

任务池页工作台页人员

s

-任务：

任务领取子任务

s任如I次.低

任务IB次中SHM：中

-中

6

-

f

-i

创建任务页条目编辑页

Q33中e

farla

fl

根据评估结果，显然「条目编辑页」和「工作台页」是最应该优化的。

三、梳理任务

下图就是「条目编辑页」的老版本界面。根据不同的角色功能略有不同，但总体

来说都是用户依次切换条目，并根据每个条目提供的参考资料等对内容进行编辑

或审核。

伞）AntDesign

任务池

任翳名称和ID

工作台任务说明审橙桀果历史始录1/3>参考文

人员・理

■近修改时隽：2020-1-2012:23修改

•号来源（条目名称）

条目描述

中文名

条目附件.pdf

条目附件M这里是中文名

字段名薛

，考来源（子任务ID）

子任务描述

子任务附件网扇M向=♦,t

于任务财管pdf

竭耀的内容娼幅的内容编II的内容:

子任务附件一时

内容妤辑的内容编蟆的内目编婚的

任务描述和附件

主任务描述

主任务附件叫

主任务附件pdf

主任务附件pdt

字段名林

e««Q：：■■c

编辑的内容编辑的内容编周的内容

的内容蜡辑的内容编辎的内容编辑

别急着马上找页面上明显的问题，为了彻底消灭体验问题，首先应该梳理不同角

色在页面上做的操作。

如下图所示，编辑角色选择未编辑的条目查看任务说明后编辑内容和设置参考文

献，之后保存草稿表示完成该条，接着继续选择未编辑的条目进行操作，直到所

有条目完成后提交子任务。

审核和主编角色的审核流程基本一致，区别在于主编能自由打回到前面环节的任

一角色。审核和主编在选择待审核条目后，查看内容和任务说明，对于不合格的

条目能自行编辑或者填写审核意见，待子任务全部处理完成后提交。

编辑角色-首次编辑审均

如果审核和主编在首次审核提交后有不合格的条目，那编辑得再次修改提交，审

核和主编也要再次审核。和首次区别在于需要查看或者撰写审核/申诉意见。

编辑角色-根据审核结果修改

aww?

根据以上流程图，将角色和核心任务抽象后，可以简化为5个步骤（选择子任

务在前一个页面完成，不算在内），如下图所示。

如果把步骤放在页面上，除了左侧主菜单占用太大面积，整个操作动线依次从上

到下从左到右似乎没什么问题，但真是如此吗？

四.确定问题

我们之所以用电脑而不是手机来做数据生产管理系统，是因为在电脑上有更大的

屏幕来呈现内容，键盘鼠标精准快捷地操作也能提高效率。如果我们仔细分析每

个步骤用户的需求，就发现并没有合理地利用电脑大屏幕的优势。

对于步骤1选择待处理条目而言，因为用户要处理完所有条目后才能提交，因

此最好能一目了然的知道哪些条目需要处理，哪些不需要。可以非常方便地选择

待处理的条目，用列表呈现更好。

条目

条目1:待编辑

条目2:审核不通过

条目3:审核通过

条目4:待编辑

条目5:已完成

条目7:待编辑

对于步骤2查看附属内容绝大多数都是在对条目主体内容进行编辑之前查看,

处理过程中偶尔需要打开看一眼。因此不需要一直展现占据空间。应该提供隐藏,

这样能给真正需要展示大量信息的步骤3处理主体内容留出更多空间。

默认显示附属内容

,,、隐藏附

主体内容\属w内容

属

内

容

五.优化方案

经过以上分析，最终得到「条目编辑页」的优化方案。

1.去掉全局导航，提供返回工作台按钮。给用户长时间处理条目的沉浸环境，也给真

正需要展示的内容留出更多空间。

2.提供工具栏。不同的角色有不同的操作，后续可能会增加其他操作。弹性的工具栏

区域可以满足以后的扩展。

3.条目改为列表。显示每个条目的状态，帮助用户一览全局，快速选择应该操作的条

目。

4.附属内容可显示或隐藏。将更多空间留给主体内容。

1.去掉全局导航，提供返回工作台按钮

给用户长时间处理条目的沉浸环境，也给真正需要展示的内容留出更三

<-量房作”任务名称和Q

-------------------<保件本次・・塞。■文♦

2.提供工具栏1己关式字段名蜂

不同的角色有不同的XXXXXXXXX

2巳盍tit

操作，而且后续可能字段名蜂

7博加Ml

还有扩展。弹性的工a«MiBis■・一曲・••3C

4傅塾成

具栏区域可以很好的XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXJQOOOOOOOOOl

S已先"

满足该需求

e

j椅臾展|

8巳充成

9巳%R字母名脚

*■•府H-03亚・•・X

■iotiwxi

3.条目改为列表nejut

显示每个条目的状12EM

态，帮助用户一栏全

局，快速选择应该操

作的条目

字网名弊

Aam(B=♦-uSS■«•3C

xxjoooocxxioo(xxxioixxxKio(xxxxxxxxnocxxxx)ao(xxxnoooooaoo(xxxxxxxxx.

优化后