非常干貨系列之產(chǎn)品經(jīng)理如何做后臺(tái)設(shè)計(jì)

在后臺(tái)產(chǎn)品的設(shè)計(jì)中，設(shè)計(jì)師充當(dāng)了業(yè)務(wù)轉(zhuǎn)化為界面的「翻譯」，尤其是在團(tuán)隊(duì)中沒(méi)有產(chǎn)品經(jīng)理時(shí)，設(shè)計(jì)師則需要對(duì)業(yè)務(wù)有更深的理解且具備更多的專(zhuān)業(yè)能力，協(xié)調(diào)需求方與開(kāi)發(fā)，進(jìn)行設(shè)計(jì)賦能。文章通過(guò)以下兩部分進(jìn)行介紹。

 

一、后臺(tái)產(chǎn)品特征分析與設(shè)計(jì)挑戰(zhàn)

在工作中做后臺(tái)產(chǎn)品和做 C 端產(chǎn)品還是有不小差別，以下僅以本人在設(shè)計(jì)工作中遇到的挑戰(zhàn)進(jìn)行舉例，對(duì)比分析。

1. 業(yè)務(wù)理解難度大，專(zhuān)業(yè)詞匯多

接觸后臺(tái)產(chǎn)品的首要任務(wù)是對(duì)業(yè)務(wù)的理解，這點(diǎn)對(duì)于產(chǎn)品尤為重要，且對(duì)設(shè)計(jì)師來(lái)說(shuō)較有難度。比如企業(yè)提供的云平臺(tái)后臺(tái)運(yùn)維系統(tǒng)，如圖1，它涉及到云計(jì)算多種服務(wù)類(lèi)型、數(shù)據(jù)結(jié)構(gòu)、業(yè)務(wù)邏輯及權(quán)限把控等，覆蓋領(lǐng)域非常廣泛，專(zhuān)業(yè)知識(shí)要求較強(qiáng)。這樣一個(gè)龐大的后臺(tái)、業(yè)務(wù)理解量對(duì)于一個(gè)新手（未接觸過(guò)后臺(tái)產(chǎn)品設(shè)計(jì)）來(lái)說(shuō)，上手難度較大，并且這類(lèi)后臺(tái)運(yùn)維產(chǎn)品，都是公司內(nèi)部使用，很難找到可借鑒參考的案例，以往的經(jīng)驗(yàn)也無(wú)法直接復(fù)用。再者，后臺(tái)產(chǎn)品中經(jīng)常使用各種技術(shù)專(zhuān)業(yè)詞匯，這都需要我們通過(guò)學(xué)習(xí)交流，了解其含義以及所在業(yè)務(wù)中的作用。

△ 圖1 云計(jì)算 IAAS 基礎(chǔ)設(shè)施服務(wù)的業(yè)務(wù)組成

2. 用戶(hù)群體專(zhuān)業(yè)性強(qiáng)

我們面對(duì)一批具有專(zhuān)業(yè)性的高級(jí)用戶(hù)，此時(shí)設(shè)計(jì)師如果以「同理心」或「假裝用戶(hù)」的方法去推導(dǎo)會(huì)略顯蒼白。通過(guò)下圖，對(duì)兩類(lèi)產(chǎn)品的用戶(hù)特征進(jìn)行對(duì)比分析。C 端產(chǎn)品，用戶(hù)量較多，至少是幾萬(wàn)用戶(hù)，用戶(hù)分布比較雜，文化水平和電腦操作水平各異，他們習(xí)慣于帶有引導(dǎo)的單線(xiàn)程操作，盡量簡(jiǎn)化頁(yè)面信息。而對(duì)于后臺(tái)產(chǎn)品，用戶(hù)基數(shù)較少，以公司內(nèi)部的運(yùn)維人員為主，人員特征相對(duì)集中，具備很好的電腦操作水平，用戶(hù)特征也較明顯，他們注重高效率操作，編輯時(shí)經(jīng)常采用輸入搜索、編輯代碼的交互方式，目標(biāo)明確，快速精準(zhǔn)直達(dá)；排查問(wèn)題時(shí)需要多視角，多維度判斷問(wèn)題。

△ 圖2 C 端與后臺(tái)產(chǎn)品用戶(hù)分析

