B端產(chǎn)品設(shè)計(jì)的「用戶體驗(yàn)五要素」

2 評(píng)論 3199 瀏覽 33 收藏 11 分鐘

如果把《用戶體驗(yàn)五要素》的五層塔,搬到B端產(chǎn)品設(shè)計(jì)上,會(huì)有怎樣的效果?這篇文章里,作者結(jié)合“獎(jiǎng)勵(lì)金結(jié)算系統(tǒng)”的B端產(chǎn)品實(shí)戰(zhàn)案例,對(duì)整個(gè)分析過程做了拆解,不妨來看看,或許會(huì)對(duì)B端產(chǎn)品經(jīng)理同學(xué)們有所啟發(fā)和幫助。

要說產(chǎn)品經(jīng)理的必讀書單,《用戶體驗(yàn)五要素》必定位列其中。記得是在2014年,那時(shí)公司的產(chǎn)品老大把這本書甩我桌上,說:“有空讀讀這本書,產(chǎn)品設(shè)計(jì)還是要講究邏輯的。”

彼時(shí)正是移動(dòng)互聯(lián)網(wǎng)如日中天,滴滴與快滴的補(bǔ)貼大戰(zhàn)讓老百姓嘗到甜頭,在“大眾創(chuàng)業(yè),萬眾創(chuàng)新”的前夕,市面上的主流互聯(lián)網(wǎng)還是C端,產(chǎn)品經(jīng)理有足夠的話語權(quán),極致的用戶體驗(yàn)經(jīng)常掛在嘴邊。

作為產(chǎn)品菜雞的我,沒太多項(xiàng)目經(jīng)驗(yàn),這本書也讀的一知半解,但我依舊把“用戶體驗(yàn)五要素”奉為圭臬,雖然常分不清“框架層”和“結(jié)構(gòu)層”誰先誰后。

后來兜兜轉(zhuǎn)轉(zhuǎn),從C端改做B端產(chǎn)品?!坝脩趔w驗(yàn)五要素”似乎不適用了。我下力氣打磨交互細(xì)節(jié),卻因?yàn)檫z漏業(yè)務(wù)場(chǎng)景,導(dǎo)致產(chǎn)品無法正常使用。B端產(chǎn)品動(dòng)輒橫跨多個(gè)系統(tǒng),聯(lián)動(dòng)多個(gè)用戶角色,復(fù)雜的業(yè)務(wù)邏輯時(shí)常搞得我腦袋發(fā)懵。有沒有一個(gè)B端產(chǎn)品設(shè)計(jì)的模板,也能像五層塔那樣,讓B端產(chǎn)品經(jīng)理們?cè)谠O(shè)計(jì)產(chǎn)品時(shí)也有章可循呢?

有次聽某個(gè)B端產(chǎn)品課程,老師講:“B端產(chǎn)品設(shè)計(jì)是個(gè)自上而下,由粗到細(xì)的過程”。一下子給了我啟發(fā),《用戶體驗(yàn)五要素》不也講求從抽象到具體,漸進(jìn)明細(xì)嘛,如果把《用戶體驗(yàn)五要素》的五層塔,搬到B端產(chǎn)品設(shè)計(jì)上,會(huì)是怎樣的一種效果呢?

老規(guī)矩,先上干貨;

為了讓整個(gè)分析過程更加具體一些,我們舉一個(gè)B端產(chǎn)品的實(shí)戰(zhàn)案例,就用之前文章中提到的“獎(jiǎng)勵(lì)金結(jié)算系統(tǒng)”吧。

(看我文章的朋友可能會(huì)有一種看連續(xù)劇的錯(cuò)覺^_^)

蝦殼作為一名負(fù)責(zé)銷售管理系統(tǒng)的B端產(chǎn)品經(jīng)理,接到銷售總監(jiān)的需求,需要設(shè)計(jì)一套獎(jiǎng)勵(lì)金結(jié)算系統(tǒng),用于給全國各地的經(jīng)銷商結(jié)算獎(jiǎng)勵(lì)金,解決復(fù)雜的獎(jiǎng)勵(lì)金結(jié)算問題,提升效率、減少錯(cuò)誤,促進(jìn)業(yè)務(wù)發(fā)展。要求獎(jiǎng)勵(lì)金可以自動(dòng)計(jì)算、經(jīng)業(yè)務(wù)財(cái)務(wù)審核后,可以發(fā)放到經(jīng)銷商賬戶中。

一、戰(zhàn)略層

書中的戰(zhàn)略層指“網(wǎng)站目標(biāo)”、“用戶需求”。我們將其轉(zhuǎn)化為“產(chǎn)品目標(biāo)”、“業(yè)務(wù)需求”,在B端產(chǎn)品中,產(chǎn)品目標(biāo)是為了滿足業(yè)務(wù)需求,為公司提供商業(yè)價(jià)值。但是,我們又不能將“實(shí)現(xiàn)業(yè)務(wù)需求”作為產(chǎn)品目標(biāo),因?yàn)檫@樣會(huì)讓B端產(chǎn)品經(jīng)理淪為需求工具人。

