B端產(chǎn)品設(shè)計(jì)的「用戶體驗(yàn)五要素」
如果把《用戶體驗(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)定為:
- 平均獎(jiǎng)勵(lì)金結(jié)算時(shí)間
- 結(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):
- 業(yè)務(wù)流程圖/泳道圖,要囊括所有業(yè)務(wù)相關(guān)方
- 要實(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):
- 明確功能在系統(tǒng)中的定位
- 考慮模塊的解耦與聯(lián)動(dòng)性
- 考慮系統(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ù)。
最開始的北極星指標(biāo),在文章內(nèi)容中未得到體現(xiàn),通篇下來僅看到對(duì)產(chǎn)品設(shè)計(jì)的自上而下拆解。
確實(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ì)的功能。