編輯導(dǎo)語(yǔ)：B端產(chǎn)品經(jīng)理和體驗(yàn)設(shè)計(jì)師的工作職責(zé)分別是什么？本文作者通過(guò)總結(jié)自身經(jīng)驗(yàn)，為大家梳理了B端產(chǎn)品經(jīng)理與體驗(yàn)設(shè)計(jì)師的工作職責(zé)區(qū)別。同時(shí)，結(jié)合了互聯(lián)網(wǎng)行業(yè)的情況，回答了這兩個(gè)核心問(wèn)題：產(chǎn)品經(jīng)理和體驗(yàn)設(shè)計(jì)師的工作職責(zé)？針對(duì)產(chǎn)品界面設(shè)計(jì)，兩個(gè)崗位分別需承擔(dān)哪些職責(zé)？

近期，一些項(xiàng)目經(jīng)理、產(chǎn)品團(tuán)隊(duì)長(zhǎng)、設(shè)計(jì)師經(jīng)常問(wèn)筆者一個(gè)問(wèn)題：“B端產(chǎn)品經(jīng)理和體驗(yàn)設(shè)計(jì)師的工作職責(zé)分別是什么？產(chǎn)品原型應(yīng)該由誰(shuí)來(lái)畫(huà)才更合適？”

趁這次清明小長(zhǎng)假之際，筆者決定好好縷縷這兩個(gè)問(wèn)題，從頭到尾清晰地為大家梳理下B端產(chǎn)品經(jīng)理與體驗(yàn)設(shè)計(jì)師的工作職責(zé)區(qū)別，及他們各自在產(chǎn)品原型上要去做的事情。

首先，不同的公司由于組織架構(gòu)不同、業(yè)務(wù)形態(tài)不同，導(dǎo)致產(chǎn)品經(jīng)理與體驗(yàn)設(shè)計(jì)師之間的職責(zé)邊界也不同，有些很清晰，有些很模糊。

在筆者面試了無(wú)數(shù)候選人之后發(fā)現(xiàn)：人員規(guī)模小的公司通常體驗(yàn)設(shè)計(jì)師需要把產(chǎn)品經(jīng)理的活順帶著都干了，例如畫(huà)原型、畫(huà)交互、做視覺(jué)；而人員規(guī)模大的公司通常產(chǎn)品經(jīng)理與體驗(yàn)設(shè)計(jì)師的職責(zé)非常明確。

其次，互聯(lián)網(wǎng)公司中，做C端的公司和做B端的公司也不同。在面向C端產(chǎn)品的公司中，產(chǎn)品經(jīng)理通常不僅需要畫(huà)原型，還得把界面上的要素布局、簡(jiǎn)單交互進(jìn)行清晰地設(shè)計(jì)，才能交付到體驗(yàn)設(shè)計(jì)師處進(jìn)行界面潤(rùn)色。

而在面向B端產(chǎn)品的公司中，產(chǎn)品經(jīng)理通常只給PRD文檔，原型要看產(chǎn)品經(jīng)理有沒(méi)有時(shí)間畫(huà)，如果沒(méi)時(shí)間畫(huà)或者有競(jìng)品可以參照，那體驗(yàn)設(shè)計(jì)師要遵照PRD文檔完成產(chǎn)品界面設(shè)計(jì)上的所有工作，包括完成需求溝通、業(yè)務(wù)理解、文檔轉(zhuǎn)圖形化、界面各種不明需求反推、交互標(biāo)準(zhǔn)編寫等。

筆者總結(jié)自身經(jīng)驗(yàn)，同時(shí)結(jié)合互聯(lián)網(wǎng)行業(yè)的大部分情況，給大家細(xì)細(xì)梳理兩個(gè)核心問(wèn)題：

1. 產(chǎn)品經(jīng)理和體驗(yàn)設(shè)計(jì)師的工作職責(zé)？
2. 針對(duì)產(chǎn)品界面設(shè)計(jì)，兩個(gè)崗位分別需承擔(dān)哪些職責(zé)？

下面筆者將從以下幾個(gè)維度去層層遞進(jìn)闡述：

1. 什么是產(chǎn)品經(jīng)理
2. 什么是體驗(yàn)設(shè)計(jì)師
3. 透過(guò)“五要素模型”看雙方職責(zé)劃分
4. 產(chǎn)品經(jīng)理的主要工作職責(zé)
5. 體驗(yàn)設(shè)計(jì)師的主要工作中職責(zé)
6. 針對(duì)產(chǎn)品界面設(shè)計(jì)部分，兩個(gè)崗位分別需承擔(dān)哪些職責(zé)
7. 產(chǎn)品經(jīng)理交接給體驗(yàn)設(shè)計(jì)師的工作物的準(zhǔn)入標(biāo)準(zhǔn)

一、什么是產(chǎn)品經(jīng)理

1927年，美國(guó)保潔公司出現(xiàn)了第一名產(chǎn)品經(jīng)理。此后，“產(chǎn)品經(jīng)理”這個(gè)崗位在越來(lái)越多的行業(yè)得到了認(rèn)可。

