我們在設計B端的組件時，常常會有個問題：如何判斷一個組件的設計是 '好' 還是 '不好' 呢？”，有沒有什么數據或者標準可以參考？這篇文章，作者分享了三個判斷角度，希望能幫到大家。

最近有很多同學來問我：“對于 B 端業務的組件設計而言，有哪些數據或者標準可以判斷一個組件的設計是 ‘好’ 還是 ‘不好’ 呢？”

我們這里要聊的組件設計，重點是指具備業務屬性的“業務組件”，而并非通用的 “基礎組件”。

關于“基礎組件”和“業務組件”的區別，一部分基礎概念可以看文章：http://www.aharts.cn/pd/5439619.html

如何判斷一個業務組件的優劣，可以從以下三個方面來看：

一、協作側

—— 組件是否能夠為設計和開發做提效

能夠提升產研效率是組件的本質作用。高質量的組件能夠在業務產研的過程中節約大量的人力成本，并保證產出物的基礎質量。

組件在協作側的檢驗指標通常包括但不限于：

1. 組件的易學性

也即組件的使用方式是否能讓組件的使用者一學就會，組件的使用規則是否容易被記住。你可以定期收集設計師和開發對于組件的使用反饋，也可以通過定期給大家出一個關于組件使用方式的問答題小考卷，來檢驗組件規范的難易程度、收集大家對于組件的掌握情況。

2. 產研速度提升率

產研的速度提升可以從設計師和開發的工作時長來看，你需要定期統計大家在該業務需求中的工時變化，看看哪些是組件帶來的幫助。

3. 產研質量提升率

產研的質量提升可以從設計稿的設計質量和開發對于設計稿的還原度來看，你需要收集這些產出物中的問題類型和數量，看看組件的使用是否減少了問題的產生。

4. 組件的解綁次數

這是指組件在業務產研過程中被拆開、打散后使用的次數。拆開的次數多，可能意味著組件的靈活性還有待提升。Figma 的設計組件庫的管理者可以通過組件庫數據表盤來分析組件解綁的次數、場景和原因。其他設計協同軟件如果無此功能，也可以通過收集組件使用者的反饋來盤點。

二、業務側

—— 組件是否完成業務目標、解決業務問題

我們已知業務組件存在的核心價值就是：服務于業務需求，解決業務問題、實現業務目標。

因此，組件的評估也可以與業務目標的評估指標相關聯，比如你對于組件 A 的檢驗標準和指標就可以是：

• 組件 A 是否解決了 XXXX 的業務問題，減少了 X% 的客訴率；
• 組件 A 是否能夠解決產品在不同終端的自適應問題，提升產品在移動端的用戶體驗和好評率 X% 等等。

組件在業務側的檢驗指標通常包括但不限于：

1. 用戶的滿意度

可通過用戶訪談和問卷獲得，成本較高。如果能夠收集到用戶在使用產品時的反饋和客訴，也可從中盤點和篩選出與組件相關的問題進行分析。

2. 業務的完成度

可以通過對于業務方的詢問和業務方給出的反饋來看，也可以從業務指標的完成情況來評估有多少成果是與組件設計相關的。

三、專業側

—— 組件是否符合設計專業水準

這里指的是組件自身的設計水平，是從設計專業性的角度來評估組件的視覺效果、交互方式等基本屬性是否合理。

組件在專業側的檢驗指標包括但不限于：

1. 組件交互的易用性

可以通過 KLM 模型（Keystroke-level Model）來做判斷。

2. 組件視覺的美觀性

可以通過業內通用的設計原則、法則來判斷，看看組件是否符合基本的設計原理，具備基礎的美觀性。