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