成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

產(chǎn)品的金鑰匙：一致性

ernest.wang / 1100人閱讀

摘要：為什么第一張圖片沒(méi)有出現(xiàn)可口可樂(lè)的產(chǎn)品圖片產(chǎn)品介紹等信息，但我們還是可以分辨出可口可樂(lè)其實(shí)這都是因?yàn)榭煽诳蓸?lè)有一套高一致性的系統(tǒng)。

產(chǎn)品一致性主要指產(chǎn)品的設(shè)計(jì)理念、品牌形象、邏輯結(jié)構(gòu)、操作交互以及視覺(jué)形象等設(shè)計(jì)“基因”能夠在設(shè)計(jì)中較好的保持一致和統(tǒng)一。通過(guò)采用用戶熟悉的交互模式、視覺(jué)元素，使處于不同平臺(tái)、不同設(shè)備的一個(gè)產(chǎn)品可以讓用戶順利地解決問(wèn)題。用戶在這個(gè)過(guò)程中根據(jù)以往的經(jīng)驗(yàn)，以他們理解的方式去采取行動(dòng)。


一致性對(duì)于一個(gè)平臺(tái)化的產(chǎn)品來(lái)說(shuō)，主要有三方面作用：


一、提高品牌的識(shí)別度 (用戶一眼就認(rèn)出它)

我們先來(lái)做一個(gè)小測(cè)試：


下圖是一家著名公司海報(bào)的一部分，根據(jù)這張圖大家可以猜到這是哪家公司嗎？


。

。

。

。

。

。

答

案

馬

上

就

來(lái)

揭

曉

。

。

。

。

。

。


沒(méi)有錯(cuò)，它就是我們每個(gè)人都喝過(guò)的可口可樂(lè)。



為什么第一張圖片沒(méi)有出現(xiàn)可口可樂(lè)的logo、產(chǎn)品圖片、產(chǎn)品介紹等信息，但我們還是可以分辨出可口可樂(lè)？其實(shí)這都是因?yàn)榭煽诳蓸?lè)有一套高一致性的VI系統(tǒng)。一致性的VI可以讓用戶一眼就分辨出是什么產(chǎn)品，這對(duì)產(chǎn)品生命力的延續(xù)有著重要的促進(jìn)作用。


因此在我們的console控制臺(tái)設(shè)計(jì)中，也盡可能使用統(tǒng)一的顏色、樣式、圖形，讓用戶用著用著就能在不經(jīng)意間一眼認(rèn)出我們的產(chǎn)品。





二、降低用戶的學(xué)習(xí)成本 (用戶很容易就會(huì)使用)

         

對(duì)于用戶來(lái)說(shuō)，他們更喜歡快速、簡(jiǎn)單、不太費(fèi)力的完成預(yù)期目標(biāo)，喜好熟悉的環(huán)境、操作，能不動(dòng)腦就不動(dòng)腦。



上圖展示的是網(wǎng)易云音樂(lè)的“新歌榜”和歌單頁(yè)面，雖然是2個(gè)不同的功能頁(yè)面，但頁(yè)面在布局結(jié)構(gòu)（如標(biāo)題，背景插圖，歌曲列表）和交互操作（播放歌曲，搜索，分享）等方面都是一致統(tǒng)一的。用戶在操作這兩個(gè)不同頁(yè)面時(shí)可以保持相同的邏輯和體驗(yàn)，大大減少重新學(xué)習(xí)的成本。


下圖是我們控制臺(tái)三個(gè)產(chǎn)品的頁(yè)面截圖，點(diǎn)擊紅圈中的按鈕都是展開(kāi)其余操作的選擇菜單，但是三個(gè)操作的命名都不相同：



且不論這三種方案本身是否合理，但在同一個(gè)產(chǎn)品中相同的功能場(chǎng)景不應(yīng)該混用這三種形式，這會(huì)增加用戶的學(xué)習(xí)成本與反應(yīng)時(shí)間，不利于達(dá)到良好的用戶體驗(yàn)效果。


