三個(gè)維度幫你重新思考設計標準發(fā)布者：本站     時(shí)間：2020-06-05 15:06:56

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

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

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


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

a. 宏觀(guān)維度

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

思考一致性，我們可以嘗試思考以下問(wèn)題：

整個(gè)產(chǎn)品的信息框架是否完整有效一致？產(chǎn)品整體信息框架下的各個(gè)小模塊框架是否具有框架維度的一致性？例如一致傳遞高效率操作的思路，例如打薄層級的做法，例如內容第一的設計態(tài)度等。
產(chǎn)品形態(tài)維度是否具有一致性？例如產(chǎn)品整體視覺(jué)風(fēng)格，例如交互設計關(guān)注的用戶(hù)聚焦掌控性，例如動(dòng)效設計體現的用戶(hù)操作指導性等。產(chǎn)品形態(tài)的一致性，應該是從信息架構層一直貫穿到元素層，保證整個(gè)產(chǎn)品的每個(gè)使用場(chǎng)景都是一致有效的。
產(chǎn)品是否能與業(yè)界生態(tài)一致？例如產(chǎn)品的核心功能哪些是突破式創(chuàng )新應該不一樣，哪些是需要符合大眾用戶(hù)心理模型的場(chǎng)景設計需要一樣；例如每一款手機都可以拍照，如果我們要做一部不能拍照的手機是不是要思考好再行動(dòng)？這些點(diǎn)都需要考慮清楚，因為用戶(hù)在真實(shí)世界中使用大量產(chǎn)品，他們的心理模型和行為模式是大眾式的，我們的產(chǎn)品形態(tài)需要在很多領(lǐng)域符合業(yè)界趨勢，保證產(chǎn)品對用戶(hù)的親和力。
產(chǎn)品的商業(yè)與設計結合性是否足夠一致？例如一個(gè)免費的游戲，通過(guò)游戲內消費來(lái)盈利，那么整個(gè)產(chǎn)品在設計如何引導用戶(hù)消費、如何運營(yíng)等方面，都要在商業(yè)思考維度有一致性，這樣才能幫助產(chǎn)品商業(yè)結果最優(yōu)。
這是以一致性為例子的宏觀(guān)維度思考。宏觀(guān)維度的一致性，幫助產(chǎn)品把控大方向，幫助業(yè)務(wù)團隊和設計團隊建立對一個(gè)產(chǎn)品的全局把控能力和質(zhì)量約束能力，幫助設計師控制產(chǎn)品整體信息框架、視覺(jué)風(fēng)格、品牌傳達能力等，幫助商業(yè)模式在產(chǎn)品中得到一致性推動(dòng)。


b. 界面與流程維度

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

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

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

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

c. 元素維度

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

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

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

例如一個(gè)下拉動(dòng)效的一致性，一個(gè)轉場(chǎng)動(dòng)畫(huà)的一致性。

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