商城網(wǎng)站設(shè)計(jì)如何提升產(chǎn)品轉(zhuǎn)化率？講之前我先描述一個(gè)購買過程：

傳統(tǒng)的有形產(chǎn)品是如何購買的，比如說我要買一件衣服，我去一個(gè)店里，看到服務(wù)員，了解價(jià)格，詢問詳情。然后比較優(yōu)劣，最后形成購買。

整個(gè)的過程可以用八個(gè)字來形容：了解  信任  價(jià)值 轉(zhuǎn)化；

了解是通過服務(wù)員，信任是因?yàn)檫@個(gè)店是死的，跑不了，價(jià)值可以看標(biāo)簽，最后我付錢。

傳統(tǒng)的銷售大概就是這么個(gè)過程。

 

但是到了網(wǎng)上，這個(gè)店不見了，這個(gè)人不見了 ，我們靠什么讓用戶感知 ，靠 ui界面

上面活人干的事，實(shí)體店干的事 ，都變成了界面要做的事；

ui界面要完成 了解 信任 價(jià)值 轉(zhuǎn)化的過程，這些東西都是靠信息的設(shè)計(jì)來完成的 ，我們看之前淘寶的界面

這個(gè)信息，讓大家 了解  ，下面的信息讓大家看到價(jià)值

那信任是怎么產(chǎn)出的呢？

這條信息 ，賣出的量和人們的評(píng)價(jià) ，讓用戶對(duì)這個(gè)產(chǎn)品產(chǎn)生了信任。

最后的這個(gè)就是轉(zhuǎn)化

這些信息 每一條的放置都是經(jīng)過設(shè)計(jì)的，這個(gè)設(shè)計(jì)和消費(fèi)心理密切相關(guān)

那我們從視覺上再看一遍

這個(gè)圖 ，發(fā)現(xiàn)了嗎 ，購物車的那個(gè)按鈕的顏色 最深，比周圍都深的很多 。為什么的？

它能不能稍微的淺一點(diǎn)？

這是設(shè)計(jì)里另外一條有趣的現(xiàn)象，如果加入購入車的那個(gè)按鈕顏色淺一些，沒那么突出的話，人的購買就會(huì)下降。

購買 是一個(gè)非常需要"能量"的行為。

所以很多人都有這個(gè)經(jīng)歷，自己挑選了很多東西后，失去了能量去購買，這種情況經(jīng)常遇到吧。

臨門一腳！

所以它設(shè)計(jì)中的這個(gè)購買用了鮮艷的顏色 就是為了和周圍形成巨大的反差，這樣可以在潛意識(shí)心理給用戶更強(qiáng)的推動(dòng)力

就像我請(qǐng)韓總吃飯，我小聲的和韓總說，韓總一定覺得我不誠心

但是我大吼要請(qǐng)韓總吃飯的，她瞬間就會(huì)答應(yīng)

其實(shí)設(shè)計(jì)也是 ，相通的。

 

再從消費(fèi)用戶來說，用樂嘉的色彩心理 我們可以分成四個(gè)消費(fèi)心理的人

紅色性格：她判斷購買的標(biāo)準(zhǔn)比較感性

所以是這個(gè)圖片 ，瞬間推動(dòng)了她

黃色性格：這部分人就看結(jié)果和目的

這塊的內(nèi)容推動(dòng)著他

 

還有藍(lán)色性格，藍(lán)色性格的人比較糾結(jié)，他要看各種數(shù)據(jù)才

比來必去才能決定

所以你看淘寶頁面 第二屏就是這種信息

這些是 有形產(chǎn)品 如何轉(zhuǎn)化用戶的一些關(guān)鍵點(diǎn)。

 

很多老板并不服氣 ，說慢慢了解我們會(huì)發(fā)現(xiàn)我們很好，但是問題是用用戶在這個(gè) 信息now 時(shí)代 沒有時(shí)間

上面的界面其實(shí)是從老板和設(shè)計(jì)師的角度來選取的

并不是用戶

用戶看到的不是這個(gè)畫面，那么用戶看到的是什么畫面呢？

用戶看到的是這個(gè)畫面 ，大量的競(jìng)品和滿足他們目的的界面在他們眼前

你的設(shè)計(jì)和產(chǎn)品其實(shí)被淹沒的差不多了

那么其實(shí)很多產(chǎn)品 第一個(gè)要解決的問題 其實(shí)是怎么讓你被 記住 并留下來

這個(gè)點(diǎn) 我們稱之為  "頭屏"

所謂的頭屏就是 你的網(wǎng)站剛打開看到的界面。

也可以這么理解，去相親，一看長的不好，誰管他是否善良

那頭屏如何評(píng)判好壞，我這里要給出標(biāo)準(zhǔn)。這樣老板和設(shè)計(jì)師們知道怎么去看自己的產(chǎn)品

 

頭屏要滿足3點(diǎn) ，我是誰  我有什么內(nèi)容 ，什么內(nèi)容在吸引著你

我有什么內(nèi)容是你的導(dǎo)航告訴用戶的，所以導(dǎo)航的文案很重要

什么內(nèi)容在吸引著你 是運(yùn)營和設(shè)計(jì)一同思考的。要是沒有這個(gè)內(nèi)容 ，用戶就流失

像今日頭條 這款產(chǎn)品就很不錯(cuò)。第一次用的時(shí)候，發(fā)現(xiàn)頭屏總有我喜歡的信息，當(dāng)然這和他們的算法很強(qiáng)悍有關(guān)

 

下面我圍繞著 什么內(nèi)容吸引著你 這個(gè)來講講條目的設(shè)計(jì) ，這個(gè)很有趣

我們比較的對(duì)象是 微信和陌陌

微信主打的是 信息的傳播效率，所以你看微信的一個(gè)屏幕里 有幾個(gè)條目呢，差不多是9-10個(gè)

看到了嗎 9-10個(gè)聯(lián)系人，你可以一次性看見。

為什么呢？我剛說了，它注重效率，所以這種設(shè)計(jì)獲取信息的效率更高

那么我們來看看微信的 附近的人。

它的附近的人的界面是這樣的 。我想問個(gè)問題，玩過附近的人的客官，你失望嗎？

剛打開附近的人是不充滿了失望，為什么呢

我來說說失望的原因。

微信在追求效率，所以附近的人也遵循了 微信的DNA 也追求效率 這是其一

我的用戶有點(diǎn)老，但有顆向往90后的心，呵呵

其二，微信是熟人圈，所以大家都用相對(duì)真實(shí)的圖片，圖片的效果自然不那么理想

其三 因?yàn)橥ㄓ嶄浿械奈⑿蓬^像都是這種小圖，所以你玩附近的人時(shí)候服務(wù)器自動(dòng)捕獲的也是這種小圖。所以正常的就匹配上了

那么陌陌是怎么用的呢，這個(gè)陌陌是沒改版之前的版本

陌陌的條目包含的信息更多，包括大大美美的圖片，和她的一些吐槽 地理等信息。

但是這些信息的引入 降低了閱讀的效率，卻讓每個(gè)欄目被觀看的時(shí)間更久

所以它是一屏5條信息。

并且點(diǎn)擊后，更多的圖片參與了你的眼球。

當(dāng)然從需求里 這兩個(gè)產(chǎn)品有很大的不同，我這邊只是從設(shè)計(jì)中分析了，用戶觀看的體驗(yàn)。

所以左側(cè)的信息 更關(guān)注效率，后側(cè)的信息更容易讓單個(gè)條目轉(zhuǎn)化，這個(gè)自己的產(chǎn)品還要考察下運(yùn)營量等問題。