產(chǎn)品經(jīng)理（Product Manager，PM）是指在公司中對(duì)某一類或某一個(gè)產(chǎn)品進(jìn)行規(guī)劃、設(shè)計(jì)和管理的人，他的工作內(nèi)容主要包括市場(chǎng)調(diào)研、需求收集、需求分析、用戶研究、產(chǎn)品設(shè)計(jì)、項(xiàng)目跟蹤、數(shù)據(jù)分析等。

二、什么是體驗(yàn)設(shè)計(jì)師

從體驗(yàn)設(shè)計(jì)師“體驗(yàn)”一詞中，我們就可以略知體驗(yàn)設(shè)計(jì)師工作職責(zé)的一二。這里的“體驗(yàn)設(shè)計(jì)”是指“用戶體驗(yàn)設(shè)計(jì)”。

那我們先來(lái)定義下什么是用戶體驗(yàn)設(shè)計(jì)。百度百科釋義：用戶體驗(yàn)設(shè)計(jì)（英語(yǔ)：User Experience Design），是以用戶為中心的一種設(shè)計(jì)手段，以用戶需求為目標(biāo)而進(jìn)行的設(shè)計(jì)。設(shè)計(jì)過(guò)程注重以用戶為中心，用戶體驗(yàn)的概念從開(kāi)發(fā)的最早期就開(kāi)始進(jìn)入整個(gè)流程，并貫穿始終。

從上述我們可以發(fā)現(xiàn)，體驗(yàn)設(shè)計(jì)師是以用戶為中心的，這與以往人們所認(rèn)知的平面設(shè)計(jì)師不同，體驗(yàn)設(shè)計(jì)師的主要工作不是保證設(shè)計(jì)物好不好看，而是保證用戶覺(jué)得好不好用。體驗(yàn)設(shè)計(jì)師是要通過(guò)設(shè)計(jì)產(chǎn)品去設(shè)計(jì)一種用戶體驗(yàn)情緒。因此體驗(yàn)設(shè)計(jì)師所需要具備的能力就更為全面了，包括了解用戶行為背后的心理因素、了解軟件的基礎(chǔ)信息、了解人機(jī)交互的習(xí)慣與愿景等。

在互聯(lián)網(wǎng)大背景下，行業(yè)定義體驗(yàn)設(shè)計(jì)師的工作內(nèi)容包括用戶調(diào)研、競(jìng)品分析、需求評(píng)審、界面信息設(shè)計(jì)、布局設(shè)計(jì)、交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)、設(shè)計(jì)走查等。

三、透過(guò)“五要素模型”看雙方職責(zé)劃分

“用戶體驗(yàn)五要素”模型也稱為“五要素模型”，該模型由美國(guó)AJAX之父Jesse James Garrett提出，模型設(shè)計(jì)之初是為網(wǎng)頁(yè)設(shè)計(jì)而服務(wù)的，但模型的經(jīng)典和通用性以致于它被廣泛使用在很多地方。模型將產(chǎn)品設(shè)計(jì)和分析的過(guò)程抽象為了5個(gè)層次，自下而上分別為戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層和表現(xiàn)層。

筆者根據(jù)自己的實(shí)際工作經(jīng)驗(yàn)，針對(duì)B端產(chǎn)品的設(shè)計(jì)現(xiàn)狀與研發(fā)流程，對(duì)五要素模型進(jìn)行了一些調(diào)整，如下圖所示。

1. 戰(zhàn)略層

戰(zhàn)略層要解決的問(wèn)題是產(chǎn)品的目標(biāo)用戶是誰(shuí)，目標(biāo)用戶的痛點(diǎn)是什么，產(chǎn)品能為公司帶來(lái)什么商業(yè)價(jià)值，同時(shí)產(chǎn)品會(huì)帶來(lái)什么風(fēng)險(xiǎn)。包括行業(yè)分析、市場(chǎng)分析和用戶研究。

該層的負(fù)責(zé)人：產(chǎn)品經(jīng)理

2. 范圍層

范圍層要解決的問(wèn)題是在結(jié)合戰(zhàn)略層目標(biāo)的基礎(chǔ)上對(duì)用戶需求收集和分析后，提取出產(chǎn)品將要做的功能范圍，同時(shí)對(duì)它們進(jìn)行優(yōu)先級(jí)排序。包括競(jìng)品分析、需求分析。

很多公司的產(chǎn)品經(jīng)理基本上做到這層就結(jié)束了，然后輸出一份PRD文檔，通過(guò)會(huì)議的形式進(jìn)行一下評(píng)審，修改一些評(píng)審結(jié)果，就提交到體驗(yàn)設(shè)計(jì)師這邊輸出界面稿了。

該層的負(fù)責(zé)人：產(chǎn)品經(jīng)理

3. 結(jié)構(gòu)層