針對(duì)不同的用戶(hù)特征，我們?cè)谠O(shè)計(jì)界面時(shí)也有所側(cè)重。對(duì) C 端產(chǎn)品，用戶(hù)水平差異較大，設(shè)計(jì)界面應(yīng)盡量兼顧中間層用戶(hù)的理解度，使操作符合其認(rèn)知，但對(duì)于后臺(tái)運(yùn)維人員，過(guò)多的封裝可能會(huì)影響操作效率，哪怕鼠標(biāo)懸停顯示、點(diǎn)擊查看詳情等。當(dāng)然，過(guò)度封裝界面也可能會(huì)增加用戶(hù)理解的成本。

△ 圖3 用戶(hù)理解度與界面封裝的關(guān)系

舉兩個(gè)界面設(shè)計(jì)的例子，以更直觀(guān)的視角了解用戶(hù)特征對(duì)界面設(shè)計(jì)的影響。C端產(chǎn)品，如圖4，設(shè)計(jì)師在設(shè)計(jì)界面時(shí)會(huì)考慮適量的交互動(dòng)效，吸引用戶(hù)；簡(jiǎn)單直觀(guān)的導(dǎo)航和架構(gòu)，引導(dǎo)用戶(hù)；圖文結(jié)合的信息布局，注意信息疏密、留白，利于用戶(hù)閱讀效率和瀏覽心情；文案用語(yǔ)通俗易懂且注重情感化。

△ 圖4 C端產(chǎn)品界面 

而后臺(tái)產(chǎn)品，如圖5所示，在設(shè)計(jì)時(shí)會(huì)有以下側(cè)重：

△  圖5  后臺(tái)產(chǎn)品界面  

• 大多是滿(mǎn)屏信息，充分利用頁(yè)面空間。
• 頁(yè)面信息會(huì)包含技術(shù)人員習(xí)慣的英文專(zhuān)業(yè)術(shù)語(yǔ)，用圖標(biāo)或中文很難清晰表達(dá)語(yǔ)義，識(shí)別率較低。
• 以圖表、列表、表單等形式進(jìn)行數(shù)據(jù)展示，少有交互動(dòng)效。
• 必要詳情信息外露，展示多維度的全局信息，便于用戶(hù)判斷異常的優(yōu)先級(jí)。
• 為常用操作留有入口且加大反饋熱區(qū)，便于用戶(hù)操作。
• 在組件選擇上要考慮可擴(kuò)展性、信息連貫性，避免浪費(fèi)空間，分散用戶(hù)注意力。

3. 產(chǎn)品設(shè)計(jì)思路存在差異

首先從需求來(lái)說(shuō)，后臺(tái)產(chǎn)品，一般需求是技術(shù)或業(yè)務(wù)直接推進(jìn)到需求。較少像 C 端那樣通過(guò)用戶(hù)畫(huà)像、同理心等方法分析用戶(hù)的行為，發(fā)掘用戶(hù)需求。相比之下后臺(tái)產(chǎn)品的需求是明確的，但是，需求的明確并不代表需求的簡(jiǎn)單。因?yàn)楹笈_(tái)產(chǎn)品的業(yè)務(wù)邏輯的復(fù)雜，同時(shí)流程性會(huì)更強(qiáng)。大量的字段堆積及繁瑣的操作都需要設(shè)計(jì)師去思考，將整個(gè)流程梳理清楚。在當(dāng)前操作下哪個(gè)字段需要保留或者去除；業(yè)務(wù)流程如何跳轉(zhuǎn)才能清晰引導(dǎo)用戶(hù)；各種閾值如何有效顯示；一個(gè)頁(yè)面中操作會(huì)不會(huì)有關(guān)聯(lián)或沖突，這些都需要建立在對(duì)業(yè)務(wù)的足夠了解之上。

其次是設(shè)計(jì)產(chǎn)出，后臺(tái)產(chǎn)品有時(shí)出于技術(shù)角度，會(huì)先搭起主體架構(gòu)提供頁(yè)面，展現(xiàn)業(yè)務(wù)，之后可通過(guò)技術(shù)改進(jìn)與用戶(hù)反饋進(jìn)行迭代。 C 端產(chǎn)品設(shè)計(jì)時(shí)一般都會(huì)由產(chǎn)品經(jīng)理與設(shè)計(jì)師一起討論好較全面、較完善的操作流程；相關(guān)功能和操作都配備齊全；注重用戶(hù)使用體驗(yàn)與界面美觀(guān)。

