編者按：B端產品只用用組件就可以做，那設計師的價值是什么呢？作者總結了4個方面，幫B端設計師找到自己的工作重點。

相關文章：

有同學問過我一個很有代表性的問題：

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

設計師已經不需要每個頁面都出圖了。在這種工作流程中，設計師是不是就不那么重要了？我們 B 端設計師的工作任務和價值又是什么呢？”

這其實是一個很好的問題，值得每一位 B 端設計師都去思考。現在很多公司都已經開始使用組件庫來為產品的研發過程降本提效了。那使用組件就真的可以替代設計師的大部分工作了么？

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

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

1. 降本提效

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

2. 質量保障

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

1. 一致性：相對一致的表現樣式，設計風格和交互體驗上都可保持統一；
2. 可用性：對于用戶來說具備最基本可操作性和可識別性；
3. 標準化：符合基本審美標準，雖不會很亮眼，但也不會很難看。

但對于一款好產品來說，僅達到基礎合格線是遠遠不夠的。組件能替代的僅僅是大部分重復性的頁面。面對變化多樣的業務需求，設計師還是需要做很多非基礎性、非重復性的設計工作。

我們也要建立起一個重要的認知，那就是：

做組件不是設計目標，而是一種為業務賦能的手段和方法。

能夠為業務帶來正向影響、助力業務發展的組件才是有效的。

二、設計師的工作重心有哪些

設計工作很注重專業與實踐相結合，大多數情況下，能為業務賦能的設計行為，才能體現設計價值。在此過程中設計師的工作內容和重心可以分為以下幾點：

1. 深挖業務訴求，優化體驗

一款好的產品，質量不會僅停留在合格線。設計師可以把更多的時間和精力放到更有價值的工作上去，關注業務目標和用戶需求，對業務邏輯做深度理解和剖析。不僅僅是在界面細節的表現手法上下功夫，還要用系統性思維為整個產品做全方位的體驗優化。

2. 提升組件專業性，賦能業務

很多業務領域有其獨特性，比如金融類組件和政務類的產品頁面列表內容就有很大區別。這就使得單一的組件在應用的過程中可以被再次組合、拼裝和沉淀。

針對不同的業務領域，將高頻使用的組件結合業務特性，進行更為專業的沉淀也很重要。這類組件使用起來也會更加得心應手、加倍提效。

3. 提升組件易用性，規范使用

組件并不是一勞永逸的設計工具，它需要緊跟業務的步伐迭代更新。只有當組件的質量達標，具備了一定的穩定性和易用性，才能被設計師和開發高效、高質地使用，更好地支持業務需求。

因此，除了建立組件的設計規范，組件如何被更新、怎樣被同步給相關方、怎樣才能被正確地使用，也是影響產品最終質量的關鍵因素。

4. 優化檢驗流程，排查問題

這里所說的「檢驗」包括兩方面工作內容：

1. 對于研發質量的檢驗；
2. 對于產品體驗的監測。

先來看看對于研發質量的檢驗，我們可以分為兩部分內容：

1. 設計還原度走查：即對于開發完成設計稿后的質量檢查；
2. 組件應用質量走查：即排查組件的使用問題，判斷設計和開發的使用方式是否正確。

對于這兩類走查，發現問題時不僅要及時糾正，還要思考問題產生的原因，從根本上解決和杜絕類似問題。

再來看看對于產品體驗的監測。其實很多大廠都提出過關于檢測產品體驗和設計質量的方法及模型，我們熟知的有 Google 的 HEART 模型和 GSM 模型、螞蟻集團的 PTECH 模型和「兩章一分」模型等等。

因為產品的評估方式本就是多維度的，不同的產品又有不同的評價標準，所以大家各自沉淀、百花齊放。不過參考和使用這些方法的原則只有一條：適合自己需求的工具，才是好用的。

設計自身的價值是全鏈路的、端到端的、內循環的。設計師不光用手，更應該用心和腦去思考和解決問題。可以說，組件就是幫助設計師解放雙手的不二法門。

設計師的思維和方法不一定會決定產品的生死，但足以幫助產品實現質量和體驗的升級。也正因如此，產品才能在市場競爭中走得更為長遠。

歡迎關注作者微信公眾號：「長弓小子」