結(jié)構(gòu)層要解決的問(wèn)題包括信息架構(gòu)、布局設(shè)計(jì)、原型設(shè)計(jì)，范圍層已經(jīng)定義好了要做的具體功能和內(nèi)容范圍，結(jié)構(gòu)層就要定義產(chǎn)品的大框架和層次結(jié)構(gòu)，給用戶呈現(xiàn)清晰的產(chǎn)品結(jié)構(gòu)。

該層按理來(lái)說(shuō)是產(chǎn)品經(jīng)理要去做的工作，但在實(shí)際項(xiàng)目中，本層的內(nèi)容通常由產(chǎn)品經(jīng)理和體驗(yàn)設(shè)計(jì)師協(xié)同一起完成。

該層的負(fù)責(zé)人：產(chǎn)品經(jīng)理、體驗(yàn)設(shè)計(jì)師

4. 框架層

框架層要解決的問(wèn)題包括導(dǎo)航設(shè)計(jì)、界面設(shè)計(jì)、信息設(shè)計(jì)、交互設(shè)計(jì)四大塊。

進(jìn)入該層，產(chǎn)品界面的設(shè)計(jì)就會(huì)越來(lái)越詳細(xì)，這也是體驗(yàn)設(shè)計(jì)師思維、溝通、方案注入最密集，及最花費(fèi)精力和時(shí)間的部分。導(dǎo)航設(shè)計(jì)包括全局導(dǎo)航和頁(yè)面內(nèi)導(dǎo)航；界面設(shè)計(jì)包括組件使用、排版等；信息設(shè)計(jì)是指界面信息的有效展現(xiàn)；交互設(shè)計(jì)是包括宏交互和微交互。

該層的負(fù)責(zé)人：體驗(yàn)設(shè)計(jì)師

5. 表現(xiàn)層

表現(xiàn)層要解決的問(wèn)題就是產(chǎn)品的視覺(jué)設(shè)計(jì)，這是產(chǎn)品設(shè)計(jì)流程中的最后一步。視覺(jué)設(shè)計(jì)包括了對(duì)界面的整體風(fēng)格把握，主題顏色、字體大小、分割線顏色、圖標(biāo)風(fēng)格等的設(shè)計(jì)。

該層的負(fù)責(zé)人：體驗(yàn)設(shè)計(jì)師

通過(guò)“用戶體驗(yàn)五要素模型”，我們可以知道，為什么經(jīng)常有同學(xué)會(huì)對(duì)產(chǎn)品經(jīng)理和體驗(yàn)設(shè)計(jì)師各自的工作職責(zé)產(chǎn)生疑問(wèn)，對(duì)產(chǎn)品原型應(yīng)該由誰(shuí)來(lái)畫(huà)更合適產(chǎn)生疑問(wèn)，我們從五要素的“結(jié)構(gòu)層”中可以一探原委?！敖Y(jié)構(gòu)層”是產(chǎn)品經(jīng)理和體驗(yàn)設(shè)計(jì)師工作的交接地帶，通常在交接地帶就會(huì)產(chǎn)生職責(zé)不明晰的情況。

特別在某些組織中，大家會(huì)發(fā)現(xiàn)體驗(yàn)設(shè)計(jì)師在做產(chǎn)品經(jīng)理的事情（對(duì)著口頭需求、PRD文檔等輸出原型），但感覺(jué)好像也沒(méi)那么不妥（涉及到圖，就是設(shè)計(jì)師的任務(wù)，畫(huà)圖是設(shè)計(jì)師天生的職責(zé)），卻又覺(jué)得不該如此（原型圖，真該設(shè)計(jì)師畫(huà)嗎？亂糟糟的需求，要?dú)v經(jīng)無(wú)數(shù)次溝通才能合理地展現(xiàn)在紙面上，這個(gè)過(guò)程原本不該這么痛苦?。?。

四、產(chǎn)品經(jīng)理的主要工作職責(zé)

作為一名打拼在一線的B端產(chǎn)品經(jīng)理，其主要的工作職責(zé)為行業(yè)分析、市場(chǎng)調(diào)研、競(jìng)品分析、需求分析、用戶研究、產(chǎn)品規(guī)劃、原型設(shè)計(jì)、數(shù)據(jù)分析。

1. 行業(yè)分析

在決定設(shè)計(jì)一款產(chǎn)品前，產(chǎn)品經(jīng)理需要先去了解產(chǎn)品所在行業(yè)的情況，而不是一時(shí)的拍腦袋決定。處于朝陽(yáng)行業(yè)的產(chǎn)品，可以為企業(yè)帶去較大的價(jià)值。B端產(chǎn)品經(jīng)理站在行業(yè)的高度縱觀全局，不至于陷入產(chǎn)品細(xì)節(jié)當(dāng)中，更容易發(fā)現(xiàn)突破點(diǎn)。

2. 市場(chǎng)調(diào)研

產(chǎn)品經(jīng)理通過(guò)市場(chǎng)調(diào)研，了解市場(chǎng)情況，為產(chǎn)品規(guī)劃和設(shè)計(jì)提供客觀、準(zhǔn)確的依據(jù)。在市場(chǎng)競(jìng)爭(zhēng)越來(lái)越激烈的今天，市場(chǎng)需求調(diào)研越來(lái)越受到企業(yè)的重視。

