篇首語(yǔ)

提到 B 端產(chǎn)品設(shè)計(jì)，大家可能腦海閃現(xiàn)的是“邏輯復(fù)雜，繞來(lái)繞去，做數(shù)學(xué)題一樣”等印象。對(duì)于設(shè)計(jì)師而言，相比于 C 端的創(chuàng)新和趣味，B 端設(shè)計(jì)更顯得克制和理性，視覺(jué)發(fā)揮空間相對(duì)有限。這個(gè)時(shí)候就會(huì)有人說(shuō)，產(chǎn)品的推動(dòng)靠產(chǎn)品經(jīng)理，設(shè)計(jì)靠現(xiàn)成的組件規(guī)范，那 B 端設(shè)計(jì)師的價(jià)值又有多大呢？

本文將會(huì)從多個(gè)角度，結(jié)合實(shí)際案例，呈現(xiàn) B 端設(shè)計(jì)師如何在項(xiàng)目中發(fā)揮設(shè)計(jì)價(jià)值，希望會(huì)對(duì)處在這個(gè)領(lǐng)域感到迷茫的設(shè)計(jì)師有所指引和幫助。

定位好自己的角色

很多設(shè)計(jì)師想做“項(xiàng)目推動(dòng)型設(shè)計(jì)師”，卻找不到切入點(diǎn)，部分原因是：設(shè)計(jì)師沒(méi)搞清楚自己的角色和該角色所具備的責(zé)任、技能和價(jià)值。

我們先描述一下 B 端設(shè)計(jì)的工作日常：

如上圖描述，B 端設(shè)計(jì)在整個(gè)項(xiàng)目中，是跨團(tuán)隊(duì)+全鏈路參與的角色。在整個(gè)鏈路里，設(shè)計(jì)師在每個(gè)環(huán)節(jié)，都有可挖掘和貢獻(xiàn)的價(jià)值點(diǎn)。

如何挖掘設(shè)計(jì)價(jià)值？

接下來(lái)會(huì)根據(jù)設(shè)計(jì)師日常工作流程和具體案例，來(lái)闡述設(shè)計(jì)可抓的賦能點(diǎn)。

1. 設(shè)計(jì)前：培養(yǎng)爭(zhēng)取的思維方式

有的設(shè)計(jì)師是被動(dòng)接需求做圖，如果只執(zhí)行輸出設(shè)計(jì)稿，價(jià)值發(fā)揮有限，要轉(zhuǎn)被動(dòng)為主動(dòng)。設(shè)計(jì)和產(chǎn)品的配合是互相成就，互相補(bǔ)位。面對(duì) B 端復(fù)雜的業(yè)務(wù)需求，在和產(chǎn)品思維對(duì)焦時(shí)，需要思維前置，辯證的去思考產(chǎn)品方向，幫助產(chǎn)品梳理需求，從需求背景出發(fā)，收集來(lái)自用戶、需求方的反饋，綜合考慮根本要解決的問(wèn)題是什么，再去想如何產(chǎn)出設(shè)計(jì)解決方案，不要只做被動(dòng)接受的工具人。

2. 設(shè)計(jì)中：鍛煉解決問(wèn)題的能力

B 端設(shè)計(jì)師的核心競(jìng)爭(zhēng)力就是解決問(wèn)題的能力，快速理解業(yè)務(wù)和處理業(yè)務(wù)的能力，只有擁有這些能力后，才可以去創(chuàng)造更多的價(jià)值。

B 端設(shè)計(jì)可以在這些地方尋找發(fā)力點(diǎn)，鍛煉和挖掘自己的價(jià)值

規(guī)范的定義：

一個(gè)龐大的后臺(tái)的搭建，都是在一套統(tǒng)一的前端 UI 框架規(guī)范基礎(chǔ)上進(jìn)行的。規(guī)范是服務(wù)于設(shè)計(jì)和技術(shù)團(tuán)隊(duì)更高效的產(chǎn)出體驗(yàn)一致，視覺(jué)統(tǒng)一的基礎(chǔ)。

前面有說(shuō)現(xiàn)在市面上已經(jīng)有成熟的設(shè)計(jì)規(guī)范框架，但設(shè)計(jì)和技術(shù)團(tuán)隊(duì)并不是直接照著挪用的。使用前端 UI 框架最大的目的是為了提升效率，不用自己重頭造車輪，一個(gè)成熟的組件規(guī)范的搭建，設(shè)計(jì)可提供的價(jià)值是不可或缺的，拿一個(gè)組件庫(kù) 0-1 的搭建為列：

