資訊專欄INFORMATION COLUMN
摘要：為什么第一張圖片沒有出現可口可樂的產品圖片產品介紹等信息，但我們還是可以分辨出可口可樂其實這都是因為可口可樂有一套高一致性的系統。
產品一致性主要指產品的設計理念、品牌形象、邏輯結構、操作交互以及視覺形象等設計“基因”能夠在設計中較好的保持一致和統一。通過采用用戶熟悉的交互模式、視覺元素，使處于不同平臺、不同設備的一個產品可以讓用戶順利地解決問題。用戶在這個過程中根據以往的經驗，以他們理解的方式去采取行動。
一致性對于一個平臺化的產品來說，主要有三方面作用：
我們先來做一個小測試：
下圖是一家著名公司海報的一部分，根據這張圖大家可以猜到這是哪家公司嗎？
。
。
。
。
。
。
答
案
馬
上
就
來
揭
曉
。
。
。
。
。
。
沒有錯，它就是我們每個人都喝過的可口可樂。
為什么第一張圖片沒有出現可口可樂的logo、產品圖片、產品介紹等信息，但我們還是可以分辨出可口可樂？其實這都是因為可口可樂有一套高一致性的VI系統。一致性的VI可以讓用戶一眼就分辨出是什么產品，這對產品生命力的延續有著重要的促進作用。
因此在我們的console控制臺設計中，也盡可能使用統一的顏色、樣式、圖形，讓用戶用著用著就能在不經意間一眼認出我們的產品。
對于用戶來說，他們更喜歡快速、簡單、不太費力的完成預期目標，喜好熟悉的環境、操作，能不動腦就不動腦。
上圖展示的是網易云音樂的“新歌榜”和歌單頁面，雖然是2個不同的功能頁面，但頁面在布局結構（如標題，背景插圖，歌曲列表）和交互操作（播放歌曲，搜索，分享）等方面都是一致統一的。用戶在操作這兩個不同頁面時可以保持相同的邏輯和體驗，大大減少重新學習的成本。
下圖是我們控制臺三個產品的頁面截圖，點擊紅圈中的按鈕都是展開其余操作的選擇菜單，但是三個操作的命名都不相同：
且不論這三種方案本身是否合理，但在同一個產品中相同的功能場景不應該混用這三種形式，這會增加用戶的學習成本與反應時間，不利于達到良好的用戶體驗效果。
在我們的console控制臺設計中，相同的業務場景盡可能使用一致的體驗，例如大多產品都會有的付費購買頁面：
我們可以看到在這兩個頁面中，前者配置項較多，而后者僅一個選擇項。有人可能會好奇為什么不把后者做成一個簡單的彈窗？其實這是因為我們希望用戶在用我們的平臺購買產品時，始終是他們熟悉的樣子，無論選擇項有多少，他們都能有個慣性認知：左側是我要選的配置內容，右側是我要付錢的計費模塊，用戶不用考慮太多，所想即所得，這也就是我們上文提到的體驗一致性。
另外，產品一致性可以提高產品開發的效率，從公司內部角度，主要分為兩部分：
從團隊內部協作上來說：輸出一致性設計規范，可以讓設計團隊的成員都遵循統一專業的一致性原則，不僅設計輸出效率更高，也讓產品的一致性更強。同時降低了設計師以個人喜好和經驗的標準輸出設計物的情況。
從團隊間協作上來說：可以幫助業務和研發團隊更加清晰的認識和理解用戶體驗設計，了解設計師在工作中思考的維度和方向，提升雙方間的信任感和合作效率。
因此我們前端與用戶體驗中心打造了U-Design組件規范平臺https://udesign.ucloud.cn，幫助設計師與前端同學在設計開發工作中打造一致性的平臺化產品，同時提高了協和配合的工作效率。
通過以上的分析介紹，我們現在也可以了解到一致性對于產品而言，可以提高品牌識別度、降低用戶學習成本、提高產品開發效率。設計服務于用戶，一致性不是一個原則，而是一種工作方式、設計模式，它將團隊的力量擰成一股繩，力往一處使,勁往一處出，為客戶打造更滿意的產品。
都說設計來源于生活，用戶的認知、使用習慣也會根據時代的發展，知識的進步有所發展。守破離，先遵守再破最后建立新的更好的規范。我們的一致性也在不斷優化迭代，也希望各位在今后的工作中與我們多多交流，共同促進我們的產品更加U秀！
下期預告：《嗖！搜你所想》——全局搜索重磅升級！
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/126494.html
導語▼上篇講到產品的一致性是產品的金鑰匙，通過對一致性的設計可以使產品在品牌標識、用戶使用和開發效率等方面得到提升。交互設計對于產品有哪些價值呢？本質是站在多維角度挖掘，分析，梳理，提煉用戶更深層?的?需求和痛點?，利用交互理論方法，保證產品的設計完整性，產品用戶體驗的流暢性，產品商業價值的最大化。What｜什么是交互設計？我們的日常生活中處處可見交互行為，從使用淘寶購物到掃場所碼向防疫人員展示核...
摘要：相反，它曾無人看好困難重重，整個團隊甚至數度瀕臨解散。從危在旦夕到浴火重生，這十年經歷了什么今天，我們一起了解它背后不為人知的故事。在陽振坤看來，如果一件事情幾乎所有的人都認為它很重要需要做，這件事情就已經不是創新了。 showImg(https://segmentfault.com/img/remote/1460000019001650); 阿里妹導讀：談及國產自研數據庫，就不得不...
摘要：在不便中，一直蘊藏著技術革新的機會這時，機器學習來了機器學習是解決安全問題的金鑰匙機器學習其實早已到來。正因為安全問題本質是特定領域內的識別問題，所以從理論上講，機器學習非常適合應用在安全領域，是解決安全問題的金鑰匙。 作者簡介： showImg(https://segmentfault.com/img/bVXnOA?w=279&h=306); 叢磊 白山合伙人兼工程副總裁。叢磊先生2...
摘要：最近一直在做應用的打包，集成版本的自動更新時出現了問題。針對上述上打包無法進行正確代碼簽名的問題，通過設置環境變量和使用進行代碼簽名可以解決。 最近一直在做electron應用的打包，集成mac版本的自動更新時出現了問題。具體打包流程請參考：Electron 桌面應用打包（npm run build）簡述(windows + mac)Electron應用集成自動更新功能可參考：Elec...
閱讀 284·2024-11-07 18:25
閱讀 130363·2024-02-01 10:43
閱讀 868·2024-01-31 14:58
閱讀 828·2024-01-31 14:54
閱讀 82766·2024-01-29 17:11
閱讀 3047·2024-01-25 14:55
閱讀 1985·2023-06-02 13:36
閱讀 3032·2023-05-23 10:26