通過(guò)市場(chǎng)調(diào)研，聆聽(tīng)消費(fèi)者真實(shí)的聲音，可以讓消費(fèi)者把真實(shí)的想法傳達(dá)給企業(yè)。市場(chǎng)調(diào)研是尋求市場(chǎng)與企業(yè)平衡點(diǎn)的過(guò)程，如果忽略市場(chǎng)調(diào)研，等產(chǎn)品生產(chǎn)出來(lái)，市場(chǎng)不接受、不認(rèn)可，那將會(huì)導(dǎo)致企業(yè)出現(xiàn)很大的問(wèn)題。

2015年，騰訊企鵝智庫(kù)出具了O2O初創(chuàng)企業(yè)失敗率高的原因：很多項(xiàng)目的用戶需求并非真實(shí)存在，大部分初創(chuàng)公司的產(chǎn)品經(jīng)理并未做市場(chǎng)調(diào)研，而是憑借自己的感覺(jué)做事。

3. 競(jìng)品分析

通常B端產(chǎn)品都不會(huì)是從0到1的設(shè)計(jì)，但對(duì)于B端產(chǎn)品來(lái)說(shuō)，要獲得競(jìng)品也是相對(duì)比較困難的。可這并不是產(chǎn)品經(jīng)理放棄競(jìng)品分析的原因，產(chǎn)品經(jīng)理必須要知道對(duì)手是怎么設(shè)計(jì)同類產(chǎn)品的，才能對(duì)自身產(chǎn)品的需求、功能、設(shè)計(jì)、研發(fā)等有更好的取舍。

4. 需求分析

產(chǎn)品經(jīng)理在進(jìn)入需求分析前會(huì)先進(jìn)行需求采集，而采集上來(lái)的需求總是零散的，沒(méi)有秩序可言，如果直接將其轉(zhuǎn)化為功能，提交給開(kāi)發(fā)人員，這是極為不合適的做法。

也就是說(shuō)，B端產(chǎn)品經(jīng)理需要進(jìn)行需求分析，對(duì)零散的需求進(jìn)行歸類整理并辨別真?zhèn)?，從而抓住真?shí)的核心需求、放棄偽需求。

5. 用戶研究

用戶研究首先需要定義產(chǎn)品的目標(biāo)用戶群，通過(guò)對(duì)用戶群的調(diào)研，發(fā)現(xiàn)他們的一些特性，從而使用戶的實(shí)際需求成為產(chǎn)品設(shè)計(jì)的導(dǎo)向。

在B端產(chǎn)品中，用戶群通常是企業(yè)的員工，他們反應(yīng)了某一類角色或多類角色的特質(zhì)。用戶研究可以幫助我們發(fā)現(xiàn)一些原來(lái)經(jīng)驗(yàn)認(rèn)知以外的現(xiàn)象，從而指導(dǎo)產(chǎn)品設(shè)計(jì)。

6. 產(chǎn)品規(guī)劃

不論是新產(chǎn)品還是老產(chǎn)品，不論產(chǎn)品是處于哪個(gè)生命周期，B端產(chǎn)品經(jīng)理都要進(jìn)行產(chǎn)品規(guī)劃。產(chǎn)品規(guī)劃是產(chǎn)品經(jīng)理在了解市場(chǎng)、了解客戶需求、了解競(jìng)爭(zhēng)對(duì)手后，根據(jù)公司的戰(zhàn)略和產(chǎn)品的發(fā)展方向制定合理的產(chǎn)品成長(zhǎng)計(jì)劃、迭代計(jì)劃、市場(chǎng)計(jì)劃的過(guò)程。

7. 原型設(shè)計(jì)

產(chǎn)品經(jīng)理將合理的需求挖掘出來(lái)后，就需要將需求轉(zhuǎn)化為原型圖，通過(guò)可視化的方式，給到團(tuán)隊(duì)進(jìn)行評(píng)審，從而可以較為快速的發(fā)現(xiàn)問(wèn)題和調(diào)整。等原型確定后，交接到體驗(yàn)設(shè)計(jì)師處進(jìn)行界面交互、導(dǎo)航等的設(shè)計(jì)細(xì)化。

8. 數(shù)據(jù)分析

當(dāng)產(chǎn)品上線后，產(chǎn)品經(jīng)理需要對(duì)產(chǎn)品上線的數(shù)據(jù)進(jìn)行跟蹤和分析，以便挖掘產(chǎn)品可優(yōu)化的點(diǎn)和方向，避免閉門造車。通過(guò)數(shù)據(jù)分析，還可以發(fā)現(xiàn)一些不曾考慮到，但實(shí)際上存在的用戶痛點(diǎn)，從而修正產(chǎn)品規(guī)劃，做強(qiáng)做大產(chǎn)品。

五、體驗(yàn)設(shè)計(jì)師的主要工作職責(zé)

