我們?cè)谠O(shè)計(jì)B端的組件時(shí)，常常會(huì)有個(gè)問(wèn)題：如何判斷一個(gè)組件的設(shè)計(jì)是 '好' 還是 '不好' 呢？”，有沒(méi)有什么數(shù)據(jù)或者標(biāo)準(zhǔn)可以參考？這篇文章，作者分享了三個(gè)判斷角度，希望能幫到大家。

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

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

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

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

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

—— 組件是否能夠?yàn)樵O(shè)計(jì)和開(kāi)發(fā)做提效

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. 用戶(hù)的滿(mǎn)意度

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

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

可以通過(guò)對(duì)于業(yè)務(wù)方的詢(xún)問(wèn)和業(yè)務(wù)方給出的反饋來(lái)看，也可以從業(yè)務(wù)指標(biāo)的完成情況來(lái)評(píng)估有多少成果是與組件設(shè)計(jì)相關(guān)的。

三、專(zhuān)業(yè)側(cè)

—— 組件是否符合設(shè)計(jì)專(zhuān)業(yè)水準(zhǔn)

這里指的是組件自身的設(shè)計(jì)水平，是從設(shè)計(jì)專(zhuān)業(yè)性的角度來(lái)評(píng)估組件的視覺(jué)效果、交互方式等基本屬性是否合理。

組件在專(zhuān)業(yè)側(cè)的檢驗(yàn)指標(biāo)包括但不限于：

1. 組件交互的易用性

可以通過(guò) KLM 模型（Keystroke-level Model）來(lái)做判斷。

2. 組件視覺(jué)的美觀(guān)性

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