視覺設(shè)計(jì)不僅僅是交互和審美，它還包括信息的傳達(dá)與感知。大多數(shù)互聯(lián)網(wǎng)產(chǎn)品都是通過視覺被用戶感知，這就要求了產(chǎn)品經(jīng)理需要對(duì)視覺設(shè)計(jì)有自己的思考并進(jìn)行合理的應(yīng)用。

優(yōu)惠券不是一種營銷功能嗎？它算是一種視覺元素嗎？

視覺，聽覺，嗅覺，味覺，觸覺也被稱為五感，這是我們感知事物的五種方式，與之對(duì)應(yīng)的則是五種元素：視覺元素，聽覺元素，嗅覺元素，味覺元素，觸覺元素。

信息是采用何種方式被用戶感知到，就屬于對(duì)應(yīng)的某一種感覺元素。

使用信用卡有較大金額消費(fèi)后，在我們償還欠款前，會(huì)有兩種方式感知到欠款金額。

一種是通過銀行的短信，此時(shí)欠款金額將通過視覺被我們感知到，屬于視覺元素。

另一種則是通過業(yè)務(wù)員電話的告知，此時(shí)欠款金額將通過聽覺被我們感知到，屬于聽覺元素。

我們判斷某個(gè)信息是什么樣的感覺元素時(shí)，主要是區(qū)別被用戶感知到的方式，而不在于具體的信息要傳達(dá)的內(nèi)容，通過視覺被用戶感知到的信息，就屬于視覺元素。

優(yōu)惠券也是如此，既是一種營銷功能，也是一種通過視覺被用戶感知到的視覺元素。

實(shí)際上，大多數(shù)互聯(lián)網(wǎng)產(chǎn)品，都是通過視覺被用戶感知，少數(shù)情況，我們也會(huì)嘗試通過聽覺被用戶感知。

產(chǎn)品經(jīng)理的視覺設(shè)計(jì)

一款可視化的產(chǎn)品，在視覺環(huán)節(jié)由三個(gè)崗位共同完成。

UI設(shè)計(jì)師負(fù)責(zé)對(duì)頁面的美化處理，通過對(duì)顏色，形狀，字體，樣式，貼圖素材等方式，讓用戶處于一個(gè)良好的使用環(huán)境，交互設(shè)計(jì)師則負(fù)責(zé)交互體驗(yàn)的設(shè)計(jì)，通過元素的大小，排列順序，表現(xiàn)形式等呈現(xiàn)方式，讓用戶能夠更好的理解我們想要傳達(dá)的信息。

產(chǎn)品經(jīng)理則是負(fù)責(zé)信息的設(shè)計(jì)，通過對(duì)視覺元素的控制，可以是增加，可以是減少，也可以是改動(dòng)，設(shè)計(jì)出一條向用戶傳達(dá)的信息，經(jīng)過交互設(shè)計(jì)師的優(yōu)化，經(jīng)過UI設(shè)計(jì)師的美化，最終被用戶解讀。

整個(gè)過程就是一條產(chǎn)品視覺設(shè)計(jì)的流水線，產(chǎn)品經(jīng)理提供原材料，交互設(shè)計(jì)師進(jìn)行第一次形狀，位置的加工，UI設(shè)計(jì)師則完成美化的加工，完成最終呈現(xiàn)給用戶的視覺效果。

一部分互聯(lián)網(wǎng)從業(yè)人員認(rèn)為產(chǎn)品經(jīng)理不懂視覺，也不需要懂視覺，其實(shí)這個(gè)概念有失偏薄。

產(chǎn)品經(jīng)理在審美，交互體驗(yàn)環(huán)節(jié)，與專業(yè)人員確實(shí)有很大的差距，但卻不代表我們不懂視覺。

因?yàn)?，視覺設(shè)計(jì)是相當(dāng)大的一個(gè)命題，不僅僅是交互，也不僅僅是審美。

更重要的是通過視覺，將我們想要表達(dá)的信息，傳達(dá)給用戶，并且正確地被用戶感知到。

產(chǎn)品經(jīng)理的視覺，是以信息為始，以信息為終的設(shè)計(jì)方式。

我們思考要向用戶傳遞什么樣的信息，才能影響用戶的行為，為此，需要思考哪些元素需要增加，哪些元素需要減少。

對(duì)于已經(jīng)完成的UI設(shè)計(jì)，也需要進(jìn)行評(píng)估，最終的視覺設(shè)計(jì)方案是否能正確地傳達(dá)我們想要表達(dá)的含義，如果不是，我們應(yīng)該如何調(diào)整，才能讓信息正確地呈現(xiàn)出來，最后將這些信息傳達(dá)給用戶。