那么，作為一線的體驗(yàn)設(shè)計(jì)師，圍繞著B(niǎo)端產(chǎn)品設(shè)計(jì)，其工作職責(zé)主要是哪些呢？筆者認(rèn)為可以從需求評(píng)審、用戶調(diào)研、競(jìng)品分析、交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)、設(shè)計(jì)評(píng)審、設(shè)計(jì)走查、設(shè)計(jì)復(fù)盤這幾大方面展開(kāi)。

1. 需求評(píng)審

當(dāng)產(chǎn)品經(jīng)理將需求（場(chǎng)景設(shè)定在產(chǎn)品經(jīng)理給了較為完善的需求）給過(guò)來(lái)的時(shí)候，體驗(yàn)設(shè)計(jì)師不可馬上開(kāi)始畫(huà)圖，而需要和產(chǎn)品經(jīng)理將產(chǎn)品的產(chǎn)品目標(biāo)、業(yè)務(wù)流程、核心流程、使用角色、功能要素等逐一溝通清楚，必要的時(shí)候，需要產(chǎn)品團(tuán)隊(duì)做一次完善的原型需求評(píng)審會(huì)，不同的崗位（開(kāi)發(fā)、測(cè)試、項(xiàng)目經(jīng)理等）從他們的角度給產(chǎn)品提出建議，及早發(fā)現(xiàn)問(wèn)題。

2.?用戶調(diào)研

需求評(píng)審?fù)瓿珊螅w驗(yàn)設(shè)計(jì)師也不能馬上展開(kāi)工作，B端的體驗(yàn)設(shè)計(jì)師需要了解用戶的使用場(chǎng)景。

如果沒(méi)有條件展開(kāi)實(shí)地調(diào)研，可以做簡(jiǎn)單的桌面調(diào)研，或者通過(guò)產(chǎn)品經(jīng)理或業(yè)務(wù)經(jīng)理處拿到的資料，對(duì)用戶群體特征進(jìn)行簡(jiǎn)單的分析。比如，他們?cè)谑裁磮?chǎng)景下會(huì)使用這個(gè)軟件，他們使用這個(gè)軟件的目的是什么，哪些功能是他們會(huì)使用的核心功能等，這樣才能更好地設(shè)計(jì)和調(diào)整界面要素及交互。

3. 競(jìng)品分析

在設(shè)計(jì)B端界面時(shí)，建議體驗(yàn)設(shè)計(jì)師先看下競(jìng)品。通常B端產(chǎn)品會(huì)存在一些行業(yè)特征，如果不了解行業(yè)同類產(chǎn)品的情況，就很容易忽視掉用戶已經(jīng)形成的行為習(xí)慣，從而導(dǎo)致產(chǎn)品看似設(shè)計(jì)合理，實(shí)則隱藏著問(wèn)題。

例如證券炒股類軟件，其界面模塊已經(jīng)形成了行業(yè)特征，這時(shí)候作為體驗(yàn)設(shè)計(jì)師就不太有必要去大幅度調(diào)整界面布局、交互，而是要提升設(shè)計(jì)的微體驗(yàn)。

4. 交互設(shè)計(jì)

完成以上三步，體驗(yàn)設(shè)計(jì)師就要真正進(jìn)入界面交互設(shè)計(jì)了。

從宏觀和微觀上分，交互設(shè)計(jì)包括“宏交互”與“微交互”，大家可以把跳轉(zhuǎn)頁(yè)面、跳轉(zhuǎn)彈窗的認(rèn)為是“宏交互”；一個(gè)選擇器控件怎么設(shè)計(jì)讓使用者操作更舒適，一個(gè)加載功能怎么設(shè)計(jì)更友好這類的認(rèn)為是“微交互”。

總的來(lái)說(shuō)，交互就是設(shè)計(jì)人與軟件界面之間的互動(dòng)方式，整個(gè)過(guò)程就是“用戶輸入（開(kāi)心？平靜？難過(guò)？）-界面接收-界面輸出-用戶接收（開(kāi)心？平靜？難過(guò)？）”。

在說(shuō)的細(xì)一些，文本的極限值展示、彈框的最大最小高度、表格列的最小寬度、報(bào)錯(cuò)的設(shè)計(jì)方式等，都屬于交互范疇。這個(gè)過(guò)程中，體驗(yàn)設(shè)計(jì)師通常需要輸出較為詳盡的交互文檔，以保證前端開(kāi)發(fā)人員可以看懂設(shè)計(jì)細(xì)節(jié)與順利的完成界面開(kāi)發(fā)。

5. 視覺(jué)設(shè)計(jì)

B端產(chǎn)品界面較為簡(jiǎn)單，一般是表格表單等設(shè)計(jì)，因此，對(duì)于B端體驗(yàn)設(shè)計(jì)師來(lái)說(shuō)，他們需要順帶完成產(chǎn)品的視覺(jué)設(shè)計(jì)（通常來(lái)說(shuō)，大部分B端產(chǎn)品擁有自己的設(shè)計(jì)規(guī)范）。