所以,我們要找到屬于產(chǎn)品經(jīng)理自己的產(chǎn)品目標(biāo)。我將它稱為B端產(chǎn)品的“北極星指標(biāo)”,在“獎(jiǎng)勵(lì)金結(jié)算系統(tǒng)”的案例中,我們將北極星指標(biāo)定為:

  1. 平均獎(jiǎng)勵(lì)金結(jié)算時(shí)間
  2. 結(jié)算準(zhǔn)確率

(這部分在我的文章“望聞問切”4步10問,搞定B端產(chǎn)品北極星指標(biāo) | 人人都是產(chǎn)品經(jīng)理 (woshipm.com)中,有詳細(xì)的解讀)

定好產(chǎn)品目標(biāo),就有了主心骨,那接下來一切的工作,都是為了實(shí)現(xiàn)產(chǎn)品目標(biāo)。

二、范圍層

B端產(chǎn)品的范圍層,與C端可有著天壤之別。就如前文說的,B端產(chǎn)品動(dòng)輒橫跨多個(gè)系統(tǒng),聯(lián)動(dòng)多個(gè)用戶角色,所以我們需要確定為了達(dá)成產(chǎn)品目標(biāo),需求范圍是什么。

1. 相關(guān)方登記冊(cè)

要梳理B端需求,就要先找出涉及到的相關(guān)方都有哪些人。在這里推薦一個(gè)項(xiàng)目管理中的工具,叫做“相關(guān)方登記冊(cè)”,根據(jù)登記好的相關(guān)方,挨個(gè)進(jìn)行需求訪談,并整理他們的訴求。

在“獎(jiǎng)勵(lì)金結(jié)算系統(tǒng)”案例中,“相關(guān)方登記冊(cè)”如下:

2. 核心業(yè)務(wù)流程圖

梳理完相關(guān)方的需求后,B端產(chǎn)品設(shè)計(jì)中非常重要的一環(huán),是確定核心業(yè)務(wù)流程圖。有以下二個(gè)要點(diǎn):

  1. 業(yè)務(wù)流程圖/泳道圖,要囊括所有業(yè)務(wù)相關(guān)方
  2. 要實(shí)現(xiàn)業(yè)務(wù)閉環(huán)

即,在繪制業(yè)務(wù)流程圖時(shí),需要系統(tǒng)開發(fā)實(shí)現(xiàn)的功能,與線下作業(yè)的部分都繪制進(jìn)來。

在“獎(jiǎng)勵(lì)金結(jié)算系統(tǒng)”案例中,“核心業(yè)務(wù)流程圖”如下:(原諒我只畫了一個(gè)簡(jiǎn)易的業(yè)務(wù)流程圖)

到這里,我們已經(jīng)梳理清楚各個(gè)需求方的訴求,并確定了需要開發(fā)實(shí)現(xiàn)的功能在業(yè)務(wù)流程中的什么位置。

三、結(jié)構(gòu)層

書中的結(jié)構(gòu)層已經(jīng)開始考慮交互設(shè)計(jì)了,而在B端,還有很多前期工作需要梳理。在B端產(chǎn)品的日常工作中,多數(shù)是在已有系統(tǒng)的基礎(chǔ)上進(jìn)行升級(jí)迭代,就必須要考慮新增模塊與舊有系統(tǒng)的融合。

1. 產(chǎn)品架構(gòu)圖

設(shè)計(jì)產(chǎn)品架構(gòu)圖時(shí),需要注意以下三項(xiàng):

  1. 明確功能在系統(tǒng)中的定位
  2. 考慮模塊的解耦與聯(lián)動(dòng)性
  3. 考慮系統(tǒng)的擴(kuò)展性

當(dāng)然,繪制產(chǎn)品架構(gòu)圖的確非??简?yàn)產(chǎn)品經(jīng)理的功力,通常可以求助技術(shù)架構(gòu)師。如果沒人幫忙的話……就當(dāng)是鍛煉自己吧??梢韵日罩0瀹?,慢慢摸索。

在“獎(jiǎng)勵(lì)金結(jié)算系統(tǒng)”案例中,“產(chǎn)品架構(gòu)圖”如下:

2. 功能模塊表

畫完產(chǎn)品架構(gòu)圖,想必一定心潮澎湃,勢(shì)必要把這個(gè)山頭拿下!可飯要一口一口吃,步子大了容易扯著0。俗話說,復(fù)雜的事情簡(jiǎn)單化,簡(jiǎn)單的事情標(biāo)準(zhǔn)化,將大模塊拆解成小功能,有助于進(jìn)一步明確功能范圍,防止需求蔓延,并確定優(yōu)先級(jí)與產(chǎn)品演進(jìn)藍(lán)圖。

在“獎(jiǎng)勵(lì)金結(jié)算系統(tǒng)”案例中,“產(chǎn)品架構(gòu)圖”如下:

