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

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

我們這里要聊的組件設(shè)計，重點是指具備業(yè)務(wù)屬性的“業(yè)務(wù)組件”，而并非通用的 “基礎(chǔ)組件”。

關(guān)于“基礎(chǔ)組件”和“業(yè)務(wù)組件”的區(qū)別，一部分基礎(chǔ)概念可以看文章：http://www.theventurebank.com/pd/5439619.html

如何判斷一個業(yè)務(wù)組件的優(yōu)劣，可以從以下三個方面來看：

一、協(xié)作側(cè)

—— 組件是否能夠為設(shè)計和開發(fā)做提效

能夠提升產(chǎn)研效率是組件的本質(zhì)作用。高質(zhì)量的組件能夠在業(yè)務(wù)產(chǎn)研的過程中節(jié)約大量的人力成本，并保證產(chǎn)出物的基礎(chǔ)質(zhì)量。

做到这三点挑战，产品经理只会不断升值

好的产品经理是很稀缺的，懂用户、懂商业、懂数据的产品经理走出互联网，依然是抢手货。相反，如果只做简单传话、低效执行、浅层思考的产品经理，恐怕走不过未来3-5年的洪流。

查看详情 >

組件在協(xié)作側(cè)的檢驗指標通常包括但不限于：

1. 組件的易學(xué)性

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

2. 產(chǎn)研速度提升率

產(chǎn)研的速度提升可以從設(shè)計師和開發(fā)的工作時長來看，你需要定期統(tǒng)計大家在該業(yè)務(wù)需求中的工時變化，看看哪些是組件帶來的幫助。

3. 產(chǎn)研質(zhì)量提升率

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

4. 組件的解綁次數(shù)

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

二、業(yè)務(wù)側(cè)

—— 組件是否完成業(yè)務(wù)目標、解決業(yè)務(wù)問題

我們已知業(yè)務(wù)組件存在的核心價值就是：服務(wù)于業(yè)務(wù)需求，解決業(yè)務(wù)問題、實現(xiàn)業(yè)務(wù)目標。

因此，組件的評估也可以與業(yè)務(wù)目標的評估指標相關(guān)聯(lián)，比如你對于組件 A 的檢驗標準和指標就可以是：

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

組件在業(yè)務(wù)側(cè)的檢驗指標通常包括但不限于：

1. 用戶的滿意度

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

2. 業(yè)務(wù)的完成度

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

三、專業(yè)側(cè)

—— 組件是否符合設(shè)計專業(yè)水準

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

組件在專業(yè)側(cè)的檢驗指標包括但不限于：

1. 組件交互的易用性

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

2. 組件視覺的美觀性

可以通過業(yè)內(nèi)通用的設(shè)計原則、法則來判斷，看看組件是否符合基本的設(shè)計原理，具備基礎(chǔ)的美觀性。