在我們的console控制臺(tái)設(shè)計(jì)中，相同的業(yè)務(wù)場(chǎng)景盡可能使用一致的體驗(yàn)，例如大多產(chǎn)品都會(huì)有的付費(fèi)購(gòu)買頁(yè)面：



我們可以看到在這兩個(gè)頁(yè)面中，前者配置項(xiàng)較多，而后者僅一個(gè)選擇項(xiàng)。有人可能會(huì)好奇為什么不把后者做成一個(gè)簡(jiǎn)單的彈窗？其實(shí)這是因?yàn)槲覀兿Ｍ脩粼谟梦覀兊钠脚_(tái)購(gòu)買產(chǎn)品時(shí)，始終是他們熟悉的樣子，無(wú)論選擇項(xiàng)有多少，他們都能有個(gè)慣性認(rèn)知：左側(cè)是我要選的配置內(nèi)容，右側(cè)是我要付錢的計(jì)費(fèi)模塊，用戶不用考慮太多，所想即所得，這也就是我們上文提到的體驗(yàn)一致性。



三、提升產(chǎn)品開(kāi)發(fā)效率 (設(shè)計(jì)開(kāi)發(fā)事半功倍)

另外，產(chǎn)品一致性可以提高產(chǎn)品開(kāi)發(fā)的效率，從公司內(nèi)部角度，主要分為兩部分：


從團(tuán)隊(duì)內(nèi)部協(xié)作上來(lái)說(shuō)：輸出一致性設(shè)計(jì)規(guī)范，可以讓設(shè)計(jì)團(tuán)隊(duì)的成員都遵循統(tǒng)一專業(yè)的一致性原則，不僅設(shè)計(jì)輸出效率更高，也讓產(chǎn)品的一致性更強(qiáng)。同時(shí)降低了設(shè)計(jì)師以個(gè)人喜好和經(jīng)驗(yàn)的標(biāo)準(zhǔn)輸出設(shè)計(jì)物的情況。


從團(tuán)隊(duì)間協(xié)作上來(lái)說(shuō)：可以幫助業(yè)務(wù)和研發(fā)團(tuán)隊(duì)更加清晰的認(rèn)識(shí)和理解用戶體驗(yàn)設(shè)計(jì)，了解設(shè)計(jì)師在工作中思考的維度和方向，提升雙方間的信任感和合作效率。



因此我們前端與用戶體驗(yàn)中心打造了U-Design組件規(guī)范平臺(tái)https://udesign.ucloud.cn，幫助設(shè)計(jì)師與前端同學(xué)在設(shè)計(jì)開(kāi)發(fā)工作中打造一致性的平臺(tái)化產(chǎn)品，同時(shí)提高了協(xié)和配合的工作效率。




 總結(jié)

通過(guò)以上的分析介紹，我們現(xiàn)在也可以了解到一致性對(duì)于產(chǎn)品而言，可以提高品牌識(shí)別度、降低用戶學(xué)習(xí)成本、提高產(chǎn)品開(kāi)發(fā)效率。設(shè)計(jì)服務(wù)于用戶，一致性不是一個(gè)原則，而是一種工作方式、設(shè)計(jì)模式，它將團(tuán)隊(duì)的力量擰成一股繩，力往一處使,勁往一處出，為客戶打造更滿意的產(chǎn)品。




最后

都說(shuō)設(shè)計(jì)來(lái)源于生活，用戶的認(rèn)知、使用習(xí)慣也會(huì)根據(jù)時(shí)代的發(fā)展，知識(shí)的進(jìn)步有所發(fā)展。守破離，先遵守再破最后建立新的更好的規(guī)范。我們的一致性也在不斷優(yōu)化迭代，也希望各位在今后的工作中與我們多多交流，共同促進(jìn)我們的產(chǎn)品更加U秀！




下期預(yù)告：《嗖！搜你所想》——全局搜索重磅升級(jí)！



文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/126494.html

