詳解|組件庫可以替代 B 端設計師么?

1 評論 2620 瀏覽 11 收藏 8 分鐘

編輯導語:組件庫可以替代B端設計師嗎?本文作者為你解答這個問題,文章作者結合自身工作經驗講述了組件和設計師之間的關系,感興趣的一起來看一下。

在做 Ant Design 的設計和宣傳過程中,有很多用戶跟我說,自從 Ant Design 的組件變得越來越完善,自己也越來越不知道 B 端設計師的工作意義和價值是什么了。

其實除了 Ant Design,還有很多常見的、優秀的組件庫,都為 B 端設計和開發的工作提供了便利。

那么使用組件庫真的可以替代 B 端設計師么?當然不能。B 端設計師有其存在的獨特價值,本文就跟你聊聊組件和設計師之間的關系。

一、組件是「效率」工具

組件是工具,用來為設計師和開發提升工作效率。上文中所提到的 Ant Design 的初衷也并不是要做一款替代設計師的組件庫,其根本目的之一也是提高整個團隊的工作效率。使用組件可以從兩個方面提效:

  1. 工作內容上:可以將不必要的、重復性勞動的時間節省出來;
  2. 工作流程上:便于設計師與前端開發做交接和協作,節省溝通成本。

二、組件是「質量」保障

使用組件,可以在一定程度上保證設計工作的質量。組件規范了前端和設計師的工作方法,建立相對底層的系統,設定了設計和開發的質量底線。

詳解|組件庫可以替代 B 端設計師么?

基于組件規范設計和開發的產品更容易具備:

  • 一致性:具備相對一致的表現樣式,設計風格和交互體驗上均可保持統一
  • 可用性:對于用戶操作,可以保證最基本的可理解性和可操作性
  • 審美性:符合基本審美標準,雖不會很亮眼,但也不會很難看

三、設計師要「沉淀」業務組件

B 端設計師可以嘗試沉淀有針對性的業務組件。很多業務領域有其獨特性,比如金融類組件和政務類的產品頁面列表內容就有很大區別。單一的元素組件在應用的過程中是可以被再次組合和沉淀的。

舉個例子,我在做業務需求設計時,相比于 Ant Design,其實更常用的是 TechUI —— 它是建立在 Ant Design 基礎上的、由我們螞蟻的設計師通過對業務需求的提煉、組合和封裝,做成的一套屬于螞蟻自己的【業務組件】。

二者的區別是:

  • Ant Design:是所有人的,是通用的,是單一的原子級別的(比如一個輸入框)組件。
  • TechUI:是螞蟻自己的,是私有的,是組合的區塊級別的(比如一整個表單)組件,更具備螞蟻集團自己的業務屬性。

詳解|組件庫可以替代 B 端設計師么?

針對你公司不同業務類型,沉淀出不同種類的區塊級別的組件,這類組件使用起來也會更加得心應手、加倍提效。這也是 B 端設計師可以去學習和精進的一點。

四、設計師要「洞察」業務訴求

使用組件,可以讓設計師把節約出來的時間和精力放到更多有價值的工作上去。

作為 Ant Design 的設計師之一,坦白的說,即使你的設計稿全部使用了 Ant Design 的組件搭建,最終的頁面效果也仍不完善,在用戶體驗上始終可以更進一步。

B 端設計師應該更多去關注對用戶需求和業務邏輯的深入挖掘,不僅僅是在界面細節的表現手法上下功夫,還要學會站在全局,用系統性思維看待每一個項目,為整個產品的系統流程做優化,做更全面的產品體驗升級。

五、設計師要「放眼」B 端未來

隨著技術的發展和迭代,B 端產品的發展也呈現出多元化趨勢。我列舉以下幾個方面,用于思考和拓展設計師的邊界:

1. 承載媒介

多端化設計需求增多,B 端產品的應用領域日漸廣泛,各類終端設備普及,設計師需要更多的探索設備的應用場景。如點餐系統、收銀系統、AR、VR 應用等等,最近鴻蒙系統中演示的多端聯動,也可能是未來的趨勢之一。

詳解|組件庫可以替代 B 端設計師么?

2. 工作流程

中臺策略 / 組件化設計是一種提效的工作方法。中臺策略適用于公司層面,我們上文提到的組件化設計更適用于團隊。

詳解|組件庫可以替代 B 端設計師么?

3. 用戶體驗

重視用戶個性化和體驗。B 端設計越來越重視用戶體驗,提供個性化的配置方式,并考慮無障礙設計領域。很多 B 端的應用和業務也在逐步開放給 C 端。 例如企業微信在 2019 年打通了個人微信和企業微信的壁壘,釘釘從 2020 年也開始在 C 端發力。

詳解|組件庫可以替代 B 端設計師么?

4. 視覺表現

數據可視化設計需求多來源于政府、企業的定制化需求,更偏向于對數據呈現效果的打磨和優化,能夠展示和分析數據中的關鍵內容,形式與內容需要高度一致,才會達到良好的展示效果。

詳解|組件庫可以替代 B 端設計師么?

 

作者:元堯;微信公眾號:長弓小子。

本文由@ 元堯 原創發布于人人都是產品經理。未經許可,禁止轉載。

題圖來自 Unsplash,基于CC0協議。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 大佬,能不能深度講解一下業務組件呀~

    來自北京 回復