業(yè)務(wù)組件是設(shè)計(jì)系統(tǒng)組件庫中非常重要的一個(gè)部分，如果能夠沉淀下來，不光會(huì)對(duì)業(yè)務(wù)起到賦能作用，還可以保證設(shè)計(jì)系統(tǒng)有較高的使用頻率。

那么企業(yè)應(yīng)該如何識(shí)別和抽取業(yè)務(wù)組件呢？

在進(jìn)行方法介紹前，先來一起看看基礎(chǔ)組件和業(yè)務(wù)組件的區(qū)別！

基礎(chǔ)組件是單一的原子級(jí)別的組件，它適用于各種場(chǎng)景需求，而業(yè)務(wù)組件是組合的區(qū)塊級(jí)別的組件，也就是說業(yè)務(wù)組件是基礎(chǔ)組件的合集，比如一個(gè)表單，一個(gè)表格，一個(gè)多功能卡片等等，它更適用于更專業(yè)的業(yè)務(wù)場(chǎng)景，帶有強(qiáng)烈的業(yè)務(wù)屬性，在業(yè)務(wù)實(shí)操設(shè)計(jì)過程中，更具有針對(duì)性，更高效。

了解了二者的區(qū)別之后再來看看如何進(jìn)行業(yè)務(wù)組件的識(shí)別！

首先，交互體驗(yàn)設(shè)計(jì)師可以與需求分析師一起對(duì)要開展的項(xiàng)目進(jìn)行業(yè)務(wù)梳理，整理出一套服務(wù)藍(lán)圖后，再對(duì)業(yè)務(wù)需求、痛點(diǎn)等進(jìn)行分析。

完成前期的準(zhǔn)備工作后，就可以輸出并關(guān)聯(lián)出一套業(yè)務(wù)流程的UI設(shè)計(jì)稿，由交互體驗(yàn)設(shè)計(jì)團(tuán)隊(duì)、需求分析師審視后對(duì)現(xiàn)有的頁面進(jìn)行用戶體驗(yàn)走查，從視覺、交互、信息架構(gòu)、文案等方面去提高產(chǎn)品的用戶體驗(yàn)，對(duì)UI設(shè)計(jì)稿進(jìn)行優(yōu)化，并根據(jù)走查的交互痛點(diǎn)重新優(yōu)化UI流程。

再之后，將頁面中的重要模塊或使用頻率高的組件抽取出來，沉淀為業(yè)務(wù)組件，提供給團(tuán)隊(duì)使用。也可以根據(jù)使用情況去判斷組件是否滿足現(xiàn)有需求，如果不滿足則持續(xù)改進(jìn)，最后再提供給開發(fā)。

值得注意的是，這一系列的工作不光是單一的組件組合，當(dāng)我們?cè)诔槿I(yè)務(wù)組件的同時(shí)也是在對(duì)之前的基礎(chǔ)組件關(guān)系進(jìn)行思考，在已有的基礎(chǔ)組件里將它們重新排列，對(duì)于不同的信息去重新定義其重要性。擁有了業(yè)務(wù)組件后，會(huì)發(fā)現(xiàn)它更加的適用于我們的業(yè)務(wù)功能需求，從而使產(chǎn)品的整體搭建過程更加舒適、便捷。

在多人協(xié)作的情況下，雖然不同的項(xiàng)目都會(huì)有類似的使用場(chǎng)景，但是不同的設(shè)計(jì)師設(shè)計(jì)出來的頁面總會(huì)有一定的差異，所以我們可以將共性的內(nèi)容進(jìn)行優(yōu)化重組，得到一些統(tǒng)一的靈活、可復(fù)用的業(yè)務(wù)組件，來保證設(shè)計(jì)的一致性，從而帶給用戶更好的體驗(yàn)感。隨著業(yè)務(wù)場(chǎng)景的深入和擴(kuò)大，我們?cè)俪掷m(xù)對(duì)這些組件行進(jìn)行更新優(yōu)化，來滿足不斷變化的業(yè)務(wù)需求。