秩序之美!設計規范如何高效落地,助力業務提效?

0 評論 4987 瀏覽 21 收藏 10 分鐘

產品往往需要經歷一定的優化、迭代過程,而在這個過程中,設計規范的建立將有助于產出的呈現和品牌信息的建立。那么,如何建立并落地設計規范?其中又有哪些方面需要注意?本篇文章里,作者結合實際案例進行了一定解讀,一起來看。

58到家是一款互聯網家政服務的平臺,有著嚴謹的視覺和交互規范,同時為滿足平臺和用戶的訴求,我們在對APP進行不斷的優化和打磨。

在APP不斷升級和頁面的變化中,我們打造平臺統一的設計語言和規范,那么如何保證規范有效的落地呢?

一、規范的建立

1. 不適合業務場景的,都不是好規范

設計規范需要能切實落地才能發揮它應有的作用,從設計規范的范圍和形態上來說并沒有絕對的對與錯,不是范圍越廣越細致的規范就越好,能適應當前項目和團隊、滿足業務訴求的就是「合適的」設計規范。

在業務快速上升的時期,相比一次性建立規范,根據優先級來單點解決可能是更好的辦法。

秩序之美!設計規范如何高效落地,助力業務提效?

在規范建立初期,我們通過走查等方式確立了規范目標,主要是對現有頁面的問題解決和對之后的設計指引。

2. “達成共識”,遵循設計指南

到家是多業務場景,很多業務和設計環境一直是在變的,所以我們更愿意對現有規范命名“設計指南”,可以代表著是一種動態的設計趨勢,時刻保持更新。

往往同樣一個功能在不同業務下是近似而又有差異化,這時候就需要主設計師進行方案的整合,統一化設計,經過歸納總結后形成通用性的方案,之后需要和設計小組達成共識,共同遵守通用性方案,保證統一組件不同頁面的一致性。

秩序之美!設計規范如何高效落地,助力業務提效?

二、規范的落地與提效

設計的一致性主要體現在頁面體驗的一致性,頁面體驗的直觀感受在于設計師產出的一致性;多人協作的團隊中,如何保證產出的一致性?

1. 如何易用?

首先,需要設計師自覺遵守沿用設計規范,其次,高效的協作工具同樣必不可少;核心:提升設計規范本身的質量(好產品),簡化設計規范應用的流程(易使用),加強使用者對規范的認同感(強營銷)

秩序之美!設計規范如何高效落地,助力業務提效?

2. 讓每個人的設計產出一致

1)建立主設計師與業務設計師的協同

主設負責維護規范文檔,圍繞專家團評審通過的設計理念和概念設計,完善風格和體系化的基礎規范,組織設計師進行宣講,也在這一過程中綜合、跨業務地了解和考量不同情況,聽取各業務設計師的問題建議、與各業務設計師一起共建落地。

秩序之美!設計規范如何高效落地,助力業務提效?

2)同時主設計師要負責平時對規范的反饋和答疑;再遇到問題時,要做到最優平衡:不同系統/業務處理,最優呈現決策。

比如iOS系統可以做毛玻璃效果,可應用在界面里做最好的視覺呈現。而Android系統不能做毛玻璃效果則變通設計手段,降低透明度,去掉導航分割線,平衡各種細節,盡量達到同樣期望通透柔和的效果。

3)主設與業務設計師協作分工

主設計師需要:

  1. 清晰設計語言,設計風格體系;
  2. 對于設計頁面的把控,那些是需要把握的,那些是可以由業務設計師決策;
  3. 保證宣講理念的到位,保證業務設計師和你的共建能力;
  4. 具有全局觀,實時跟進業務的整體方向。

業務設計師需要:

  1. 作為直接負責各具體業務線的設計師,需要仔細理解規范和理念,認同設計規范的價值;
  2. 積極配合主設走查,主動提出問題,輔助主設完善設計規范,并驅動自己業務、技術落地。

主設協同組內設計師,不斷協同完善,進行規范的更新或者問題的剔除。

秩序之美!設計規范如何高效落地,助力業務提效?

4)規范的驗證與問題收集

給大家推薦設計度量標準,結合我們設計系統的目標,將度量體系聚焦五大維度:

  1. 通用性:是否能全面覆蓋商業業務需求;并適應不同業務的變化,靈活可拓展;
  2. 易用性:在使用設計系統時,設計系統是否容易被理解和使用;
  3. 效 率:通過使用設計系統,是否能提升工作效率;
  4. 可靠性:系統是否安全可靠、有人維護的;
  5. 滿意度:對使用設計系統的滿意程度。

在不同維度下,依照GSM模型的方法具體推導出指標和度量方法。具體實施的過程是:羅列出度量內容在維度上所期望的目標,以及表現出的信號,來推到出具體指標。

秩序之美!設計規范如何高效落地,助力業務提效?

3. 一致性和創意的平衡

像58到家產品多業務線的情況,規范的制定上一致性與獨特性是共存的,例如基礎的控組件需要強制約,而一些新品類需要弱制約,新品類更需要創新的活力和方式去上線探索成功率;簡單來說,就是需要設定規范管轄的顆粒度。把顆粒度聚焦在最基礎的元素上,而不去做框架層面的束縛,從而讓協同的設計師都有發揮的余地。

秩序之美!設計規范如何高效落地,助力業務提效?

比如動效規范定義了詳細的骨骼和時間區間,業務設計師可以在此基礎上去創作。

再比如,整個UI的配色和字體可能需要保持統一,但在一些圖形,動效上可以做出亮點,讓用戶在整個使用體驗中既是沉浸的又能有些小驚喜,規范的打破與重建一定是需要一個動態平衡的過程。如下圖:QQ音樂和美團的創意加載場景。

秩序之美!設計規范如何高效落地,助力業務提效?

4. 組件化設計思維

從需求出發:將組件視為一個獨立的產品,從多維度,多場景輸出組件的方案和組合標準。

秩序之美!設計規范如何高效落地,助力業務提效?

設計規范的統一極大縮短了設計和前端開發溝通所需的時間,開發根據成熟規范建立組件庫,為后面的項目爭取了空間,同時協作更加流暢,極大減少走查問題的處理時間。

秩序之美!設計規范如何高效落地,助力業務提效?

設計規范也要像具體的產品一樣,需要進行迭代和維護,而不是在項目做完后把設計規范整理完就扔在那落灰,然后再等到每次設計改版時全部重做,這樣成本高收益低,并且幾乎起不到它實際應有的作用,所以我們要不斷的對規范進行落地和驗證。

規范的迭代落地可以很好保證整個設計系統的秩序,讓我們的設計系統更具有秩序的美感。

作者:鄧浩

來源公眾號:58UXD(ID:i58UXD),58UXD,全稱58同城用戶體驗設計中心。

本文由人人都是產品經理合作媒體 @58UXD 授權發布于人人都是產品經理。未經許可,禁止轉載。

題圖來自 Unsplash,基于CC0協議。

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!