△ 圖6 C 端產(chǎn)品與后臺(tái)產(chǎn)品設(shè)計(jì)對(duì)比

因此，在產(chǎn)品設(shè)計(jì)時(shí)就會(huì)有不同的思路側(cè)重。后臺(tái)產(chǎn)品「效率壓倒一切」，注重界面的實(shí)用性和操作效率，對(duì)交互細(xì)節(jié)要求不會(huì)很高，提供必備功能即可，用戶(hù)穩(wěn)定。C 端產(chǎn)品則是「體驗(yàn)為王」，關(guān)注的是流量 PV、UV 等數(shù)據(jù)，換句話(huà)說(shuō)也就是產(chǎn)品更關(guān)注用戶(hù)的粘度，需要以美觀(guān)的視覺(jué)感受和流暢的交互體驗(yàn)來(lái)滿(mǎn)足用戶(hù)。

4. 技術(shù)迭代快

物聯(lián)網(wǎng)、云計(jì)算等領(lǐng)域的快速發(fā)展，會(huì)催促技術(shù)的更新與迭代，后臺(tái)運(yùn)維產(chǎn)品作為一個(gè)由技術(shù)團(tuán)隊(duì)主導(dǎo)的產(chǎn)品類(lèi)別，自然會(huì)受到影響，尤其是開(kāi)拓中的新產(chǎn)品，會(huì)在技術(shù)的發(fā)展中不斷迭代，利用新的技術(shù)提升運(yùn)維效率。

5. 需求層次存在差異

這里的差異主要是由于用戶(hù)管理目標(biāo)的數(shù)量級(jí)、權(quán)限、習(xí)慣的不同所導(dǎo)致的。舉個(gè)例子，用戶(hù)管理50多個(gè)集群，一個(gè)一個(gè)進(jìn)行多服務(wù)升級(jí)會(huì)很麻煩，這類(lèi)用戶(hù)更習(xí)慣于通過(guò)代碼的方式直接批量修改，而對(duì)于運(yùn)維數(shù)量級(jí)較少的用戶(hù)，則可以通過(guò)選擇服務(wù)及要升級(jí)的版本完成操作。

后臺(tái)產(chǎn)品的設(shè)計(jì)需要兼顧高級(jí)與初級(jí)用戶(hù)的使用習(xí)慣，既滿(mǎn)足操作高效，也要確保新用戶(hù)知道如何操作。既要提供必要的頁(yè)面流程引導(dǎo)，也要滿(mǎn)足相關(guān)操作的快速跳轉(zhuǎn)切換。這點(diǎn)會(huì)與 C 端產(chǎn)品有所不同，C 端產(chǎn)品大多是由設(shè)計(jì)師確認(rèn)好一條清晰的線(xiàn)性操作流程，用戶(hù)根據(jù)引導(dǎo)逐步找到對(duì)應(yīng)目標(biāo)。

 

二、后臺(tái)產(chǎn)品設(shè)計(jì)思考

作為后臺(tái)交互設(shè)計(jì)師，有時(shí)不僅要充當(dāng) PD，與業(yè)務(wù)方對(duì)接，負(fù)責(zé)需求的分析與功能結(jié)構(gòu)梳理，也要配合開(kāi)發(fā)，進(jìn)行測(cè)試驗(yàn)收并收集上線(xiàn)反饋，甚至要負(fù)責(zé)相關(guān)視覺(jué)設(shè)計(jì)、使用推廣等工作。在具體的工作中，需要我們具備更加全面的視角，以下幾點(diǎn)思考與大家共勉。

1. 轉(zhuǎn)變自身態(tài)度

