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

0 評論 10790 瀏覽 40 收藏 9 分鐘

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

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

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

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

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

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

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

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

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

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

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

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

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

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

整個過程就是一條產(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í)這個概念有失偏薄。

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

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

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

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

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

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

信息在人與人之間的傳遞過程中,每個人對于相同的一條信息都會加上自己的解讀和自己的理解,因此,會出現(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ā)生了變化,并且對這種變化進(jìn)行調(diào)整。

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

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

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

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

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

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

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

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

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

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

#相關(guān)閱讀#

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

共鳴元素:存在即被感知

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

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

#專欄作家#

枯葉,微信公眾號:枯葉咖啡館。人人都是產(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è)模式。曾孵化過千萬級用戶規(guī)模的創(chuàng)業(yè)產(chǎn)品

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

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!