相關(guān)文章

  • 什么是交互設(shè)計(jì)？

    導(dǎo)語(yǔ)▼上篇講到產(chǎn)品的一致性是產(chǎn)品的金鑰匙，通過(guò)對(duì)一致性的設(shè)計(jì)可以使產(chǎn)品在品牌標(biāo)識(shí)、用戶使用和開(kāi)發(fā)效率等方面得到提升。交互設(shè)計(jì)對(duì)于產(chǎn)品有哪些價(jià)值呢？本質(zhì)是站在多維角度挖掘，分析，梳理，提煉用戶更深層?的?需求和痛點(diǎn)?，利用交互理論方法，保證產(chǎn)品的設(shè)計(jì)完整性，產(chǎn)品用戶體驗(yàn)的流暢性，產(chǎn)品商業(yè)價(jià)值的最大化。What｜什么是交互設(shè)計(jì)？我們的日常生活中處處可見(jiàn)交互行為，從使用淘寶購(gòu)物到掃場(chǎng)所碼向防疫人員展示核...

    ernest.wang 評(píng)論0 收藏0

  • Redux之旅－1

    摘要：我們約定，內(nèi)使用一個(gè)字符串類型的字段來(lái)表示將要執(zhí)行的動(dòng)作。多數(shù)情況下，會(huì)被定義成字符串常量。要進(jìn)去工廠加工產(chǎn)品，就得帶上相應(yīng)得鑰匙，不同的鑰匙對(duì)應(yīng)工廠中上不同的生產(chǎn)線里面的函數(shù)，從而有不同的產(chǎn)出改變之后的 時(shí)間：2016.4.7-17:24作者：三月懶驢入門配置文章：鏈接 準(zhǔn)備 在你的項(xiàng)目下面加入redux / react-redux npm install redux --s...

    hiyang 評(píng)論0 收藏0

  • 從瀕臨解散到浴火重生，OceanBase 這十年經(jīng)歷了什么？

    摘要：相反，它曾無(wú)人看好困難重重，整個(gè)團(tuán)隊(duì)甚至數(shù)度瀕臨解散。從危在旦夕到浴火重生，這十年經(jīng)歷了什么今天，我們一起了解它背后不為人知的故事。在陽(yáng)振坤看來(lái)，如果一件事情幾乎所有的人都認(rèn)為它很重要需要做，這件事情就已經(jīng)不是創(chuàng)新了。 showImg(https://segmentfault.com/img/remote/1460000019001650); 阿里妹導(dǎo)讀：談及國(guó)產(chǎn)自研數(shù)據(jù)庫(kù)，就不得不...

    keithxiaoy 評(píng)論0 收藏0

  • AI重新定義Web安全

    摘要：在不便中，一直蘊(yùn)藏著技術(shù)革新的機(jī)會(huì)這時(shí)，機(jī)器學(xué)習(xí)來(lái)了機(jī)器學(xué)習(xí)是解決安全問(wèn)題的金鑰匙機(jī)器學(xué)習(xí)其實(shí)早已到來(lái)。正因?yàn)榘踩珕?wèn)題本質(zhì)是特定領(lǐng)域內(nèi)的識(shí)別問(wèn)題，所以從理論上講，機(jī)器學(xué)習(xí)非常適合應(yīng)用在安全領(lǐng)域，是解決安全問(wèn)題的金鑰匙。 作者簡(jiǎn)介： showImg(https://segmentfault.com/img/bVXnOA?w=279&h=306); 叢磊 白山合伙人兼工程副總裁。叢磊先生2...

    617035918 評(píng)論0 收藏0

  • Electron 打包Mac安裝包代碼簽名問(wèn)題解決方案

    摘要：最近一直在做應(yīng)用的打包，集成版本的自動(dòng)更新時(shí)出現(xiàn)了問(wèn)題。針對(duì)上述上打包無(wú)法進(jìn)行正確代碼簽名的問(wèn)題，通過(guò)設(shè)置環(huán)境變量和使用進(jìn)行代碼簽名可以解決。 最近一直在做electron應(yīng)用的打包，集成mac版本的自動(dòng)更新時(shí)出現(xiàn)了問(wèn)題。具體打包流程請(qǐng)參考：Electron 桌面應(yīng)用打包（npm run build）簡(jiǎn)述(windows + mac)Electron應(yīng)用集成自動(dòng)更新功能可參考：Elec...

    taoszu 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<