• 與團(tuán)隊(duì)共建、協(xié)作，為產(chǎn)品負(fù)責(zé)。當(dāng)團(tuán)隊(duì)中職能界定模糊時(shí)，我們作為產(chǎn)品的用戶(hù)代表，需要為最終的體驗(yàn)負(fù)責(zé)，協(xié)調(diào)上下游工作，確保產(chǎn)品為用戶(hù)提供所需的服務(wù)。
• 為用戶(hù)而設(shè)計(jì)，尊重用戶(hù)使用習(xí)慣。不同的產(chǎn)品所對(duì)應(yīng)的目標(biāo)用戶(hù)也不相同，這需要我們立足于本產(chǎn)品，了解用戶(hù)的使用習(xí)慣、發(fā)掘痛點(diǎn)、洞見(jiàn)方向。
• 尊重平臺(tái)特性，了解技術(shù)限制。
• 設(shè)計(jì)賦能。向前分析需求，向后配合開(kāi)發(fā)。

2. 深入了解自己的業(yè)務(wù)

這一點(diǎn)在后臺(tái)產(chǎn)品中尤為突出，了解才有發(fā)言權(quán)，才能提出合理建議，并正確推動(dòng)前后端協(xié)調(diào)，否則脫離了業(yè)務(wù)，設(shè)計(jì)工作將無(wú)實(shí)質(zhì)意義，即無(wú)法解決用戶(hù)需求，也無(wú)法帶來(lái)優(yōu)質(zhì)體驗(yàn)。

△ 圖7 后臺(tái)產(chǎn)品用戶(hù)體驗(yàn)與業(yè)務(wù)的關(guān)系

3. 設(shè)計(jì)方法

• 協(xié)助梳理業(yè)務(wù)。把業(yè)務(wù)轉(zhuǎn)化為容易理解的內(nèi)容，整理出產(chǎn)品不同的角色、任務(wù)以及可能的頁(yè)面，提煉功能與內(nèi)容。
• 敢嘗試。提供備選 A\B 方案，讓用戶(hù)基于一個(gè)可供討論和對(duì)比的界面進(jìn)行反復(fù)修正，在此基礎(chǔ)上進(jìn)行細(xì)節(jié)補(bǔ)充，提高產(chǎn)品設(shè)計(jì)效率。
• 小而快。把需求細(xì)分，快速進(jìn)行產(chǎn)品開(kāi)發(fā)與后續(xù)迭代。

4. 產(chǎn)品體驗(yàn)標(biāo)準(zhǔn)側(cè)重

• 操作效率。后臺(tái)管理運(yùn)維的數(shù)量級(jí)較大，會(huì)涉及到對(duì)多目標(biāo)的重復(fù)性操作，如何簡(jiǎn)化操作流程，合并重復(fù)模塊，減少選項(xiàng)，有效的設(shè)計(jì)信息是較為重要的一點(diǎn)。
• 準(zhǔn)確性。面對(duì)大量信息和多維度的判斷，提供準(zhǔn)確的信息展示與反饋同樣可以提高操作效率。例如精準(zhǔn)文案，減少界面視覺(jué)元素的干擾，增加預(yù)防出錯(cuò)的機(jī)制等，提高準(zhǔn)確性，讓用戶(hù)聚焦于當(dāng)前任務(wù)。
• 降低學(xué)習(xí)成本。后臺(tái)產(chǎn)品本身就具有一定的學(xué)習(xí)成本，這與它的專(zhuān)業(yè)性不可分割，那么在設(shè)計(jì)時(shí)，減少信息層級(jí)，利用運(yùn)維用戶(hù)習(xí)慣的、純粹的元素與操作方式，能夠降低額外的學(xué)習(xí)成本。

三、總結(jié)

以上是我在工作中一些小的總結(jié)，經(jīng)驗(yàn)有限，免不了還有些膚淺。總之，作為后臺(tái)產(chǎn)品的交互設(shè)計(jì)師，需要我們加強(qiáng)自身學(xué)習(xí)，進(jìn)行產(chǎn)品知識(shí)和業(yè)務(wù)補(bǔ)充，在這里引用一句話(huà)「使用方法解決需求方的問(wèn)題是設(shè)計(jì)最本真的用處」。無(wú)論面對(duì)多么底層，復(fù)雜的業(yè)務(wù)，多么各異的用戶(hù)訴求，我們都要緊貼業(yè)務(wù)、服務(wù)用戶(hù)，為產(chǎn)品體驗(yàn)負(fù)責(zé)。