在B端界面的視覺(jué)設(shè)計(jì)中，體驗(yàn)設(shè)計(jì)師要注意行高、間距是否舒適，重要顏色是否符合W3C無(wú)障礙原則，信息區(qū)分是否清晰且符合親密性原則，圖標(biāo)設(shè)計(jì)是否符合易識(shí)別原則等。

6. 設(shè)計(jì)評(píng)審

在交互設(shè)計(jì)和視覺(jué)設(shè)計(jì)各自的完成階段，都要進(jìn)行設(shè)計(jì)評(píng)審，一來(lái)可以避免設(shè)計(jì)上的錯(cuò)誤，通常來(lái)說(shuō)團(tuán)隊(duì)決策會(huì)比個(gè)人決策合理，降低風(fēng)險(xiǎn)；二來(lái)在評(píng)審中，體驗(yàn)設(shè)計(jì)師可以將設(shè)計(jì)的要點(diǎn)、開(kāi)發(fā)的注意事項(xiàng)等進(jìn)行闡述，大家達(dá)成一致的意見(jiàn)，避免后期在開(kāi)發(fā)中進(jìn)行調(diào)整。

7. 設(shè)計(jì)走查

體驗(yàn)設(shè)計(jì)師將帶有標(biāo)注的設(shè)計(jì)稿提交給開(kāi)發(fā)后，并不能確定開(kāi)發(fā)是否通過(guò)設(shè)計(jì)稿的標(biāo)注就可以百分百的還原設(shè)計(jì)稿，而設(shè)計(jì)走查是減少這些偏差的不可或缺的環(huán)節(jié)。在設(shè)計(jì)走查后，體驗(yàn)設(shè)計(jì)師需要輸出走查表，從而保證開(kāi)發(fā)可以對(duì)照走查表將原先忽視的東西進(jìn)行修復(fù)。

8. 設(shè)計(jì)復(fù)盤

設(shè)計(jì)復(fù)盤是將設(shè)計(jì)過(guò)程還原并且進(jìn)行研討、分析的過(guò)程。就如棋手通常會(huì)在一局之后，與對(duì)手重現(xiàn)棋局，共同回顧每一步的情況，哪里有失誤，哪里下的精妙，從而在下次遇到同樣形勢(shì)的情況下，能更好的從容應(yīng)對(duì)。

在設(shè)計(jì)復(fù)盤中，體驗(yàn)設(shè)計(jì)師通常會(huì)從以下幾個(gè)維度進(jìn)行項(xiàng)目設(shè)計(jì)復(fù)盤，包括目標(biāo)回顧、過(guò)程分析、結(jié)果評(píng)估、歸因分析、經(jīng)驗(yàn)總結(jié)。通過(guò)這一系列的回顧，能幫體驗(yàn)設(shè)計(jì)師在下次設(shè)計(jì)時(shí)規(guī)避問(wèn)題和提升設(shè)計(jì)效果。

六、針對(duì)產(chǎn)品界面設(shè)計(jì)部分，兩個(gè)崗位分別需承擔(dān)哪些職責(zé)

針對(duì)產(chǎn)品界面設(shè)計(jì)部分，B端產(chǎn)品經(jīng)理和體驗(yàn)設(shè)計(jì)都有職責(zé)嗎？答案當(dāng)然是“是”。

只是在繪制的過(guò)程中，雙方分別承擔(dān)不同的職責(zé)，產(chǎn)品界面設(shè)計(jì)不是產(chǎn)品經(jīng)理或者體驗(yàn)設(shè)計(jì)師任何一方可以簡(jiǎn)單輸出的，而是雙方共同協(xié)同的結(jié)果，他們將各自對(duì)產(chǎn)品的思考，一起融入產(chǎn)品界面中。

在有些公司中，產(chǎn)品經(jīng)理無(wú)須繪制產(chǎn)品原型圖，只要把產(chǎn)品需求文檔交給體驗(yàn)設(shè)計(jì)師就可以了。

這樣的工作方式雖然沒(méi)有大問(wèn)題，但是這個(gè)過(guò)程體驗(yàn)設(shè)計(jì)師需要與產(chǎn)品經(jīng)理不斷地溝通，需要花費(fèi)大量的精力將文字轉(zhuǎn)化為圖片。這個(gè)過(guò)程不僅讓產(chǎn)品經(jīng)理與交互設(shè)計(jì)師的協(xié)作非常低效，而且拖慢了整個(gè)產(chǎn)品的設(shè)計(jì)進(jìn)度。

優(yōu)秀的B端產(chǎn)品經(jīng)理會(huì)先把需求轉(zhuǎn)化為產(chǎn)品原型，原型中需交代界面的全部功能、信息布局、業(yè)務(wù)流轉(zhuǎn)等。產(chǎn)品經(jīng)理畫(huà)原型，不僅可以驗(yàn)證自己在產(chǎn)品思考上的合理性，還可以很直觀地通過(guò)原型與項(xiàng)目組成員討論問(wèn)題。

