設(shè)計(jì)知識(shí)，如何做引導(dǎo)用戶的設(shè)計(jì)(3)

設(shè)計(jì)的本質(zhì)是解決問(wèn)題，而不是形式大于內(nèi)容的表達(dá)。

這句話我說(shuō)了快兩年，但每次回答設(shè)計(jì)類問(wèn)題時(shí)，我還是要再反復(fù)強(qiáng)調(diào)一下，所以，請(qǐng)別嫌我羅嗦。

我們先來(lái)拋開(kāi)所謂的「隱喻」。就單說(shuō)如何做引導(dǎo)用戶的設(shè)計(jì)。

咱們先來(lái)思考一下，為什么要引導(dǎo)客戶？咱們到底要引導(dǎo)客戶的什么？

一則長(zhǎng)文，用戶沒(méi)耐心看下去，但是，我們?cè)谝曈X(jué)上，對(duì)文字的行距、字間距、字體字號(hào)做一些人為處理，讓客戶看起來(lái)不吃力，并且愿意看下去。這算引導(dǎo)對(duì)不對(duì)？（大家可以注意一下我所有答案的分段，還有加粗，其實(shí)都是為了讓人看著不累的。

再比如說(shuō)，一大段文字，密密麻麻，咱們?yōu)榱俗層脩魝冊(cè)谧疃痰臅r(shí)間里知道這段文字到底想表達(dá)什么意思，我們刻意地將其中一些關(guān)鍵部分，關(guān)鍵詞用特異的色彩，或者字號(hào)加粗的方式來(lái)表達(dá)，從而突出重點(diǎn)，這也算引導(dǎo)對(duì)不對(duì)？

所以說(shuō)，說(shuō)到對(duì)用戶的引導(dǎo)，其實(shí)，最根本的，是設(shè)計(jì)方需要明白你的目的是什么。這，才是最關(guān)鍵，最核心的，你說(shuō)對(duì)不對(duì)？

前幾天，走親戚。

親戚家的孩子，熟練地用 iPad 玩一個(gè)算是有點(diǎn)點(diǎn)復(fù)雜的小游戲。親戚說(shuō)，這孩子可真是聰明啊。

知道我心里在想什么嗎？

我把 iPad 拿來(lái)看了一下，我明白了。其實(shí)并不見(jiàn)得是孩子有多聰明，而是那界面的設(shè)計(jì)實(shí)在太人性化，就連一個(gè) 3 歲的孩子都能看得明白其中的操作步驟。我想，這，其實(shí)就是用隱喻的方式來(lái)引導(dǎo)用戶的最好的例子。

其實(shí)，只要留意觀察生活周遭，并細(xì)心體會(huì)，我們會(huì)發(fā)現(xiàn)，我們很多行為方式都是在被一些設(shè)計(jì)引導(dǎo)，這些例子，我就不再具體地多做說(shuō)明了。

這個(gè)問(wèn)題有些寬泛，由于版面關(guān)系，我無(wú)法窮盡的把每個(gè)例子都列舉出來(lái)。所以，我只列舉一些我曾經(jīng)幫助我一些朋友們的例子。

用設(shè)計(jì)引導(dǎo)用戶。有以下兩個(gè)關(guān)鍵的方面。

第一：想 ta 所想，替 ta 著想，把 ta 當(dāng)個(gè)孩子般看待，用圖形去告訴 ta 你想讓 ta 知道的事情。

我一個(gè)朋友，做天貓。很多店鋪首頁(yè)都有那種輪播的廣告圖，大家應(yīng)該都有印象吧。就是下圖這樣的。

他的店鋪，首屏有 4 幅廣告輪播圖，可是第四幅圖基本沒(méi)有點(diǎn)擊。說(shuō)實(shí)話，4 幅圖的數(shù)量確實(shí)有點(diǎn)點(diǎn)多，但絕對(duì)不至于多到后面的圖沒(méi)人點(diǎn)。

我只看了一眼，就發(fā)現(xiàn)問(wèn)題出現(xiàn)在哪了。于是，朋友按照我的意見(jiàn)將圖做了修改，結(jié)果效果立竿見(jiàn)影。

大家仔細(xì)看看我到底讓他做了哪些改變？其實(shí)很簡(jiǎn)單對(duì)不對(duì)？就是暗示性的告知用戶，這個(gè)輪播共有幾張，以及你在看第幾張。

還是我的這個(gè)朋友，還是他的店鋪，依舊是點(diǎn)擊率的問(wèn)題。

