最近很多設計師小伙伴問我關于設計標準的問題，例如產(chǎn)品設計的一致性、容錯、簡潔、重視內容等。在這些問題中，我發(fā)現(xiàn)大家思考設計標準的維度都有一些偏差或者不完整，所以今天想把一些自己如何思考設計標準的粗淺想法記錄一下，希望對大家有一些幫助。

1，設計標準的重要性

首先講一下設計標準的重要性。我們在產(chǎn)品設計過程中，經(jīng)常會遇見這樣的問題，“如何評估現(xiàn)在產(chǎn)品的用戶體驗設計質量”，“如何證明這次改版后用戶體驗設計質量提升”，“如何證明設計團隊在這個產(chǎn)品關鍵數(shù)據(jù)提升中體現(xiàn)的設計價值”，等等。當然，商業(yè)價值體現(xiàn)、產(chǎn)品成功、用戶反饋、數(shù)據(jù)驗證等，都可以成為我們評判產(chǎn)品用戶體驗設計質量的關鍵參考點，但是我覺得設計團隊應該有一個統(tǒng)一有效有公信力的設計標準，并以這個標準為主導帶動團隊進行設計工作。這個設計標準應該是根據(jù)團隊對應業(yè)務進行定制，且同時符合用戶體驗設計主流標準和趨勢的。這個設計標準可以幫助設計團隊拉通設計目標，提升設計團隊整體專業(yè)能力；可以幫助業(yè)務團隊更充分理解用戶體驗設計，有專業(yè)化的用戶體驗設計思考維度，提升業(yè)務團隊與設計團隊的合作效率；可以幫助客戶更了解產(chǎn)品設計的過程與用戶體驗設計價值點，提升客戶對產(chǎn)品的理解度和欣賞度。

設計標準好處很多，可以用于指導、自測、專家測試、現(xiàn)狀分析、改版驗證、趨勢分析等產(chǎn)品設計關鍵任務中，所以設計標準大家團隊應該都有一套。設計標準建立并不難，但是在真實項目中落地、迭代、升級需要設計師們用心去做，推動起來需要設計團隊的設計信用和設計地位足夠高。一套設計標準的建立、豐富、推廣，需要設計團隊花不少心思。

我們團隊的設計標準是公司內部材料，不能對外分享。不過有了基本思路，我相信大家都能建立一個初步版本的可以幫助自己設計產(chǎn)品或者支撐業(yè)務的設計標準。

2，設計標準的思考方式

雖然不能分享我們團隊的設計標準，但是我可以分享一下自己對設計標準的思考方式。工作這么久，思考維度已經(jīng)開始多樣豐富化，我嘗試簡單從3個維度來分析理解一個設計標準，之前知乎有一個問題邀請我回答什么是用戶體驗設計的一致性，今天我就以一致性這個設計標準來舉例子。

a. 宏觀維度

首先，思考一個設計標準的第一步，應該從宏觀維度來思考。什么是宏觀維度呢？我理解是在界面和基本流程之上的信息架構維度、產(chǎn)品形態(tài)維度、業(yè)界生態(tài)維度、商業(yè)維度等方面。

思考一致性，我們可以嘗試思考以下問題：

整個產(chǎn)品的信息框架是否完整有效一致？產(chǎn)品整體信息框架下的各個小模塊框架是否具有框架維度的一致性？例如一致傳遞高效率操作的思路，例如打薄層級的做法，例如內容第一的設計態(tài)度等。

產(chǎn)品形態(tài)維度是否具有一致性？例如產(chǎn)品整體視覺風格，例如交互設計關注的用戶聚焦掌控性，例如動效設計體現(xiàn)的用戶操作指導性等。產(chǎn)品形態(tài)的一致性，應該是從信息架構層一直貫穿到元素層，保證整個產(chǎn)品的每個使用場景都是一致有效的。

產(chǎn)品是否能與業(yè)界生態(tài)一致？例如產(chǎn)品的核心功能哪些是突破式創(chuàng)新應該不一樣，哪些是需要符合大眾用戶心理模型的場景設計需要一樣；例如每一款手機都可以拍照，如果我們要做一部不能拍照的手機是不是要思考好再行動？這些點都需要考慮清楚，因為用戶在真實世界中使用大量產(chǎn)品，他們的心理模型和行為模式是大眾式的，我們的產(chǎn)品形態(tài)需要在很多領域符合業(yè)界趨勢，保證產(chǎn)品對用戶的親和力。

