編輯導(dǎo)語：對于簡單的產(chǎn)品，設(shè)計(jì)師把組件和頁面框架做完后，前端就可以直接搭建頁面，文案也可由產(chǎn)品和開發(fā)對接。在這種流程中，B端設(shè)計(jì)師的工作任務(wù)和價(jià)值又是什么呢？本文作者對此作出了分析，一起來看一下吧。

有同學(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ì)師都去思考?，F(xiàn)在很多公司都已經(jīng)開始使用組件庫來為產(chǎn)品的研發(fā)過程降本提效了。那使用組件就真的可以替代設(shè)計(jì)師的大部分工作了么？

01 組件的核心功能是什么

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

1. 降本提效

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

2. 質(zhì)量保障

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

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

但對于一款好產(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ā)展的組件才是有效的。

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

設(shè)計(jì)工作很注重專業(yè)與實(shí)踐相結(jié)合，大多數(shù)情況下，能為業(yè)務(wù)賦能的設(shè)計(jì)行為，才能體現(xiàn)設(shè)計(jì)價(jià)值。在此過程中設(shè)計(jì)師的工作內(nèi)容和重心可以分為以下幾點(diǎn)（每一點(diǎn)我們也都在之前的文章中有過詳細(xì)介紹，推薦你閱讀完本文再做查看）。

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

一款好的產(chǎn)品，質(zhì)量不會僅停留在合格線。設(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)化。

我們曾在完成設(shè)計(jì)需求的三個(gè)層次！一文中為大家介紹過承接產(chǎn)品需求的幾種方式，讀完本文之后歡迎繼續(xù)閱讀。

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è)的沉淀也很重要。這類組件使用起來也會更加得心應(yīng)手、加倍提效。

我們曾在基礎(chǔ)組件與高級組件的區(qū)別 一文中，為大家介紹過兩者的定義和使用場景，在公眾號后臺回復(fù)“列表” ，也可以看到更加完整的內(nèi)容分享，讀完本文之后歡迎繼續(xù)閱讀。

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)鍵因素。

我們曾在組件的規(guī)范怎樣才能更好用？一文中為大家介紹過一些提升組件易用性的經(jīng)驗(yàn)，讀完本文之后歡迎繼續(xù)閱讀。

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)生的原因，從根本上解決和杜絕類似問題。

我們曾在開發(fā)的設(shè)計(jì)還原度低該怎么辦？一文中為大家介紹過一些提升設(shè)計(jì)走查效率的經(jīng)驗(yàn)，讀完本文之后歡迎繼續(xù)閱讀。

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

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

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

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

#專欄作家#

元堯，微信公眾號：長弓小子，人人都是產(chǎn)品經(jīng)理專欄作家。一線互聯(lián)網(wǎng)大廠B端體驗(yàn)設(shè)計(jì)師，清華大學(xué)美術(shù)學(xué)院本碩連讀。曾負(fù)責(zé)國內(nèi)最大開源組件庫Ant Design組件的設(shè)計(jì)和運(yùn)營工作，目前負(fù)責(zé)國際業(yè)務(wù)線B端產(chǎn)品體驗(yàn)設(shè)計(jì)和組件庫的搭建工作。

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

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