而體驗(yàn)設(shè)計(jì)師面對(duì)可視化的原型，需要去挖掘更深層次的信息（從上體驗(yàn)設(shè)計(jì)師的主要工作職責(zé)中便可知 ），從而幫助產(chǎn)品提升用戶體驗(yàn)。例如界面功能重要到次要的層級(jí)；界面哪些信息使用頻率高，哪些使用頻率低；界面數(shù)據(jù)量的多少（這會(huì)影響界面排版）等等。

筆者以移動(dòng)端購(gòu)物類產(chǎn)品中的“好物推薦”模塊為例，進(jìn)行示意，從圖中大家可以知曉產(chǎn)品經(jīng)理和體驗(yàn)設(shè)計(jì)師在產(chǎn)品界面設(shè)計(jì)上的分工情況。

簡(jiǎn)單來(lái)說(shuō)，產(chǎn)品經(jīng)理是將PRD中需要呈現(xiàn)到界面的信息轉(zhuǎn)化成原型，完成文字到圖的可視化轉(zhuǎn)化。體驗(yàn)設(shè)計(jì)師需要從用戶視角出發(fā)，提升界面設(shè)計(jì)要素的可用性、易用性與愉悅性。

七、產(chǎn)品經(jīng)理交接給體驗(yàn)設(shè)計(jì)師的工作物的準(zhǔn)入標(biāo)準(zhǔn)

理順了B端產(chǎn)品經(jīng)理和體驗(yàn)設(shè)計(jì)師的工作邊界后，我們?cè)趤?lái)客觀地談?wù)?，產(chǎn)品經(jīng)理與體驗(yàn)設(shè)計(jì)師交接工作的時(shí)候，需要達(dá)到怎樣的準(zhǔn)入標(biāo)準(zhǔn)，才能較好的履行產(chǎn)品經(jīng)理的職責(zé)，這樣就無(wú)需到體驗(yàn)設(shè)計(jì)師這邊，還要去解決本該產(chǎn)品經(jīng)理解決的問(wèn)題。

1. 設(shè)計(jì)目的

清晰的設(shè)計(jì)目的描述可以幫助設(shè)計(jì)師快速建立和理解此次產(chǎn)品設(shè)計(jì)的目標(biāo)及范圍，更好地提出設(shè)計(jì)師的專業(yè)意見(jiàn)。

筆者推薦在“設(shè)計(jì)目的”中包含，但不僅限于以下內(nèi)容：

1. 安排這個(gè)設(shè)計(jì)項(xiàng)目是為了什么？清晰地闡述，而非只是一個(gè)模糊的概念。
2. 目標(biāo)用戶（潛在用戶）是誰(shuí)？他們是在什么場(chǎng)景使用此功能的？
3. 是調(diào)整產(chǎn)品整體視覺(jué)，還是對(duì)某個(gè)局部功能進(jìn)行交互優(yōu)化，亦或是新產(chǎn)品有計(jì)劃的逐步設(shè)計(jì)？

參考例子：【給頂部導(dǎo)航條添加“通知消息功能”】

1. 設(shè)計(jì)原因：當(dāng)前“XXX系統(tǒng)”頂部導(dǎo)航條無(wú)“通知消息功能”，導(dǎo)致用戶的待辦通知、系統(tǒng)通知等消息散落在頁(yè)面中，用戶無(wú)法通過(guò)一個(gè)集合入口看到所有自己要待辦的事項(xiàng)，非常不便。因此組內(nèi)通過(guò)討論后，決定給系統(tǒng)頂部導(dǎo)航條添加“通知消息功能”，方便用戶快速查看待辦事項(xiàng)。
2. 目標(biāo)用戶：公司內(nèi)部財(cái)務(wù)審核員。他們會(huì)在每天早上10點(diǎn)左右打開(kāi)電腦，開(kāi)始閱讀并處理待辦事項(xiàng)。
3. 設(shè)計(jì)類型：新功能設(shè)計(jì)，包括“通知消息功能”的交互和視覺(jué)設(shè)計(jì)。

2. 原型

將前期評(píng)審?fù)ㄟ^(guò)的需求轉(zhuǎn)化為原型稿，同時(shí)提供給設(shè)計(jì)師，設(shè)計(jì)師可以更直觀的了解設(shè)計(jì)需求，更清楚的知曉頁(yè)面和功能之間的邏輯關(guān)系，降低溝通成本，提高設(shè)計(jì)稿輸出的效率。

筆者推薦在“原型”中包含，但不僅限于以下內(nèi)容：

1. 清晰描述產(chǎn)品功能有什么及其邏輯的原型圖，可以是axure，可以是手繪圖，形式不限制（備注：不要用口頭描述、純文字PRD文檔這些東西給到體驗(yàn)設(shè)計(jì)師，圖形化遠(yuǎn)比文字理解來(lái)得更容易，大大提升體驗(yàn)設(shè)計(jì)師理解與解決需求的效率）；
2. 清晰的產(chǎn)品整理流程圖，或功能流程圖等。

參考例子：【“XXX”產(chǎn)品界面設(shè)計(jì)】

