我們知道對(duì)于 PaaS 類(lèi)產(chǎn)品而言，產(chǎn)品的客戶(hù)價(jià)值傳遞是非常重要的，它決定著產(chǎn)品的增長(zhǎng)獲客、銷(xiāo)售收入等。然而視覺(jué)設(shè)計(jì)師有時(shí)候會(huì)對(duì)所能提供的價(jià)值而感到方法有限，在完成了基本的頁(yè)面布局、層級(jí)、組件的構(gòu)建之外還能做些什么幫助產(chǎn)品傳遞客戶(hù)價(jià)值。我們嘗試為大家介紹一個(gè)設(shè)計(jì)方法“場(chǎng)景圖形化設(shè)計(jì)”。
場(chǎng)景圖形化設(shè)計(jì)是什么？
其實(shí)場(chǎng)景圖形化的概念非常簡(jiǎn)單，它的核心點(diǎn)在于一方面將我們希望傳達(dá)給用戶(hù)的信息進(jìn)行情境或情節(jié)的場(chǎng)景化構(gòu)建，另一方面則是將構(gòu)建好的場(chǎng)景通過(guò)圖形化的方式進(jìn)行視覺(jué)表達(dá)。那么為什么它可以幫助我們進(jìn)行客戶(hù)價(jià)值的傳遞？我們先簡(jiǎn)要的分析下它的原理。
一般情況下我們認(rèn)為用戶(hù)產(chǎn)生某個(gè)行為背后的原理是，用戶(hù)接受一個(gè)情境的刺激，然后會(huì)根據(jù)已有的認(rèn)知經(jīng)驗(yàn)去產(chǎn)生一個(gè)主觀(guān)的期望效果，并產(chǎn)生與之對(duì)應(yīng)的行為，行為產(chǎn)生的結(jié)果反饋又會(huì)成為認(rèn)知經(jīng)驗(yàn)，從而對(duì)下次行為產(chǎn)生影響。
而場(chǎng)景圖形化就是在情境刺激這個(gè)階段，通過(guò)將業(yè)務(wù)概念場(chǎng)景化或者情境化，然后用圖形的方式去表達(dá)場(chǎng)景或情境來(lái)增強(qiáng)客戶(hù)受到的感知，影響他的主觀(guān)認(rèn)知，從而更好的促進(jìn)后續(xù)的行為。因?yàn)槿祟?lèi)是視覺(jué)動(dòng)物，圖像對(duì)我們的吸引力是遠(yuǎn)大于文字的，將復(fù)雜、艱深的業(yè)務(wù)概念通過(guò)圖形的形式表達(dá)出來(lái)，相比單純的文字描述有著巨大的優(yōu)勢(shì)。
圖形化設(shè)計(jì)優(yōu)勢(shì)
在了解到場(chǎng)景圖形化的含義和原理之后，我們接著來(lái)看在（小程序平臺(tái)）這個(gè) PaaS 產(chǎn)品里我們是如何運(yùn)用這個(gè)方法的。
其實(shí)在 B 端的視覺(jué)設(shè)計(jì)中圖形化的表達(dá)方式已經(jīng)屢見(jiàn)不鮮。但是在 PaaS 產(chǎn)品中，我們認(rèn)為左側(cè)這種常見(jiàn)的抽象化的表達(dá)形式其實(shí)并不適合，它雖然能夠滿(mǎn)足本能層和反思層的設(shè)計(jì)表現(xiàn)，但是在降低業(yè)務(wù)理解門(mén)檻這個(gè)需求上并不能提供足夠的幫助，或者可以說(shuō)情境刺激的強(qiáng)度不夠。
象化的圖形設(shè)計(jì)方式在于把抽象的、看不見(jiàn)的事物通過(guò)提取、轉(zhuǎn)化等形式變得看的見(jiàn)、容易理解。這顯然更加符合我們希望增強(qiáng)情境刺激的效果，當(dāng)然抽象化的表達(dá)方式在營(yíng)造氛圍和表達(dá)一些同樣的抽象概念時(shí)也有自身優(yōu)勢(shì)，綜合來(lái)看我們決定以具象化為主、抽象化為輔的形式來(lái)進(jìn)行核心情境的圖形化表達(dá)。
以 （小程序平臺(tái)）控制臺(tái)概覽頁(yè)為例，在這個(gè)場(chǎng)景里我們希望客戶(hù)能夠快速地了解并體驗(yàn)小程序平臺(tái)的兩個(gè)核心價(jià)值點(diǎn)，于是我們把這兩個(gè)價(jià)值點(diǎn)梳理成了兩個(gè)場(chǎng)景，那么相對(duì)應(yīng)的我們就需要將這兩個(gè)場(chǎng)景進(jìn)行圖形化。
首先我們需要拆解文案中的描述，將文案轉(zhuǎn)化為一個(gè)情境描述，這也需要交互設(shè)計(jì)師配合在文案設(shè)計(jì)階段，就采用相同的設(shè)計(jì)方法首先將文案場(chǎng)景化。當(dāng)然如果是一個(gè)非場(chǎng)景化的文案，我們也可以試著將它情境化。
接下來(lái)，我們根據(jù)轉(zhuǎn)述好的情境來(lái)構(gòu)建整個(gè)畫(huà)面元素，在這里我們將畫(huà)面分為了主體區(qū)和背景區(qū)，來(lái)表達(dá)重點(diǎn)的標(biāo)題和次重點(diǎn)的正文。在實(shí)際操作中也可以根據(jù)現(xiàn)實(shí)情況來(lái)靈活調(diào)整。
完成圖形的構(gòu)建后，在質(zhì)感選擇上因?yàn)橄Ｍ成洮F(xiàn)實(shí)世界，所以我們放棄在質(zhì)感上過(guò)多修飾，使用了一些寫(xiě)實(shí)的金屬、塑料、玻璃質(zhì)感來(lái)營(yíng)造整個(gè)場(chǎng)景氛圍。
最后運(yùn)用相同的設(shè)計(jì)方法完成這個(gè)場(chǎng)景的圖形化構(gòu)建。
以上的思路就是一個(gè)典型的場(chǎng)景圖形化的設(shè)計(jì)方法。從圍繞文案的拆解來(lái)構(gòu)建圖形元素，到映射現(xiàn)實(shí)實(shí)體的質(zhì)感表達(dá)我們的目的都在于讓場(chǎng)景變得更加生動(dòng)更加可理解易理解，從而最大限度的對(duì)客戶(hù)進(jìn)行情境刺激。秉承這個(gè)思路，我們?cè)诋a(chǎn)品的整個(gè)用戶(hù)路徑中，對(duì)于關(guān)鍵場(chǎng)景都采用了這種圖形化的表達(dá)方式。
接下來(lái)從品牌維度來(lái)看，品牌價(jià)值是客戶(hù)價(jià)值在品牌側(cè)的體現(xiàn)，品牌價(jià)值的構(gòu)建對(duì)客戶(hù)價(jià)值傳遞有極大的幫助。我們希望客戶(hù)在理解到產(chǎn)品的客戶(hù)價(jià)值后，可以進(jìn)一步的記憶它。針對(duì)這個(gè)維度，我們的想法是在場(chǎng)景圖形化在搭建中融入和露出品牌，同時(shí)貫穿整個(gè)用戶(hù)路徑，一方面潛移默化完成品牌認(rèn)知構(gòu)建，另一方面增強(qiáng)客戶(hù)價(jià)值的記憶。
對(duì)于 B 端產(chǎn)品來(lái)說(shuō)品牌融入和露出可能方法并不多，但在場(chǎng)景化設(shè)計(jì)思路里我們可以把場(chǎng)景作為品牌的載體。這樣的好處一方面是品牌的融入非常自然，形成從產(chǎn)品價(jià)值到品牌價(jià)值的傳遞鏈路。另一方面，可以在了解、試用、使用這條體驗(yàn)路徑的核心場(chǎng)景里反復(fù)露出。
最后，針對(duì)視覺(jué)側(cè)的客戶(hù)價(jià)值傳遞形式我們需要進(jìn)行規(guī)范的制定和標(biāo)準(zhǔn)化沉淀，來(lái)保證未來(lái)設(shè)計(jì)輸出的統(tǒng)一規(guī)范，讓客戶(hù)價(jià)值在產(chǎn)品所有場(chǎng)景和階段的傳遞都有統(tǒng)一的用戶(hù)心智。首先我們將圖形化的場(chǎng)景進(jìn)行了區(qū)分，一類(lèi)是傳遞業(yè)務(wù)，另一類(lèi)是傳遞品牌，其次給出圖形化設(shè)計(jì)的具體原則和構(gòu)圖規(guī)范，讓場(chǎng)景圖形構(gòu)建都有據(jù)可循。
作者：cclava
來(lái)源：站酷
