B端產(chǎn)品直接用組件，設(shè)計(jì)師的價(jià)值在哪里？

編者按：B端產(chǎn)品只用用組件就可以做，那設(shè)計(jì)師的價(jià)值是什么呢？作者總結(jié)了4個(gè)方面，幫B端設(shè)計(jì)師找到自己的工作重點(diǎn)。

相關(guān)文章：

有同學(xué)問過我一個(gè)很有代表性的問題：

“我所在的公司已經(jīng)開始用組件來做產(chǎn)品了。對于簡單的產(chǎn)品，設(shè)計(jì)師把組件和頁面框架做完后，前端就直接用組件庫按照規(guī)則去搭建頁面了。文案也可以由產(chǎn)品和開發(fā)直接對接。

設(shè)計(jì)師已經(jīng)不需要每個(gè)頁面都出圖了。在這種工作流程中，設(shè)計(jì)師是不是就不那么重要了？我們 B 端設(shè)計(jì)師的工作任務(wù)和價(jià)值又是什么呢？”

這其實(shí)是一個(gè)很好的問題，值得每一位 B 端設(shè)計(jì)師都去思考。現(xiàn)在很多公司都已經(jīng)開始使用組件庫來為產(chǎn)品的研發(fā)過程降本提效了。那使用組件就真的可以替代設(shè)計(jì)師的大部分工作了么？

一、組件的核心功能是什么

我們先來看看組件的核心功能是什么。組件的作用有很多，其中有兩點(diǎn)最為突出：

1. 降本提效

組件的初衷不是為了替代設(shè)計(jì)師。組件的本質(zhì)是一種降本提效的工具。在工作內(nèi)容上，可以將不必要的、重復(fù)性勞動(dòng)的時(shí)間節(jié)省出來；在工作流程上，便于設(shè)計(jì)師與開發(fā)做交接和協(xié)作，減少溝通成本。

2. 質(zhì)量保障

不論是設(shè)計(jì)還是開發(fā)，使用組件后都可以在一定程度上保證工作質(zhì)量。組件規(guī)范了前端和設(shè)計(jì)師的工作方法，建立了底層的合作機(jī)制，設(shè)定了設(shè)計(jì)和開發(fā)的質(zhì)量底線。基于組件完成的產(chǎn)品通常具備：

1. 一致性：相對一致的表現(xiàn)樣式，設(shè)計(jì)風(fēng)格和交互體驗(yàn)上都可保持統(tǒng)一；
2. 可用性：對于用戶來說具備最基本可操作性和可識(shí)別性；
3. 標(biāo)準(zhǔn)化：符合基本審美標(biāo)準(zhǔn)，雖不會(huì)很亮眼，但也不會(huì)很難看。

但對于一款好產(chǎn)品來說，僅達(dá)到基礎(chǔ)合格線是遠(yuǎn)遠(yuǎn)不夠的。組件能替代的僅僅是大部分重復(fù)性的頁面。面對變化多樣的業(yè)務(wù)需求，設(shè)計(jì)師還是需要做很多非基礎(chǔ)性、非重復(fù)性的設(shè)計(jì)工作。

我們也要建立起一個(gè)重要的認(rèn)知，那就是：

做組件不是設(shè)計(jì)目標(biāo)，而是一種為業(yè)務(wù)賦能的手段和方法。

能夠?yàn)闃I(yè)務(wù)帶來正向影響、助力業(yè)務(wù)發(fā)展的組件才是有效的。

二、設(shè)計(jì)師的工作重心有哪些

設(shè)計(jì)工作很注重專業(yè)與實(shí)踐相結(jié)合，大多數(shù)情況下，能為業(yè)務(wù)賦能的設(shè)計(jì)行為，才能體現(xiàn)設(shè)計(jì)價(jià)值。在此過程中設(shè)計(jì)師的工作內(nèi)容和重心可以分為以下幾點(diǎn)：

1. 深挖業(yè)務(wù)訴求，優(yōu)化體驗(yàn)