在探索期設(shè)計(jì)要主動(dòng)和技術(shù)拉通“統(tǒng)一組件規(guī)范”的背景和目標(biāo)以及價(jià)值，以及去建立技術(shù)和設(shè)計(jì)的配合方式，設(shè)計(jì)內(nèi)部的配合方式，保證規(guī)范順利的推進(jìn)；要去進(jìn)行組件規(guī)范的競(jìng)品調(diào)研，從技術(shù)和設(shè)計(jì)層面綜合考慮，哪種方式更提效更穩(wěn)定，支持的場(chǎng)景更全面…

（權(quán)限原因圖片打碼）

技術(shù)選型后，設(shè)計(jì)要在規(guī)范框架的基礎(chǔ)上，定義出具有自己品牌特性和適合系統(tǒng)特性的視覺(jué)規(guī)范，而不是照搬別人的視覺(jué)語(yǔ)言；隨著產(chǎn)品需求的累積，規(guī)范覆蓋的范圍也會(huì)從原子級(jí)組件逐步擴(kuò)展到頁(yè)面級(jí)。

組件的需求增加，設(shè)計(jì)不僅要結(jié)合整個(gè)系全局的考慮到組件支持到什么程度是最通用的（組件無(wú)需為特殊的業(yè)務(wù)場(chǎng)景去設(shè)計(jì)），未來(lái)的延展性也需考慮到，并和技術(shù)溝通好，以及新增的組件要在整個(gè)設(shè)計(jì)團(tuán)隊(duì)和前端團(tuán)隊(duì)里信息拉齊，避免不同技術(shù)團(tuán)隊(duì)重復(fù)相同組件的工作量。

（不論在組件發(fā)展的哪個(gè)時(shí)期，這些配合的機(jī)制和方法都是通用的）

組件完成后，需要去走查在各個(gè)業(yè)務(wù)線上的覆蓋情況，尤其是新組件替換舊組件的場(chǎng)景，很容易出現(xiàn)新組件“消化不良”的問(wèn)題，需要設(shè)計(jì)和技術(shù)配合走查并記錄問(wèn)題，并給出合理的優(yōu)化方案。

可以看出在一套規(guī)范里，繪制設(shè)計(jì)稿的成本可能只占了 30%，前期的調(diào)研和思考，各個(gè)團(tuán)隊(duì)的協(xié)作和溝通，組件的驗(yàn)收到完美落地，這些環(huán)節(jié)，才是最費(fèi)時(shí)費(fèi)力的，也是最能體現(xiàn)設(shè)計(jì)價(jià)值的部分。

業(yè)務(wù)的賦能：

一個(gè)設(shè)計(jì)需求的完成可分為兩種：

• 設(shè)計(jì)支持：設(shè)計(jì) 100% 完成業(yè)務(wù)需求；
• 設(shè)計(jì)賦能：在完成業(yè)務(wù)需求的基礎(chǔ)上，設(shè)計(jì)主動(dòng)進(jìn)行了xx行動(dòng)，給出xx方案，更好的解決了xx問(wèn)題，帶來(lái)了xx價(jià)值。

業(yè)務(wù)需求 100%的支持，是設(shè)計(jì)師的本職工作，這里我們就不多講了。難點(diǎn)是設(shè)計(jì)賦能，那“賦能”是什么呢？“賦能”顧名思義，就是給誰(shuí)賦予某種能力和能量，通俗來(lái)講就是，你本身不能，但我使你能。

放在設(shè)計(jì)賦能上，就是在項(xiàng)目協(xié)作間、產(chǎn)品大目標(biāo)中尋找突破口，分析他們的需求，在這些痛點(diǎn)上追求更好的效果、更高效率、更科學(xué)的方法。

那設(shè)計(jì)在業(yè)務(wù)上的賦能具體表現(xiàn)是什么呢？

• 了解是前提：

透徹的了解業(yè)務(wù)，了解才有發(fā)言權(quán)，才能提出合理建議，否則脫離了業(yè)務(wù)，設(shè)計(jì)工作將無(wú)實(shí)質(zhì)意義，即無(wú)法解決用戶需求，也無(wú)法帶來(lái)優(yōu)質(zhì)體驗(yàn)。

