一、背景

傳統(tǒng)的零售企業(yè)，在涉及多崗位協(xié)同的時候，都是線下做交接，然后到系統(tǒng)中找到對應(yīng)單據(jù)做操作，而且可能涉及多個不同系統(tǒng)。比如資料維護(hù)員維護(hù)了供應(yīng)商采購合同后，需要先通知采購員、采購經(jīng)理這個事情，再等待采購員、采購經(jīng)理找到采購合同模塊中待審核的采購合同，才能完成多級審核。隨著企業(yè)越做越大，存在的系統(tǒng)也越來越多，人工協(xié)同工作的工作量成倍增加，嚴(yán)重影響工作效率。

為了打破傳統(tǒng)模式下的多系統(tǒng)各自為戰(zhàn)，且需要人工串接的方式，海鼎開發(fā)了HDBPM系統(tǒng)。HDBPM（HEADING Business Process Management，即業(yè)務(wù)流程管理系統(tǒng)）是一個全新的、跨多應(yīng)用平臺的業(yè)務(wù)流程管理系統(tǒng)。依據(jù)流程，將待辦任務(wù)推送到用戶桌面，多用戶進(jìn)行有效協(xié)同。

為了確保HDBPM的易用性，提高用戶在使用HDBPM的效率，海鼎UX（User Experience，用戶體驗(yàn)）小組全程參與HDBPM的設(shè)計過程，在設(shè)計的過程中更關(guān)注“人機(jī)交互設(shè)計”，更關(guān)心“使用者的感受”。通過人機(jī)交互的設(shè)計，降低了用戶使用成本，提高運(yùn)轉(zhuǎn)效率。

二、人機(jī)交互設(shè)計理念

人機(jī)交互，從字面理解，即人和系統(tǒng)接觸、互動，更準(zhǔn)確的解釋是：用戶通過某種方式發(fā)出指令，且系統(tǒng)對此作出相應(yīng)的反應(yīng)。

所以，人機(jī)交互設(shè)計的目的是加快交互速度，同時使用戶能夠更加有效地進(jìn)行日常工作和學(xué)習(xí)。

在設(shè)計過程中，UX小組主要遵循了人機(jī)交互設(shè)計的四大原則：

1、對功能進(jìn)行恰當(dāng)?shù)姆诸惡徒M織，便于用戶更快捷地找到相應(yīng)的功能

2、幫助用戶高效地完成操作

?   支持批處理操作

?   提高常用操作的效率

?   操作便利

3、使界面符合用戶的使用習(xí)慣

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

?   主動自適應(yīng)調(diào)整策略，即根據(jù)多使用者自動優(yōu)化體驗(yàn)過程，比如提醒最近常用

4、減少用戶在使用軟件時出現(xiàn)錯誤

?   讓用戶能有效地看出或者知道如何進(jìn)行正確操作

?   減少用戶記憶的負(fù)擔(dān)

?   自然匹配和預(yù)設(shè)用途

?   盡可能采取一致性的設(shè)計

?   利用某種方式提醒用戶可能出錯

以用戶為中心，UX小組根據(jù)用戶使用習(xí)慣，遵循以上原則，做人機(jī)交互設(shè)計，更加凸顯HDBPM優(yōu)勢。

三、HDBPM交互設(shè)計方案

UX小組，從用戶需求分析出發(fā)，進(jìn)行針對性交互設(shè)計。

1、用戶需求分析

分析使用者的應(yīng)用場景，HDBPM需要實(shí)現(xiàn)的功能主要有：

?   待辦事項(xiàng)，提醒當(dāng)前用戶待辦任務(wù)，提供必要信息，并提供操作入口，可直接進(jìn)行操作；

?   我的流程，用于查詢我參與的所有流程，并可追溯歷史的操作界面，了解流程流轉(zhuǎn)過程，對于有權(quán)限的人員也可以看到其他人參與的全部流程；

?   發(fā)起流程，用于工作流程的發(fā)起，針對有權(quán)限發(fā)起的流程，可根據(jù)需要發(fā)起；

