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