一、背景

传统的零售企业，在涉及多岗位协同的时候，都是线下做交接，然后到系统中找到对应单据做操作，而且可能涉及多个不同系统。比如资料维护员维护了供应商采购合同后，需要先通知采购员、采购经理这个事情，再等待采购员、采购经理找到采购合同模块中待审核的采购合同，才能完成多级审核。随着企业越做越大，存在的系统也越来越多，人工协同工作的工作量成倍增加，严重影响工作效率。

为了打破传统模式下的多系统各自为战，且需要人工串接的方式，海鼎开发了HDBPM系统。HDBPM（HEADING Business Process Management，即业务流程管理系统）是一个全新的、跨多应用平台的业务流程管理系统。依据流程，将待办任务推送到用户桌面，多用户进行有效协同。

为了确保HDBPM的易用性，提高用户在使用HDBPM的效率，海鼎UX（User Experience，用户体验）小组全程参与HDBPM的设计过程，在设计的过程中更关注“人机交互设计”，更关心“使用者的感受”。通过人机交互的设计，降低了用户使用成本，提高运转效率。

二、人机交互设计理念

人机交互，从字面理解，即人和系统接触、互动，更准确的解释是：用户通过某种方式发出指令，且系统对此作出相应的反应。

所以，人机交互设计的目的是加快交互速度，同时使用户能够更加有效地进行日常工作和学习。

在设计过程中，UX小组主要遵循了人机交互设计的四大原则：

1、对功能进行恰当的分类和组织，便于用户更快捷地找到相应的功能

2、帮助用户高效地完成操作

?   支持批处理操作

?   提高常用操作的效率

?   操作便利

3、使界面符合用户的使用习惯

?   使用已有概念模型，比如文件管理器

?   主动自适应调整策略，即根据多使用者自动优化体验过程，比如提醒最近常用

4、减少用户在使用软件时出现错误

?   让用户能有效地看出或者知道如何进行正确操作

?   减少用户记忆的负担

?   自然匹配和预设用途

?   尽可能采取一致性的设计

?   利用某种方式提醒用户可能出错

以用户为中心，UX小组根据用户使用习惯，遵循以上原则，做人机交互设计，更加凸显HDBPM优势。

三、HDBPM交互设计方案

UX小组，从用户需求分析出发，进行针对性交互设计。

1、用户需求分析

分析使用者的应用场景，HDBPM需要实现的功能主要有：

?   待办事项，提醒当前用户待办任务，提供必要信息，并提供操作入口，可直接进行操作；

?   我的流程，用于查询我参与的所有流程，并可追溯历史的操作界面，了解流程流转过程，对于有权限的人员也可以看到其他人参与的全部流程；

?   发起流程，用于工作流程的发起，针对有权限发起的流程，可根据需要发起；

?   流程定义，用于管理员部署和启用/停用流程，同时可指定流程参与人，配置权限，定义流程间的关联关系等。

在设计过程中，突出各功能页面核心功能，简单明了，提高交互效率。

2、交互设计

根据用户需求，HDBPM整体划分为4大部分：待办、我的流程、发起流程、流程定义，整体效果见图1。

图1  HDBPM整体页面

´ 待办

图2 待办页面

待办页面为用户使用的主页面，可以查看并执行任务。

设计待办时，主要考虑的设计点：

1）  对于待办较多的人员，可以进行简要条件（按任务名称）的搜索，如果还需要更多搜索条件，可以展开更多搜索，如图3所示。重点突出常用操作，也避免占用过多页面空间，此设计也在多处使用，保证了设计统一性；

图3 更多搜索条件

2）对于常用的分类导航，包含全部、待执行、待签收、重要、委派给我、我委派给别人、将到期、已到期，作为快速的导航入库，放在待办列表的上面，同时显示了各分类待办任务的数量，操作十分便捷。同时这一设计在多个页面都有类似应用，保证了设计的统一性；

3）待办列表上提供了对多个待办任务的批量操作功能，使用户高效进行操作；

4）每条任务都会突出任务的执行类型，是普通任务、委派的任务还是待签收的任务等，同时可以维护任务重要与否，便于后续搜索、定位；