?   流程定義，用于管理員部署和啟用/停用流程，同時可指定流程參與人，配置權(quán)限，定義流程間的關(guān)聯(lián)關(guān)系等。

在設(shè)計過程中，突出各功能頁面核心功能，簡單明了，提高交互效率。

2、交互設(shè)計

根據(jù)用戶需求，HDBPM整體劃分為4大部分：待辦、我的流程、發(fā)起流程、流程定義，整體效果見圖1。

圖1  HDBPM整體頁面

´ 待辦

圖2 待辦頁面

待辦頁面為用戶使用的主頁面，可以查看并執(zhí)行任務(wù)。

設(shè)計待辦時，主要考慮的設(shè)計點(diǎn)：

1）  對于待辦較多的人員，可以進(jìn)行簡要條件（按任務(wù)名稱）的搜索，如果還需要更多搜索條件，可以展開更多搜索，如圖3所示。重點(diǎn)突出常用操作，也避免占用過多頁面空間，此設(shè)計也在多處使用，保證了設(shè)計統(tǒng)一性；

圖3 更多搜索條件

2）對于常用的分類導(dǎo)航，包含全部、待執(zhí)行、待簽收、重要、委派給我、我委派給別人、將到期、已到期，作為快速的導(dǎo)航入庫，放在待辦列表的上面，同時顯示了各分類待辦任務(wù)的數(shù)量，操作十分便捷。同時這一設(shè)計在多個頁面都有類似應(yīng)用，保證了設(shè)計的統(tǒng)一性；

3）待辦列表上提供了對多個待辦任務(wù)的批量操作功能，使用戶高效進(jìn)行操作；

4）每條任務(wù)都會突出任務(wù)的執(zhí)行類型，是普通任務(wù)、委派的任務(wù)還是待簽收的任務(wù)等，同時可以維護(hù)任務(wù)重要與否，便于后續(xù)搜索、定位；

5）每條任務(wù)都會顯示任務(wù)的核心信息及所屬的流程核心信息，便于用戶定位問題，如果需要了解詳細(xì)信息，還可以點(diǎn)擊任務(wù)標(biāo)題進(jìn)入任務(wù)詳情說明頁面；

6）鼠標(biāo)懸停在具體任務(wù)行后，會顯示出所有可以執(zhí)行的操作，作為快捷入口，方便用戶直接進(jìn)行相應(yīng)操作，如圖4所示。進(jìn)入待辦頁面時，默認(rèn)只提示一個核心操作，避免全部顯示出來造成頁面信息量太大，同時界面也更加簡潔、明了。所以只有鼠標(biāo)懸停的時候，才會顯示出對應(yīng)任務(wù)的所有可用操作，這塊的設(shè)計很多頁面也都采用了相同的設(shè)計。

圖4 鼠標(biāo)懸停某任務(wù)的效果圖

´ 我的流程

圖5 我的流程頁面

我的流程主要用于追溯和管理用戶自己的流程，對于管理員，還可以查看其他人的流程。

設(shè)計我的流程時，主要考慮的設(shè)計點(diǎn)：

1）搜索條件和流程范圍的分類導(dǎo)航設(shè)計，和待辦一致；

2）在流程列表上面，針對管理員，可以批量進(jìn)行暫停、恢復(fù)、終止操作，操作非常便捷；

3）在流程列表中顯示流程的核心信息，包括了流程專題、流程分類、發(fā)起人、開始和結(jié)束時間；

4）如果要了解流程的詳細(xì)信息，可以點(diǎn)擊流程名稱，進(jìn)入流程詳情，對于待辦任務(wù)，也可以在流程詳情中進(jìn)行多種操作。

´ 發(fā)起流程

圖6 發(fā)起流程頁面

如果用戶需要發(fā)起某些流程時，可以進(jìn)入發(fā)起流程頁面，選擇性發(fā)起。

設(shè)計發(fā)起流程時，主要考慮的設(shè)計點(diǎn)：

1）根據(jù)使用者經(jīng)常發(fā)起的流程，自動更新，提示最近常用流程；