信息在人與人之間的傳遞過程中，每個(gè)人對(duì)于相同的一條信息都會(huì)加上自己的解讀和自己的理解，因此，會(huì)出現(xiàn)失真和偏差的現(xiàn)象。

這也導(dǎo)致經(jīng)常出現(xiàn)最終的UI設(shè)計(jì)圖，與產(chǎn)品經(jīng)理的原始信息設(shè)計(jì)偏差較大的結(jié)果。

為此，作為視覺設(shè)計(jì)的源頭，產(chǎn)品經(jīng)理在視覺驗(yàn)收時(shí)也需要重點(diǎn)關(guān)注“信息”是否發(fā)生了變化，并且對(duì)這種變化進(jìn)行調(diào)整。

如，我們想要向用戶傳達(dá)的信息：瓜分500萬現(xiàn)金，只需要簽到7天，左圖是UI設(shè)計(jì)師的完成品，信息在傳遞過程中發(fā)生了變化，為此，我們需要對(duì)設(shè)計(jì)方案進(jìn)行調(diào)整，要確保向用戶傳遞的信息是我們所期望的信息。

構(gòu)成信息的，就是我們所使用的視覺元素，在整個(gè)視覺設(shè)計(jì)的過程中，每一個(gè)環(huán)節(jié)都需要控制視覺元素，但每個(gè)環(huán)節(jié)對(duì)視覺元素的控制又不太一樣。

交互設(shè)計(jì)師，主要是控制元素的位置，元素的關(guān)聯(lián)性，元素的動(dòng)畫效果等，UI設(shè)計(jì)師則是控制元素的樣式，顏色，形狀等。

產(chǎn)品經(jīng)理對(duì)視覺元素的控制，則是“有”和“無”的判定，我們決定了使用什么元素，以及不使用什么元素。

視覺元素，是我們?cè)O(shè)計(jì)“信息”時(shí)所需要的素材，如同一種特殊的“詞匯”，用來構(gòu)造出可被用戶解讀的信息，詞匯越豐富，我們對(duì)用戶行為的影響能力就越突出。

有一些產(chǎn)品設(shè)計(jì)方案，當(dāng)我們嘗試從用戶需求的角度去理解這些設(shè)計(jì)時(shí)，總是會(huì)覺得十分牽強(qiáng)，因?yàn)樗麄儾⒉粚儆谟脩粜枨蟆?/p>

用戶并不存在“簽到”的需求，但卻會(huì)產(chǎn)生簽到的行為；用戶也不存在1分錢的收益需求，但卻會(huì)為1分錢產(chǎn)生特定行為；用戶對(duì)某些商品并不存在需求，但卻會(huì)因?yàn)槊霘?，?yōu)惠券等機(jī)制產(chǎn)生購買行為。

用需求，去解讀產(chǎn)品設(shè)計(jì)，已經(jīng)力不從心，為此，產(chǎn)品從業(yè)人員，需要引入更多的解讀方式，去理解產(chǎn)品，去理解用戶的行為。

視覺元素便是新的解讀方式，將產(chǎn)品設(shè)計(jì)劃分出需求驅(qū)動(dòng)與視覺元素驅(qū)動(dòng)兩種類型，前者借助用戶的需求，為用戶的需求提供服務(wù)，后者，則是通過視覺元素對(duì)用戶的行為產(chǎn)生影響，可以是對(duì)需求的強(qiáng)化，也可以是完全獨(dú)立于需求之外的設(shè)計(jì)方案。

視覺元素，可以是一句文案，可以是一個(gè)參數(shù)，也可以是一個(gè)功能，對(duì)于無法用需求進(jìn)行解讀的設(shè)計(jì)方案，我們不妨嘗試將其理解成影響用戶行為的視覺參數(shù)，運(yùn)用視覺CST法則，對(duì)他們進(jìn)行解讀，或許就能理解了。

#相關(guān)閱讀#

影響用戶行為的視覺設(shè)計(jì)方法：CST法則

共鳴元素：存在即被感知

吸引力元素：興趣是最好的老師

行為導(dǎo)向元素：與時(shí)間賽跑

#專欄作家#

枯葉，微信公眾號(hào)：枯葉咖啡館。人人都是產(chǎn)品經(jīng)理專欄作家。9年經(jīng)驗(yàn)產(chǎn)品經(jīng)理，3年產(chǎn)品總監(jiān)經(jīng)驗(yàn)。擅長數(shù)據(jù)增長，商業(yè)模式。曾孵化過千萬級(jí)用戶規(guī)模的創(chuàng)業(yè)產(chǎn)品

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自 Unsplash，基于CCO協(xié)議。