以“客服 IM-設(shè)計(jì)優(yōu)化”案例具體說(shuō)明：

• 行動(dòng)是關(guān)鍵：

勇敢跨出自己的圈子，設(shè)計(jì)可以主動(dòng)去進(jìn)行競(jìng)品調(diào)研，用戶調(diào)研，這樣不僅可以讓我們更清晰的了解用戶需求和業(yè)務(wù)場(chǎng)景，在這個(gè)過(guò)程中，往往也會(huì)更容易挖掘出需求的突破點(diǎn)，找到更好的解決方案和更有價(jià)值的驅(qū)動(dòng)點(diǎn)。當(dāng)設(shè)計(jì)在整個(gè)項(xiàng)目中參與度越高，貢獻(xiàn)越大，那設(shè)計(jì)的價(jià)值自然就提升了（如果設(shè)計(jì)能夠自己發(fā)起并立項(xiàng)，去組織和推動(dòng)整個(gè)項(xiàng)目，那整個(gè)項(xiàng)目話語(yǔ)權(quán)都是歸屬在設(shè)計(jì)手中的）。

通過(guò)對(duì)業(yè)務(wù)的了解和歸納，設(shè)計(jì)以“降低輿情差評(píng)”為行動(dòng)點(diǎn)，進(jìn)行相關(guān)數(shù)據(jù)收集，并將整理的數(shù)據(jù)業(yè)務(wù)規(guī)劃，以及初擬解決方案。

在溝通后，設(shè)計(jì)可以挖掘出在這個(gè)階段能解決的問(wèn)題，和業(yè)務(wù)方確定安排優(yōu)先級(jí)并進(jìn)行排期解決。

• 結(jié)果是衡量的指標(biāo)：

行動(dòng)只是體現(xiàn)了我們的主動(dòng)性和行動(dòng)力，但是設(shè)計(jì)的行動(dòng)是否產(chǎn)生了價(jià)值，都是要通過(guò)結(jié)果來(lái)衡量的，沒(méi)有價(jià)值的行動(dòng) = 只有苦勞沒(méi)有功勞…

B 端結(jié)果的衡量可以通過(guò)量化的數(shù)據(jù)來(lái)驗(yàn)證，如果沒(méi)有條件進(jìn)行數(shù)據(jù)分析，也可通過(guò)客戶的買(mǎi)單量，效率的提升，用戶的滿意度，來(lái)去論證設(shè)計(jì)的價(jià)值。

3. 設(shè)計(jì)后：復(fù)盤(pán)結(jié)果定期總結(jié)經(jīng)驗(yàn)

復(fù)盤(pán)是設(shè)計(jì)師自我提升的有效方式。不論是工作還是學(xué)習(xí)，設(shè)計(jì)可以通過(guò)回顧和思考，歸納分析其中的成功與不足，把那些對(duì)后續(xù)有幫助的、復(fù)用性高的經(jīng)驗(yàn)加以總結(jié)，沉淀出自己的方法論，從而查漏補(bǔ)缺提升設(shè)計(jì)能力，避免低效率的重復(fù)工作。

當(dāng)沉淀累積到一定程度時(shí)，可以對(duì)團(tuán)隊(duì)輸出自己的方法論，這種知識(shí)分享的方式不僅提升自己對(duì)團(tuán)隊(duì)的價(jià)值，也可以鍛煉自己的表達(dá)和控場(chǎng)能力。

結(jié)尾

不論是精細(xì)打磨用戶體驗(yàn)的 C 端，還是系統(tǒng)思考去搭建一個(gè)完整的服務(wù)場(chǎng)景體系的 B 端，有些找尋價(jià)值的方法是通用的。

設(shè)計(jì)想要提升自己的價(jià)值，產(chǎn)生更強(qiáng)的影響力，不能只沉浸在產(chǎn)品傳達(dá)的業(yè)務(wù)需求里，頂多算執(zhí)行能力。B 端的設(shè)計(jì)和產(chǎn)品互相成就、互相補(bǔ)位，沒(méi)有明確的界限和劃分，設(shè)計(jì)獨(dú)有的用戶體驗(yàn)思維+業(yè)務(wù)理解能力，可推導(dǎo)出產(chǎn)品的可發(fā)力點(diǎn)，抓住并完善這些發(fā)力點(diǎn)，也從中體現(xiàn)了設(shè)計(jì)的價(jià)值。