2）可以搜索流程，對于可發(fā)起流程很多的用戶，可以快速定位；

3）下面根據(jù)流程分類，展示所有可發(fā)起的流程列表，用戶可以根據(jù)分類，快速定位需要的流程。默認(rèn)可發(fā)起的流程是全部展開的，也可以單擊每個流程分類做收縮；

4）鼠標(biāo)懸停在具體的流程上時，會顯示出可以進(jìn)行的操作，包括發(fā)起和查看流程說明。點(diǎn)擊流程名稱，即發(fā)起了流程，為了避免誤操作，會提示是否確定發(fā)起該流程，點(diǎn)擊確認(rèn)后發(fā)起流程。

´ 流程定義

圖7 流程定義頁面

對于管理員，經(jīng)常要根據(jù)企業(yè)需要配置新的流程，或者調(diào)整流程的執(zhí)行人，可以在流程定義頁面操作。

設(shè)計流程定義時，主要考慮的設(shè)計點(diǎn)：

1）采用windows資源管理器的概念模型，左側(cè)是流程分類列表，流程分類中可以包括下級分類、所屬流程，可以根據(jù)情況，靈活匹配。點(diǎn)擊左側(cè)對應(yīng)分類，右側(cè)會顯示該分類包括的下級分類以及流程；

2）在右側(cè)核心位置突出了頁面核心操作，導(dǎo)入新的流程、新建分類，重點(diǎn)非常突出，用戶很容易定位；

3）流程定義列表可以進(jìn)行批量操作，操作體驗(yàn)保持一致；

4）在流程定義列表中，可以很明顯看出，流程定義的狀態(tài)、是否已經(jīng)指定了參與人，且可以針對具體流程定義做相應(yīng)操作；

5）可以看到流程定義的關(guān)聯(lián)流程，同時也可以進(jìn)行關(guān)聯(lián)流程的維護(hù)，比如用戶發(fā)起了供應(yīng)商引入流程，可以關(guān)聯(lián)商品引入流程、采購合同申請流程等，提示操作人員的便捷性。

四、流程案例

零售企業(yè)實(shí)際使用過程中，HDBPM作為業(yè)務(wù)流程管理的工具，可以根據(jù)企業(yè)的管理需求，靈活定義流程，同時可以根據(jù)流程環(huán)節(jié)的設(shè)定，配置相應(yīng)的執(zhí)行人。

所以在HDBPM實(shí)施過程中，需要確認(rèn)零售企業(yè)的管理流程，舉個供應(yīng)商管理流程的例子，圖8為供應(yīng)商可能涉及的流程列表，圖9為待引入供應(yīng)商評估流程示例，可以看出HDBPM可以串聯(lián)多業(yè)務(wù)系統(tǒng)，可以根據(jù)需要進(jìn)行流程環(huán)節(jié)的配置，不同企業(yè)可以完全不同，還能根據(jù)需要配置執(zhí)行人。

圖8 供應(yīng)商流程列表示例

圖9待引入供應(yīng)商評估流程示例

用戶在執(zhí)行具體任務(wù)后，會進(jìn)入一個任務(wù)完成頁面，可以直接執(zhí)行當(dāng)前流程的下一個任務(wù)、下一個待辦、查看執(zhí)行結(jié)果或者發(fā)起關(guān)聯(lián)流程，大大提高了用戶執(zhí)行效率。

圖10 任務(wù)完成頁面

五、結(jié)語

在未來的信息時代，用戶需要接觸的信息量越來越大，面對的系統(tǒng)也會越來越多，所以基于流程的管理會越來越重要，HDBPM作為海鼎新一代產(chǎn)品，有著不可替代的重要作用。

海鼎在新產(chǎn)品的設(shè)計過程中，更加重視用戶體驗(yàn)的優(yōu)化、人機(jī)交互的設(shè)計，以不斷提升其易用性，形成海鼎的差異化優(yōu)勢。以用戶為中心，提高用戶滿意度，海鼎正朝著創(chuàng)造美好的用戶體驗(yàn)的方向努力著。