一款好的產(chǎn)品，質(zhì)量不會(huì)僅停留在合格線。設(shè)計(jì)師可以把更多的時(shí)間和精力放到更有價(jià)值的工作上去，關(guān)注業(yè)務(wù)目標(biāo)和用戶需求，對業(yè)務(wù)邏輯做深度理解和剖析。不僅僅是在界面細(xì)節(jié)的表現(xiàn)手法上下功夫，還要用系統(tǒng)性思維為整個(gè)產(chǎn)品做全方位的體驗(yàn)優(yōu)化。

2. 提升組件專業(yè)性，賦能業(yè)務(wù)

很多業(yè)務(wù)領(lǐng)域有其獨(dú)特性，比如金融類組件和政務(wù)類的產(chǎn)品頁面列表內(nèi)容就有很大區(qū)別。這就使得單一的組件在應(yīng)用的過程中可以被再次組合、拼裝和沉淀。

針對不同的業(yè)務(wù)領(lǐng)域，將高頻使用的組件結(jié)合業(yè)務(wù)特性，進(jìn)行更為專業(yè)的沉淀也很重要。這類組件使用起來也會(huì)更加得心應(yīng)手、加倍提效。

3. 提升組件易用性，規(guī)范使用

組件并不是一勞永逸的設(shè)計(jì)工具，它需要緊跟業(yè)務(wù)的步伐迭代更新。只有當(dāng)組件的質(zhì)量達(dá)標(biāo)，具備了一定的穩(wěn)定性和易用性，才能被設(shè)計(jì)師和開發(fā)高效、高質(zhì)地使用，更好地支持業(yè)務(wù)需求。

因此，除了建立組件的設(shè)計(jì)規(guī)范，組件如何被更新、怎樣被同步給相關(guān)方、怎樣才能被正確地使用，也是影響產(chǎn)品最終質(zhì)量的關(guān)鍵因素。

4. 優(yōu)化檢驗(yàn)流程，排查問題

這里所說的「檢驗(yàn)」包括兩方面工作內(nèi)容：

1. 對于研發(fā)質(zhì)量的檢驗(yàn)；
2. 對于產(chǎn)品體驗(yàn)的監(jiān)測。

先來看看對于研發(fā)質(zhì)量的檢驗(yàn)，我們可以分為兩部分內(nèi)容：

1. 設(shè)計(jì)還原度走查：即對于開發(fā)完成設(shè)計(jì)稿后的質(zhì)量檢查；
2. 組件應(yīng)用質(zhì)量走查：即排查組件的使用問題，判斷設(shè)計(jì)和開發(fā)的使用方式是否正確。

對于這兩類走查，發(fā)現(xiàn)問題時(shí)不僅要及時(shí)糾正，還要思考問題產(chǎn)生的原因，從根本上解決和杜絕類似問題。

再來看看對于產(chǎn)品體驗(yàn)的監(jiān)測。其實(shí)很多大廠都提出過關(guān)于檢測產(chǎn)品體驗(yàn)和設(shè)計(jì)質(zhì)量的方法及模型，我們熟知的有 Google 的 HEART 模型和 GSM 模型、螞蟻集團(tuán)的 PTECH 模型和「兩章一分」模型等等。

因?yàn)楫a(chǎn)品的評估方式本就是多維度的，不同的產(chǎn)品又有不同的評價(jià)標(biāo)準(zhǔn)，所以大家各自沉淀、百花齊放。不過參考和使用這些方法的原則只有一條：適合自己需求的工具，才是好用的。

設(shè)計(jì)自身的價(jià)值是全鏈路的、端到端的、內(nèi)循環(huán)的。設(shè)計(jì)師不光用手，更應(yīng)該用心和腦去思考和解決問題。可以說，組件就是幫助設(shè)計(jì)師解放雙手的不二法門。

設(shè)計(jì)師的思維和方法不一定會(huì)決定產(chǎn)品的生死，但足以幫助產(chǎn)品實(shí)現(xiàn)質(zhì)量和體驗(yàn)的升級(jí)。也正因如此，產(chǎn)品才能在市場競爭中走得更為長遠(yuǎn)。

歡迎關(guān)注作者微信公眾號(hào)：「長弓小子」