現(xiàn)在的互聯(lián)網(wǎng)設(shè)計行業(yè)，即使是在校學(xué)生，也知道用戶旅程地圖(CJM)、信息架構(gòu)、商業(yè)畫布、價值主張、SWOT分析這些，稍微有點經(jīng)驗的設(shè)計師，還會知道Heart、GSM、AARRR、雙鉆模型、福格模型這類更流行的設(shè)計思維模型。如果把這些稱為"屠龍之術(shù)"的話，那么"如何設(shè)計一個頁面"這樣的問題就是"解牛之術(shù)"，其實基礎(chǔ)的東西才是我們?nèi)粘９ぷ髦械某B(tài)，讓我們攀上高峰的不是各種技巧，而是熟練的基本功，從基本功中尋找到設(shè)計本來的規(guī)律，就像"庖丁解牛"中的說的一樣，"道也，進(jìn)乎技"。

現(xiàn)在，就來聊聊"如何設(shè)計一個頁面"這樣的基本功，尤其是在銷售導(dǎo)向的場景，比如電商賣商品、互金賣理財貸款這類場景。

在這類場景中，有個最容易被大家忽視的問題就是內(nèi)容設(shè)計，因為大家更關(guān)注一些導(dǎo)航、交互框架、動效、組件等等。其實在這類業(yè)務(wù)場景中，用戶更關(guān)注內(nèi)容，比如產(chǎn)品參數(shù)、型號、價格，理財收益率和期限等等這些內(nèi)容。

其實內(nèi)容設(shè)計，也是有規(guī)律的，老D把這個規(guī)律歸納為五個要素：目的、信息、組織、模式、表現(xiàn)。每個要素起到的作用，如下圖所示，請旋轉(zhuǎn)手機(jī)至適合觀看位置。

這圖畫完了發(fā)現(xiàn)，好像是直接豎著畫插入到文中就可以手機(jī)豎屏觀看了，不過我懶的改了，哈哈。

從左往右，是業(yè)務(wù)想通過內(nèi)容來影響用戶，是傳遞；

從右往左，是用戶被信息影響的路徑，是接收；

對照一下圖中紅色圓形標(biāo)注的1-2-3，是不是你的需求方給你提需求的時候，經(jīng)常這個地方都是漏掉的。一般都是"我要凸顯產(chǎn)品的價值點1-2-3，我的文案是blablabla，要符合我們品牌的調(diào)性"，至于內(nèi)容之間的聯(lián)系是啥，怎么組織起來，是不是都是沒有的。

看完了上圖，你就能夠明白，為什么那么多產(chǎn)品和運(yùn)營策略，停留在PPT上是那么的邏輯清晰、激動人心，但是真的落實到頁面上擺到用戶面前，發(fā)現(xiàn)用戶根本看不懂。因為內(nèi)容的傳遞是一個整體的鏈條，哪個環(huán)節(jié)斷了都不行。

除了文字、圖片等可見的內(nèi)容以外，另外一些品牌、情感的內(nèi)容也是這樣的道理，比如你總會聽到"功能是都有了，但是就是感覺差了點"這類讓你不明所以的評論。其實不是評論者故意找茬，而是他的確是這么認(rèn)為的，只是不能非常準(zhǔn)確的表達(dá)出來。

類似高級感、專屬感、科技感等等，這些整體的感覺不是虛無縹緲的，一定是可以通過專業(yè)的方法達(dá)到的，因為用戶都是通過眼睛看到的東西，再加工組合，最后得出一個判斷，這是人類的認(rèn)知原理。只要你懂得用戶本身的認(rèn)知習(xí)慣，有一定的信息素材，通過合理的組織和引導(dǎo)，就可以達(dá)到影響用戶態(tài)度的目的。比如，大多數(shù)人對動效都有偏愛，如果你在演講PPT上或者是產(chǎn)品界面上加了動效以后，用戶一開始就會認(rèn)為"哇，好厲害，好專業(yè)"，這也是一些設(shè)計外行但是又有話語權(quán)的人（比如甲方、領(lǐng)導(dǎo)，以及甲方領(lǐng)導(dǎo)）總喜歡說要做的酷炫一些。

用戶被吸引，注意到一個頁面或是一個海報，一定會喚起模式識別，用過去的經(jīng)驗去理解新看到的東西，跟按鈕相像的東西就會認(rèn)為是可以點擊的，跟輸入框看起來類似的東西就認(rèn)為是可以點擊輸入的。

通過模式識別先把內(nèi)容簡化成幾塊以后，然后再分步去理解加工消化，最后形成自己的判斷。

然而，非常不幸的是，很多時候用戶形成的判斷和我們想給用戶傳遞的是不一樣的。比如我們做品牌設(shè)計的時候，是不是套路都是這樣的：用戶和業(yè)務(wù)的訴求，通常通過一些調(diào)研得出一些品牌關(guān)鍵詞，然后通過視覺化的方式表達(dá)出來。但是做完了如果再用方案去做一個驗證，用戶能不能僅僅通過看到的東西就能夠get到你想傳達(dá)的東西，很多時候是不能的，這也就是很多設(shè)計過程看似很有邏輯，推理了很多，結(jié)果最后一看方案，根本不是那么回事。