新產(chǎn)品立項(xiàng)，需要設(shè)計(jì)完整的產(chǎn)品界面，但是產(chǎn)品專業(yè)度高，對(duì)設(shè)計(jì)人員不僅要具備交互知識(shí)，還得具備相關(guān)領(lǐng)域的專業(yè)性知識(shí)，產(chǎn)品設(shè)計(jì)難度高。產(chǎn)品經(jīng)理在完成自己的需求分析后，給出了界面原型圖+界面流程圖，內(nèi)容主要包括：

1. 清晰的功能流程圖，或產(chǎn)品流程圖
2. 主要模塊在界面上的劃分
3. 每個(gè)模塊所具備的核心功能和其他功能
4. 頁(yè)面上數(shù)據(jù)的數(shù)據(jù)性質(zhì)等
5. 模塊與模塊之間的邏輯關(guān)系
6. 模塊某個(gè)功能與其他模塊功能之間的聯(lián)動(dòng)關(guān)系呈現(xiàn)（比如數(shù)據(jù)關(guān)系）

3. 設(shè)計(jì)發(fā)揮空間

在提出設(shè)計(jì)需求時(shí)，給予設(shè)計(jì)師一個(gè)發(fā)揮空間的預(yù)判，那么設(shè)計(jì)師能更清楚地知道自己在處理設(shè)計(jì)時(shí)可以做什么，不可以做什么。

筆者推薦在“設(shè)計(jì)發(fā)揮空間”中包含，但不僅限于以下內(nèi)容：

1. 主要設(shè)計(jì)哪塊功能的什么部分？視覺(jué)？交互？視覺(jué)和交互？
2. 設(shè)計(jì)的發(fā)揮空間有多大？顛覆性創(chuàng)新？根據(jù)競(jìng)品小部分修改？直接用畫(huà)出來(lái)的原型設(shè)計(jì)？

參考例子：【修改當(dāng)前XXX系統(tǒng)的左側(cè)導(dǎo)航交互樣式】

1. 主要任務(wù)：目前系統(tǒng)菜單量增加，層級(jí)結(jié)構(gòu)又很深，無(wú)法滿足業(yè)務(wù)需要，因此要修改當(dāng)前系統(tǒng)左側(cè)導(dǎo)航樹(shù)形結(jié)構(gòu)的交互模式。
2. 設(shè)計(jì)發(fā)揮空間：發(fā)揮空間大，目前團(tuán)隊(duì)內(nèi)部沒(méi)有更好的設(shè)計(jì)想法，設(shè)計(jì)師可以隨意發(fā)揮，我們需要原型輸出后評(píng)審確定，再進(jìn)行視覺(jué)稿創(chuàng)作。

4. 競(jìng)品

將相關(guān)競(jìng)品提供給設(shè)計(jì)師，有助于設(shè)計(jì)師對(duì)競(jìng)品做有效分析后，提取有價(jià)值的信息，以更好地提高對(duì)需求的理解和更高效地輸出設(shè)計(jì)稿。

筆者推薦在“競(jìng)品”中包含，但不僅限于以下內(nèi)容：

1. 給予競(jìng)品的相關(guān)鏈接或文檔
2. 給予競(jìng)品的分析：包括競(jìng)品哪些部分與我們產(chǎn)品要做的部分對(duì)標(biāo)？目前如何思考競(jìng)品有價(jià)值部分與我們的關(guān)系，是照搬還是會(huì)有一定程度的修改？

參考例子：【XXX產(chǎn)品設(shè)計(jì)規(guī)范編寫】

1. 競(jìng)品鏈接：123產(chǎn)品設(shè)計(jì)規(guī)范鏈接、456產(chǎn)品設(shè)計(jì)規(guī)范鏈接。
2. 參考的競(jìng)品范圍：競(jìng)品設(shè)計(jì)規(guī)范范圍包括“通用部分和具體組件部分”。一期聚焦編寫“通用設(shè)計(jì)規(guī)范部分”，“具體組件設(shè)計(jì)規(guī)范”部分放到二期。同時(shí)“通用設(shè)計(jì)規(guī)范部分”我們更傾向競(jìng)品“ 123產(chǎn)品設(shè)計(jì)規(guī)范”的描述方式，它的描述符合用戶閱讀的維度，同時(shí)目錄也可參考它，但也允許做一定程度的調(diào)整。

八、總結(jié)

回到最初的問(wèn)題：“B端產(chǎn)品經(jīng)理和體驗(yàn)設(shè)計(jì)師的工作職責(zé)分別是什么？產(chǎn)品原型應(yīng)該由誰(shuí)來(lái)畫(huà)才更合適？”我想大家心里都有了自己的答案。

筆者想對(duì)B端產(chǎn)品經(jīng)理和體驗(yàn)設(shè)計(jì)師說(shuō)一句話：產(chǎn)品最終是否好用、易用，與你們都分不開(kāi)，需要大家調(diào)用自己的專業(yè)知識(shí)一同去解決。

作者：知果；公眾號(hào)：知果日記

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

題圖來(lái)自Unsplash，基于CC0協(xié)議。