海鼎,助您成就梦想!

人机交互设计,助力HDBPM高效流转

2014年01月04日

评论数(0)

一、背景

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

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

为了确保HDBPM的易用性,提高用户在使用HDBPM的效率,海鼎UXUser 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作为海鼎新一代产品,有着不可替代的重要作用。

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

 

文章为作者独立观点,不代表联商专栏立场。

联商专栏原创文章由作者授权发表,转载须经作者同意,并同时注明来源:联商专栏+海鼎。