產(chǎn)品的商業(yè)與設計結合性是否足夠一致？例如一個免費的游戲，通過游戲內消費來盈利，那么整個產(chǎn)品在設計如何引導用戶消費、如何運營等方面，都要在商業(yè)思考維度有一致性，這樣才能幫助產(chǎn)品商業(yè)結果最優(yōu)。

這是以一致性為例子的宏觀維度思考。宏觀維度的一致性，幫助產(chǎn)品把控大方向，幫助業(yè)務團隊和設計團隊建立對一個產(chǎn)品的全局把控能力和質量約束能力，幫助設計師控制產(chǎn)品整體信息框架、視覺風格、品牌傳達能力等，幫助商業(yè)模式在產(chǎn)品中得到一致性推動。

b. 界面與流程維度

其次，需要思考界面與流程維度的一致性，這個思考模式很容易理解。

界面維度，交互設計的界面布局、聚焦方式、輕重緩急、講故事方式等是否一致；視覺設計的風格設定、視覺效果、感染力、品牌傳達能力是否一致；動效設計的一舉一動、意義表達是否一致。

流程維度，產(chǎn)品在各線操作流中，是否提供給用戶一致的流程體驗。產(chǎn)品流程設計應該讓用戶在整個產(chǎn)品使用過程中感受到自然、容易理解、復用經(jīng)驗效率高等好的感受，而不是別扭、效率低、同樣操作帶來不同結果等不好的感受。

這是以一致性為例子的界面與流程維度思考。界面與流程維度的一致性，幫助產(chǎn)品整體成型、一致有效，幫助產(chǎn)品實現(xiàn)界面風格統(tǒng)一，幫助用戶在使用產(chǎn)品過程中輕松愉悅。

c. 元素維度

最后不能忘記元素維度的一致性，這個思考模式也不難理解。

例如交互的控件，需要統(tǒng)一穿透整個產(chǎn)品，一個篩選器、一個拖動條、一個樹形結構打開方式等等，都要有產(chǎn)品全局的一致性，這樣的一致性在越大型產(chǎn)品中體現(xiàn)的意義越大。

例如圖標的一致性，一個視覺風格，一個表達邏輯，貫穿產(chǎn)品，一目了然。

例如一個下拉動效的一致性，一個轉場動畫的一致性。

例如用詞方式的一致性，“確認”還是“確定”，“您”還是“尊敬的用戶”，第一人稱還是第三人稱，一個產(chǎn)品要拉通。

這是以一致性為例子的元素維度思考。元素維度的一致性，幫助產(chǎn)品的每個局部細節(jié)都清晰一致，多維度多細節(jié)的一致性極大提升產(chǎn)品的精致性，提升產(chǎn)品質量，提升用戶使用產(chǎn)品的愉悅度。

一致性的分析只是開始，設計師小伙伴們可以用這個思考方式去分析其它設計標準。過程不同，結論不同，但是思路是通的。

這個思考方式也只是開始。從宏觀、界面流程、元素開始思考（這3個思考維度相互會有重疊，請設計師小伙伴們自己把握歸類方式），只能代表設計師開始從一個產(chǎn)品的整體、局部、單點開始分解思考產(chǎn)品設計，后續(xù)還需要根據(jù)產(chǎn)品商業(yè)形態(tài)、業(yè)務功能、用戶需求等去調整思考方式，邊設計邊驗證邊反思，這樣才能用較為深入的思考方式來做一個漂亮的產(chǎn)品、舒服的產(chǎn)品、讓用戶能開心的產(chǎn)品。

作者：尤原慶

來源：優(yōu)設網(wǎng)

文章鏈接：http://www.uisdc.com/design-standard-rethink

版權：人人都是產(chǎn)品經(jīng)理遵循行業(yè)規(guī)范，任何轉載的稿件都會明確標注作者和來源，若標注有誤，請聯(lián)系主編QQ：419297645