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