5）每条任务都会显示任务的核心信息及所属的流程核心信息，便于用户定位问题，如果需要了解详细信息，还可以点击任务标题进入任务详情说明页面；

6）鼠标悬停在具体任务行后，会显示出所有可以执行的操作，作为快捷入口，方便用户直接进行相应操作，如图4所示。进入待办页面时，默认只提示一个核心操作，避免全部显示出来造成页面信息量太大，同时界面也更加简洁、明了。所以只有鼠标悬停的时候，才会显示出对应任务的所有可用操作，这块的设计很多页面也都采用了相同的设计。

图4 鼠标悬停某任务的效果图

´ 我的流程

图5 我的流程页面

我的流程主要用于追溯和管理用户自己的流程，对于管理员，还可以查看其他人的流程。

设计我的流程时，主要考虑的设计点：

1）搜索条件和流程范围的分类导航设计，和待办一致；

2）在流程列表上面，针对管理员，可以批量进行暂停、恢复、终止操作，操作非常便捷；

3）在流程列表中显示流程的核心信息，包括了流程专题、流程分类、发起人、开始和结束时间；

4）如果要了解流程的详细信息，可以点击流程名称，进入流程详情，对于待办任务，也可以在流程详情中进行多种操作。

´ 发起流程

图6 发起流程页面

如果用户需要发起某些流程时，可以进入发起流程页面，选择性发起。

设计发起流程时，主要考虑的设计点：

1）根据使用者经常发起的流程，自动更新，提示最近常用流程；

2）可以搜索流程，对于可发起流程很多的用户，可以快速定位；

3）下面根据流程分类，展示所有可发起的流程列表，用户可以根据分类，快速定位需要的流程。默认可发起的流程是全部展开的，也可以单击每个流程分类做收缩；

4）鼠标悬停在具体的流程上时，会显示出可以进行的操作，包括发起和查看流程说明。点击流程名称，即发起了流程，为了避免误操作，会提示是否确定发起该流程，点击确认后发起流程。

´ 流程定义

图7 流程定义页面

对于管理员，经常要根据企业需要配置新的流程，或者调整流程的执行人，可以在流程定义页面操作。

设计流程定义时，主要考虑的设计点：

1）采用windows资源管理器的概念模型，左侧是流程分类列表，流程分类中可以包括下级分类、所属流程，可以根据情况，灵活匹配。点击左侧对应分类，右侧会显示该分类包括的下级分类以及流程；

2）在右侧核心位置突出了页面核心操作，导入新的流程、新建分类，重点非常突出，用户很容易定位；

3）流程定义列表可以进行批量操作，操作体验保持一致；

4）在流程定义列表中，可以很明显看出，流程定义的状态、是否已经指定了参与人，且可以针对具体流程定义做相应操作；

5）可以看到流程定义的关联流程，同时也可以进行关联流程的维护，比如用户发起了供应商引入流程，可以关联商品引入流程、采购合同申请流程等，提示操作人员的便捷性。

四、流程案例

零售企业实际使用过程中，HDBPM作为业务流程管理的工具，可以根据企业的管理需求，灵活定义流程，同时可以根据流程环节的设定，配置相应的执行人。

所以在HDBPM实施过程中，需要确认零售企业的管理流程，举个供应商管理流程的例子，图8为供应商可能涉及的流程列表，图9为待引入供应商评估流程示例，可以看出HDBPM可以串联多业务系统，可以根据需要进行流程环节的配置，不同企业可以完全不同，还能根据需要配置执行人。

图8 供应商流程列表示例

图9待引入供应商评估流程示例

用户在执行具体任务后，会进入一个任务完成页面，可以直接执行当前流程的下一个任务、下一个待办、查看执行结果或者发起关联流程，大大提高了用户执行效率。

图10 任务完成页面

五、结语

在未来的信息时代，用户需要接触的信息量越来越大，面对的系统也会越来越多，所以基于流程的管理会越来越重要，HDBPM作为海鼎新一代产品，有着不可替代的重要作用。

海鼎在新产品的设计过程中，更加重视用户体验的优化、人机交互的设计，以不断提升其易用性，形成海鼎的差异化优势。以用户为中心，提高用户满意度，海鼎正朝着创造美好的用户体验的方向努力着。