在他的店鋪內(nèi)，消費(fèi)者可以先領(lǐng)取代金券，再拿代金券去消費(fèi)。可他店鋪代金券的領(lǐng)取率非常低，由于很少人領(lǐng)券，所以導(dǎo)致客戶覺(jué)得不劃算，又進(jìn)而直接的影響到店內(nèi)的銷售情況。所以，這個(gè)看似很細(xì)節(jié)的小問(wèn)題，讓我那朋友很頭痛。

大家仔細(xì)看看我到底讓他做了哪些改變？其實(shí)很簡(jiǎn)單對(duì)不對(duì)？就是告知用戶，這張圖片是可以點(diǎn)擊的。

接下來(lái)，其實(shí)我們可以將這種暗示做得更細(xì)化一些。

通過(guò)擬物的方式，告知用戶，這代金券可以像游戲機(jī)的獎(jiǎng)券一樣，是可以被撕去，領(lǐng)取的。

以上第一個(gè)方面的內(nèi)容其實(shí)很簡(jiǎn)單對(duì)不對(duì)？

可是越簡(jiǎn)單的東西其實(shí)卻是最難的。

因?yàn)樵绞腔A(chǔ)的，反而越容易被人忽略。

恩，好了，接下來(lái)，就是有關(guān)引導(dǎo)客戶設(shè)計(jì)的第二個(gè)方面了。

第二：不要以為設(shè)計(jì)就是玩玩圖形與色彩的把戲，心理學(xué)在其中也是很重要的。

同樣，我還是以我這位朋友來(lái)舉例。怎么樣，當(dāng)我朋友好處很多吧！

這次，我?guī)退鉀Q的問(wèn)題，是頁(yè)面停留時(shí)間的問(wèn)題。

買家在頁(yè)面的停留時(shí)間會(huì)影響產(chǎn)品的轉(zhuǎn)化率，這一點(diǎn)我相信大家都明白。不是說(shuō)要你把頁(yè)面做的有多么長(zhǎng)，而是要你做的說(shuō)的每一句話，消費(fèi)者都看完了，這才是最關(guān)鍵的。那么，如何引導(dǎo)用戶耐心仔細(xì)的看完頁(yè)面呢？

我?guī)退隽诉@樣幾件事。

上圖，是他店內(nèi)原有的標(biāo)簽欄，很中規(guī)中矩的，對(duì)不對(duì)？很多店鋪都是這樣的。

而下圖，是我?guī)退{(diào)整過(guò)后的標(biāo)簽欄。不要小看這細(xì)微的改動(dòng)，修改后的頁(yè)面，買家的停留時(shí)間直線上升。

或許會(huì)有很多人看不懂我這樣做的目的。

在常規(guī)的傳統(tǒng)紙質(zhì)的平面設(shè)計(jì)中，很多設(shè)計(jì)師習(xí)慣偏上的構(gòu)圖方式，的確，偏上的構(gòu)圖方式會(huì)讓畫面更加的充滿積極向上的情緒，而且也更加符合人的視覺(jué)習(xí)慣。但是，人，要懂得因地制宜和變通。

在此處，我刻意的用向下的箭頭來(lái)暗示訪問(wèn)者，向下拉動(dòng)可以看到更多的內(nèi)容。

我讓他的頁(yè)面變得更有節(jié)奏。

上圖，是他原有頁(yè)面布局。中規(guī)中矩。不犯錯(cuò)。但缺點(diǎn)是容易產(chǎn)生視覺(jué)疲勞，讓人覺(jué)得乏味。

而下圖，是我?guī)退{(diào)整過(guò)后的頁(yè)面。你們一定不會(huì)知道，為了每一個(gè)頁(yè)面，甚至每一張圖的尺寸、間距，我和我的團(tuán)隊(duì)會(huì)做多少次的情景演練。我們會(huì)測(cè)試不同瀏覽速度，用戶會(huì)看到哪些內(nèi)容，會(huì)首先看到什么，然后再做反復(fù)的修改和調(diào)整。

問(wèn)題是「怎樣用」，而不是「有哪些」，所以就不做更多舉例說(shuō)明了，希望對(duì)你有幫助。

一：不要忽視最基礎(chǔ)的細(xì)節(jié)，把用戶當(dāng)作一個(gè)無(wú)知的孩子去對(duì)待，別讓 ta 們動(dòng)腦子，在 ta 們動(dòng)腦子前，就把 ta 們想知道的告訴給 ta 們。

二：用空杯的心態(tài)學(xué)習(xí)心理學(xué)，不要以為自己什么都懂，不要以為別人都和你一樣，拋棄所有簡(jiǎn)單粗暴對(duì)事物用美與丑的評(píng)價(jià)。潤(rùn)物細(xì)無(wú)聲的引導(dǎo) ta 們。