在功能模塊表中,一定要包含所有需要開發(fā)的系統(tǒng)功能,以免遺漏。以完成最小業(yè)務(wù)閉環(huán)為準(zhǔn),確定功能優(yōu)先級(jí)。

我個(gè)人有個(gè)工作喜歡,在后面的編寫需求、畫原型圖的環(huán)節(jié),每完成一項(xiàng)功能點(diǎn),就在功能模塊表的那一項(xiàng)后面打?。

四、框架層

到這里,終于確定了要做的產(chǎn)品設(shè)計(jì)內(nèi)容有哪些了。接下來就是具體的畫原型寫需求啦。這里與書中的“界面設(shè)計(jì)”、“導(dǎo)航設(shè)計(jì)”、“信息設(shè)計(jì)”又有些類似。同時(shí)我建議還可以增加兩種圖。

1. 功能流程圖

可以使用泳道圖的形式,用于展示詳細(xì)的功能邏輯流程與異常場(chǎng)景,通常后臺(tái)開發(fā)同學(xué)很喜歡功能流程圖。

2. 頁面流轉(zhuǎn)圖

畫出詳細(xì)的頁面跳轉(zhuǎn)順序流程,并標(biāo)明哪些頁面是新增的,哪些可復(fù)用。通常前端開發(fā)同學(xué)很喜歡頁面流轉(zhuǎn)圖。

3. 需求原型

通常我習(xí)慣在最左側(cè)放置功能流程圖,中間放置頁面原型,最右側(cè)放置需求說明。

五、表現(xiàn)層

如果是內(nèi)部業(yè)務(wù)管理系統(tǒng),可能很多公司都跳過了UI的設(shè)計(jì)環(huán)節(jié)。

所以,暫且就把表現(xiàn)層,當(dāng)做是B端產(chǎn)品經(jīng)理完整的需求文檔吧。我習(xí)慣在產(chǎn)品文檔中,寫明從戰(zhàn)略層到框架層梳理的所有內(nèi)容。如此豐富又細(xì)致的內(nèi)容,可以在需求評(píng)審時(shí)起到很大的作用,讓技術(shù)人員知其然,知其所以然。

總結(jié)下來,B端產(chǎn)品設(shè)計(jì)的“用戶體驗(yàn)五要素”,同樣涵蓋了五層,并且每一層都有各自的產(chǎn)品設(shè)計(jì)工具。

以上是我個(gè)人的工作經(jīng)驗(yàn)整理,僅一家之言。歡迎溝通交流。

作者:徐蝦殼,金蝶高級(jí)產(chǎn)品經(jīng)理

本文由 @徐蝦殼 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)作者許可,禁止轉(zhuǎn)載。

題圖來自Unsplash,基于CC0協(xié)議。

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 最開始的北極星指標(biāo),在文章內(nèi)容中未得到體現(xiàn),通篇下來僅看到對(duì)產(chǎn)品設(shè)計(jì)的自上而下拆解。

    來自廣東 回復(fù)
    1. 確實(shí)如你說的,在文中并沒有太多體現(xiàn)產(chǎn)品經(jīng)理緊盯“北極星指標(biāo)”,從而指導(dǎo)產(chǎn)品設(shè)計(jì)。我嘗試在這里做一些補(bǔ)充。
      沿用文中的“北極星指標(biāo)”:
      1、平均獎(jiǎng)勵(lì)金結(jié)算時(shí)間
      2、結(jié)算準(zhǔn)確率

      想要提升獎(jiǎng)勵(lì)金結(jié)算的效率,類似把“大象關(guān)進(jìn)冰箱總共需要幾步”的問題。
      第一步:獎(jiǎng)勵(lì)金算出來
      第二步:過審批
      第三步:發(fā)出去

      所以產(chǎn)品經(jīng)理需要先厘清這大三步驟當(dāng)前的業(yè)務(wù)流程,以及涉及其中的關(guān)鍵相關(guān)方——范圍層;
      接著,訪談相關(guān)方獲取需求,目的在提升他們的工作效率,并搭建產(chǎn)品架構(gòu),梳理優(yōu)先級(jí)——結(jié)構(gòu)層;
      需求調(diào)研后,產(chǎn)品經(jīng)理開始著手設(shè)計(jì)產(chǎn)品,除了實(shí)現(xiàn)業(yè)務(wù)訴求,還需要設(shè)計(jì)數(shù)據(jù)統(tǒng)計(jì)報(bào)表,比如從內(nèi)部銷售維度統(tǒng)計(jì)獎(jiǎng)勵(lì)金從計(jì)算到發(fā)放的各節(jié)點(diǎn)間的耗時(shí)。——框架層 (報(bào)表部分是我在文章里沒有寫道的,盡量后面再寫一篇文章補(bǔ)充吧)

      針對(duì)另一指標(biāo):結(jié)算準(zhǔn)確率。需要依靠人工收集反饋了。比如從銷售、業(yè)務(wù)主管、財(cái)務(wù)等同事處收集。所以在“過審批”的環(huán)節(jié),就需要設(shè)計(jì)一些方便賬單核對(duì)的功能。

      來自廣東 回復(fù)