一、組件的核心功能是什么
我們先來看看組件的核心功能是什么。組件的作用有很多，其中有兩點(diǎn)最為突出：
1、降本提效
組件的初衷不是為了替代設(shè)計(jì)師。組件的本質(zhì)是一種降本提效的工具。在工作內(nèi)容上，可以將不必要的、重復(fù)性勞動(dòng)的時(shí)間節(jié)省出來；在工作流程上，便于設(shè)計(jì)師與開發(fā)做交接和協(xié)作，減少溝通成本。
2、質(zhì)量保障
不論是設(shè)計(jì)還是開發(fā)，使用組件后都可以在一定程度上保證工作質(zhì)量。組件規(guī)范了前端和設(shè)計(jì)師的工作方法，建立了底層的合作機(jī)制，設(shè)定了設(shè)計(jì)和開發(fā)的質(zhì)量底線。基于組件完成的產(chǎn)品通常具備：
- 一致性：相對(duì)一致的表現(xiàn)樣式，設(shè)計(jì)風(fēng)格和交互體驗(yàn)上都可保持統(tǒng)一；
- 可用性：對(duì)于用戶來說具備最基本可操作性和可識(shí)別性；
- 標(biāo)準(zhǔn)化：符合基本審美標(biāo)準(zhǔn)，雖不會(huì)很亮眼，但也不會(huì)很難看。
但對(duì)于一款好產(chǎn)品來說，僅達(dá)到基礎(chǔ)合格線是遠(yuǎn)遠(yuǎn)不夠的。組件能替代的僅僅是大部分重復(fù)性的頁面。面對(duì)變化多樣的業(yè)務(wù)需求，設(shè)計(jì)師還是需要做很多非基礎(chǔ)性、非重復(fù)性的設(shè)計(jì)工作。
我們也要建立起一個(gè)重要的認(rèn)知，那就是：
做組件不是設(shè)計(jì)目標(biāo)，
而是一種為業(yè)務(wù)賦能的手段和方法。
能夠?yàn)闃I(yè)務(wù)帶來正向影響、助力業(yè)務(wù)發(fā)展的組件才是有效的。
二、設(shè)計(jì)師的工作重心有哪些
設(shè)計(jì)工作很注重專業(yè)與實(shí)踐相結(jié)合，大多數(shù)情況下，能為業(yè)務(wù)賦能的設(shè)計(jì)行為，才能體現(xiàn)設(shè)計(jì)價(jià)值。在此過程中設(shè)計(jì)師的工作內(nèi)容和重心可以分為以下幾點(diǎn)（每一點(diǎn)我們也都在之前的文章中有過詳細(xì)介紹，推薦你閱讀完本文再做查看）：
1、深挖業(yè)務(wù)訴求，優(yōu)化體驗(yàn)
一款好的產(chǎn)品，質(zhì)量不會(huì)僅停留在合格線。設(shè)計(jì)師可以把更多的時(shí)間和精力放到更有價(jià)值的工作上去，關(guān)注業(yè)務(wù)目標(biāo)和用戶需求，對(duì)業(yè)務(wù)邏輯做深度理解和剖析。不僅僅是在界面細(xì)節(jié)的表現(xiàn)手法上下功夫，還要用系統(tǒng)性思維為整個(gè)產(chǎn)品做全方位的體驗(yàn)優(yōu)化。
* 我們?cè)?nbsp; 完成設(shè)計(jì)需求的三個(gè)層次！ 一文中為大家介紹過承接產(chǎn)品需求的幾種方式，讀完本文之后歡迎繼續(xù)閱讀。
2、提升組件專業(yè)性，賦能業(yè)務(wù)
很多業(yè)務(wù)領(lǐng)域有其獨(dú)特性，比如金融類組件和政務(wù)類的產(chǎn)品頁面列表內(nèi)容就有很大區(qū)別。這就使得單一的組件在應(yīng)用的過程中可以被再次組合、拼裝和沉淀。
針對(duì)不同的業(yè)務(wù)領(lǐng)域，將高頻使用的組件結(jié)合業(yè)務(wù)特性，進(jìn)行更為專業(yè)的沉淀也很重要。這類組件使用起來也會(huì)更加得心應(yīng)手、加倍提效。
* 我們?cè)?nbsp; 基礎(chǔ)組件與高級(jí)組件的區(qū)別 一文中，為大家介紹過兩者的定義和使用場景，在公眾號(hào)后臺(tái)回復(fù) “列表” ，也可以看到更加完整的內(nèi)容分享，讀完本文之后歡迎繼續(xù)閱讀。
3、提升組件易用性，規(guī)范使用
組件并不是一勞永逸的設(shè)計(jì)工具，它需要緊跟業(yè)務(wù)的步伐迭代更新。只有當(dāng)組件的質(zhì)量達(dá)標(biāo)，具備了一定的穩(wěn)定性和易用性，才能被設(shè)計(jì)師和開發(fā)高效、高質(zhì)地使用，更好地支持業(yè)務(wù)需求。
因此，除了建立組件的設(shè)計(jì)規(guī)范，組件如何被更新、怎樣被同步給相關(guān)方、怎樣才能被正確地使用，也是影響產(chǎn)品最終質(zhì)量的關(guān)鍵因素。
* 我們?cè)?nbsp; 組件的規(guī)范怎樣才能更好用？ 一文中為大家介紹過一些提升組件易用性的經(jīng)驗(yàn)，讀完本文之后歡迎繼續(xù)閱讀。
4、優(yōu)化檢驗(yàn)流程，排查問題
這里所說的「檢驗(yàn)」包括兩方面工作內(nèi)容：
一是對(duì)于研發(fā)質(zhì)量的檢驗(yàn)；
二是對(duì)于產(chǎn)品體驗(yàn)的監(jiān)測。
先來看看對(duì)于研發(fā)質(zhì)量的檢驗(yàn)，我們可以分為兩部分內(nèi)容：
1）設(shè)計(jì)還原度走查：即對(duì)于開發(fā)完成設(shè)計(jì)稿后的質(zhì)量檢查；
2）組件應(yīng)用質(zhì)量走查：即排查組件的使用問題，判斷設(shè)計(jì)和開發(fā)的使用方式是否正確。
對(duì)于這兩類走查，發(fā)現(xiàn)問題時(shí)不僅要及時(shí)糾正，還要思考問題產(chǎn)生的原因，從根本上解決和杜絕類似問題。
* 我們?cè)?nbsp; 開發(fā)的設(shè)計(jì)還原度低該怎么辦？ 一文中為大家介紹過一些提升設(shè)計(jì)走查效率的經(jīng)驗(yàn)，讀完本文之后歡迎繼續(xù)閱讀。
再來看看對(duì)于產(chǎn)品體驗(yàn)的監(jiān)測。其實(shí)很多大廠都提出過關(guān)于檢測產(chǎn)品體驗(yàn)和設(shè)計(jì)質(zhì)量的方法及模型，我們熟知的有 Google 的 HEART 模型和 GSM 模型、螞蟻集團(tuán)的 PTECH 模型和「兩章一分」模型等等。
因?yàn)楫a(chǎn)品的評(píng)估方式本就是多維度的，不同的產(chǎn)品又有不同的評(píng)價(jià)標(biāo)準(zhǔn)，所以大家各自沉淀、百花齊放。不過參考和使用這些方法的原則只有一條：適合自己需求的工具，才是好用的。
* 在公眾號(hào)后臺(tái)回復(fù) “體驗(yàn)” ，可以看到更加完整、多維度的產(chǎn)品質(zhì)量和用戶體驗(yàn)檢測內(nèi)容。
設(shè)計(jì)自身的價(jià)值是全鏈路的、端到端的、內(nèi)循環(huán)的。設(shè)計(jì)師不光用手，更應(yīng)該用心和腦去思考和解決問題?？梢哉f，組件就是幫助設(shè)計(jì)師解放雙手的不二法門。
設(shè)計(jì)師的思維和方法不一定會(huì)決定產(chǎn)品的生死，但足以幫助產(chǎn)品實(shí)現(xiàn)質(zhì)量和體驗(yàn)的升級(jí)。也正因如此，產(chǎn)品才能在市場競爭中走得更為長遠(yuǎn)。
作者：元堯
轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》工作經(jīng)驗(yàn)｜使用組件做B端產(chǎn)品，設(shè)計(jì)師的工作價(jià)值還有哪些？
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.teruid.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、
UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司