秩序之美!設計規范如何高效落地,助力業務提效?
產品往往需要經歷一定的優化、迭代過程,而在這個過程中,設計規范的建立將有助于產出的呈現和品牌信息的建立。那么,如何建立并落地設計規范?其中又有哪些方面需要注意?本篇文章里,作者結合實際案例進行了一定解讀,一起來看。
58到家是一款互聯網家政服務的平臺,有著嚴謹的視覺和交互規范,同時為滿足平臺和用戶的訴求,我們在對APP進行不斷的優化和打磨。
在APP不斷升級和頁面的變化中,我們打造平臺統一的設計語言和規范,那么如何保證規范有效的落地呢?
一、規范的建立
1. 不適合業務場景的,都不是好規范
設計規范需要能切實落地才能發揮它應有的作用,從設計規范的范圍和形態上來說并沒有絕對的對與錯,不是范圍越廣越細致的規范就越好,能適應當前項目和團隊、滿足業務訴求的就是「合適的」設計規范。
在業務快速上升的時期,相比一次性建立規范,根據優先級來單點解決可能是更好的辦法。
在規范建立初期,我們通過走查等方式確立了規范目標,主要是對現有頁面的問題解決和對之后的設計指引。
2. “達成共識”,遵循設計指南
到家是多業務場景,很多業務和設計環境一直是在變的,所以我們更愿意對現有規范命名“設計指南”,可以代表著是一種動態的設計趨勢,時刻保持更新。
往往同樣一個功能在不同業務下是近似而又有差異化,這時候就需要主設計師進行方案的整合,統一化設計,經過歸納總結后形成通用性的方案,之后需要和設計小組達成共識,共同遵守通用性方案,保證統一組件不同頁面的一致性。
二、規范的落地與提效
設計的一致性主要體現在頁面體驗的一致性,頁面體驗的直觀感受在于設計師產出的一致性;多人協作的團隊中,如何保證產出的一致性?
1. 如何易用?
首先,需要設計師自覺遵守沿用設計規范,其次,高效的協作工具同樣必不可少;核心:提升設計規范本身的質量(好產品),簡化設計規范應用的流程(易使用),加強使用者對規范的認同感(強營銷)
2. 讓每個人的設計產出一致
1)建立主設計師與業務設計師的協同
主設負責維護規范文檔,圍繞專家團評審通過的設計理念和概念設計,完善風格和體系化的基礎規范,組織設計師進行宣講,也在這一過程中綜合、跨業務地了解和考量不同情況,聽取各業務設計師的問題建議、與各業務設計師一起共建落地。
2)同時主設計師要負責平時對規范的反饋和答疑;再遇到問題時,要做到最優平衡:不同系統/業務處理,最優呈現決策。
比如iOS系統可以做毛玻璃效果,可應用在界面里做最好的視覺呈現。而Android系統不能做毛玻璃效果則變通設計手段,降低透明度,去掉導航分割線,平衡各種細節,盡量達到同樣期望通透柔和的效果。
3)主設與業務設計師協作分工
主設計師需要:
- 清晰設計語言,設計風格體系;
- 對于設計頁面的把控,那些是需要把握的,那些是可以由業務設計師決策;
- 保證宣講理念的到位,保證業務設計師和你的共建能力;
- 具有全局觀,實時跟進業務的整體方向。
業務設計師需要:
- 作為直接負責各具體業務線的設計師,需要仔細理解規范和理念,認同設計規范的價值;
- 積極配合主設走查,主動提出問題,輔助主設完善設計規范,并驅動自己業務、技術落地。
主設協同組內設計師,不斷協同完善,進行規范的更新或者問題的剔除。
4)規范的驗證與問題收集
給大家推薦設計度量標準,結合我們設計系統的目標,將度量體系聚焦五大維度:
- 通用性:是否能全面覆蓋商業業務需求;并適應不同業務的變化,靈活可拓展;
- 易用性:在使用設計系統時,設計系統是否容易被理解和使用;
- 效 率:通過使用設計系統,是否能提升工作效率;
- 可靠性:系統是否安全可靠、有人維護的;
- 滿意度:對使用設計系統的滿意程度。
在不同維度下,依照GSM模型的方法具體推導出指標和度量方法。具體實施的過程是:羅列出度量內容在維度上所期望的目標,以及表現出的信號,來推到出具體指標。
3. 一致性和創意的平衡
像58到家產品多業務線的情況,規范的制定上一致性與獨特性是共存的,例如基礎的控組件需要強制約,而一些新品類需要弱制約,新品類更需要創新的活力和方式去上線探索成功率;簡單來說,就是需要設定規范管轄的顆粒度。把顆粒度聚焦在最基礎的元素上,而不去做框架層面的束縛,從而讓協同的設計師都有發揮的余地。
比如動效規范定義了詳細的骨骼和時間區間,業務設計師可以在此基礎上去創作。
再比如,整個UI的配色和字體可能需要保持統一,但在一些圖形,動效上可以做出亮點,讓用戶在整個使用體驗中既是沉浸的又能有些小驚喜,規范的打破與重建一定是需要一個動態平衡的過程。如下圖:QQ音樂和美團的創意加載場景。
4. 組件化設計思維
從需求出發:將組件視為一個獨立的產品,從多維度,多場景輸出組件的方案和組合標準。
設計規范的統一極大縮短了設計和前端開發溝通所需的時間,開發根據成熟規范建立組件庫,為后面的項目爭取了空間,同時協作更加流暢,極大減少走查問題的處理時間。
設計規范也要像具體的產品一樣,需要進行迭代和維護,而不是在項目做完后把設計規范整理完就扔在那落灰,然后再等到每次設計改版時全部重做,這樣成本高收益低,并且幾乎起不到它實際應有的作用,所以我們要不斷的對規范進行落地和驗證。
規范的迭代落地可以很好保證整個設計系統的秩序,讓我們的設計系統更具有秩序的美感。
作者:鄧浩
來源公眾號:58UXD(ID:i58UXD),58UXD,全稱58同城用戶體驗設計中心。
本文由人人都是產品經理合作媒體 @58UXD 授權發布于人人都是產品經理。未經許可,禁止轉載。
題圖來自 Unsplash,基于CC0協議。
該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。
- 目前還沒評論,等你發揮!