每一個(gè)前端產(chǎn)品都講究用戶(hù)體驗(yàn)。但是用戶(hù)體驗(yàn)是什么？后臺(tái)的設(shè)計(jì)可以不涉及用戶(hù)體驗(yàn)，因?yàn)樗饕哪康氖菫榱藵M(mǎn)足業(yè)務(wù)需求。而前臺(tái)的用戶(hù)體驗(yàn)是為了留住用戶(hù)，而留住用戶(hù)的目的是為了付費(fèi)。付費(fèi)的目的就是為了挖掘用戶(hù)的商業(yè)價(jià)值。所以每一個(gè)用戶(hù)體驗(yàn)背后都是有商業(yè)邏輯在里面。今天我們就來(lái)分析下這個(gè)商業(yè)邏輯的設(shè)計(jì)。

一、整體顏色設(shè)定

在電商產(chǎn)品中，大部分都使用紅色，比如淘寶、京東。因?yàn)榧t色代表著熱情和開(kāi)放。給人有著強(qiáng)烈的購(gòu)買(mǎi)欲望。所以在整體顏色設(shè)計(jì)的時(shí)候都是以紅色為主色調(diào)。

這背后的商業(yè)邏輯就是促進(jìn)用戶(hù)的購(gòu)買(mǎi)欲望。

而另一部分如寺庫(kù)、D2C使用的黑色，黑色代表高貴。給人有一種貴族的感覺(jué)。而里面的賣(mài)東西價(jià)格也都是不便宜的商品。

所以背后的商業(yè)邏輯就是給人我就是給高端的人士服務(wù)的，為那類(lèi)特定的人群提高購(gòu)買(mǎi)商品的定位。所以在整體色調(diào)設(shè)計(jì)上，要選擇正確的顏色符合自己產(chǎn)品背后的商業(yè)邏輯。

二、點(diǎn)擊按鈕擺放

在電商產(chǎn)品中，在商品詳情頁(yè)的點(diǎn)擊購(gòu)買(mǎi)按鈕都會(huì)在整個(gè)詳情頁(yè)的瀏覽中進(jìn)行固定在頁(yè)面上方（PC站多在上方）或者頁(yè)面下方（移動(dòng)端多在下方）。這些設(shè)定多半于用戶(hù)體驗(yàn)的習(xí)慣有關(guān)。電腦的瀏覽視線主要在正上方面，加之瀏覽器的操作都在上方，用戶(hù)已經(jīng)有了習(xí)慣。所以點(diǎn)擊購(gòu)買(mǎi)和放入購(gòu)物車(chē)這類(lèi)按鈕放在上方也是符合操作習(xí)慣。而移動(dòng)端的按鈕都是下方，是為了方面手持按鈕進(jìn)行點(diǎn)擊，而點(diǎn)擊購(gòu)買(mǎi)和放入購(gòu)物車(chē)也是方便用戶(hù)進(jìn)行點(diǎn)擊。

所有的方便點(diǎn)擊和便于用戶(hù)找到的設(shè)置都是為了商業(yè)上符合用戶(hù)更高效的去完成購(gòu)買(mǎi)訂單的操作，給用戶(hù)一種習(xí)慣，而不是一種挫敗感。

三、購(gòu)買(mǎi)流程中的登錄/注冊(cè)

特別剛上線的新產(chǎn)品為什么要盡量讓用戶(hù)了解你之后才登陸呢？在用戶(hù)體驗(yàn)是為了讓用戶(hù)瀏覽更多的內(nèi)容，才能建立信任過(guò)程。其實(shí)用戶(hù)購(gòu)買(mǎi)心理流程中，打破心理障礙和建立心理信任都是需要一個(gè)過(guò)程的。而新產(chǎn)品上線后，就和你線下開(kāi)實(shí)體店一樣，都要有人認(rèn)識(shí)、了解、信任這樣的一個(gè)過(guò)程在當(dāng)中。所以登錄/注冊(cè)按鈕就是一個(gè)信任的過(guò)程。所以要讓這層信任建立，所有的登錄/注冊(cè)環(huán)節(jié)都會(huì)后置。

在商業(yè)邏輯中，也是符合用戶(hù)的心理預(yù)期和習(xí)慣。只有當(dāng)用戶(hù)對(duì)你有了一定了解，才會(huì)開(kāi)始使用你，購(gòu)買(mǎi)你。所以上來(lái)就讓用戶(hù)進(jìn)行登錄/注冊(cè)時(shí)不明智的選擇。

四、商品圖片的大小與位置

商品圖片是電商產(chǎn)品中最影響用戶(hù)購(gòu)買(mǎi)決策中重要的一個(gè)環(huán)節(jié)。先從商品圖大小維度來(lái)分析，大的圖片會(huì)給用戶(hù)帶來(lái)一定視覺(jué)沖擊，也可以讓用戶(hù)把每一個(gè)細(xì)節(jié)處理清楚。而小的圖片會(huì)給用戶(hù)帶來(lái)一定的精致感覺(jué)，讓用戶(hù)感覺(jué)一種小巧的感覺(jué)。所以商業(yè)分析上，大物件的商品一定要符合大圖片。而小物件的商品會(huì)使用小的圖片。這樣給用戶(hù)一種真實(shí)的心理感覺(jué)在里面。而對(duì)于服務(wù)來(lái)說(shuō)，圖片還是盡量在合理抽象程度上讓用戶(hù)明白。而商品圖片位置在PC端是放在右側(cè)，主要是國(guó)內(nèi)用戶(hù)瀏覽的習(xí)慣是從左往右的。而手機(jī)端則放在上方，是因?yàn)橛脩?hù)瀏覽商品是從上往下瀏覽。

為什么商品圖片位置總是出現(xiàn)第一個(gè)位置？這根商業(yè)和用戶(hù)心理有關(guān)，因?yàn)閳D片比文字更有說(shuō)服力。文字可能說(shuō)了很多最終還沒(méi)有一張圖片效果來(lái)的好。

五、首頁(yè)中的用戶(hù)體驗(yàn)邏輯

在電商首頁(yè)中，banner作為商業(yè)邏輯里最大入口，擺放在這里。主要是促使用戶(hù)進(jìn)行瀏覽和對(duì)網(wǎng)站或者app持續(xù)進(jìn)行關(guān)注。在首頁(yè)中的商品分類(lèi)展示和搜索框都是對(duì)用戶(hù)瀏覽商品的習(xí)慣劃分。用戶(hù)有了明確需求前提下，可以使用搜索框。而用戶(hù)沒(méi)有特別指向性的需求下，可以使用分類(lèi)查找商品。而banner是對(duì)沒(méi)有需求的用戶(hù)進(jìn)行刺激消費(fèi)。而運(yùn)營(yíng)模型中，對(duì)這三類(lèi)用戶(hù)都要持續(xù)進(jìn)行拉新、活躍和留存進(jìn)行努力。

在商業(yè)上，可以滿(mǎn)足所有閉環(huán)中目標(biāo)的用戶(hù)群每個(gè)階段的需求。而滿(mǎn)足商業(yè)增長(zhǎng)曲線中每個(gè)節(jié)點(diǎn)，達(dá)到商業(yè)模式可以持續(xù)運(yùn)作和成功。

六、banner和廣告位的優(yōu)雅

banner位置幾乎已經(jīng)對(duì)用戶(hù)并不陌生，也不會(huì)產(chǎn)生巨大的反感。而廣告位在網(wǎng)站和app中如何優(yōu)雅擺放也是一個(gè)學(xué)問(wèn)。因?yàn)檫@個(gè)背后不僅僅是用戶(hù)體驗(yàn)這么簡(jiǎn)單，而是精確的商業(yè)算法把他實(shí)現(xiàn)變現(xiàn)的一個(gè)過(guò)程。一個(gè)廣告優(yōu)雅的擺放特別講究，在電商中，我們可以出現(xiàn)在用戶(hù)購(gòu)買(mǎi)完成后進(jìn)行推薦。因?yàn)橛脩?hù)已經(jīng)完成購(gòu)買(mǎi)后，心情是感到愉快的。所以這個(gè)時(shí)候使用廣告位進(jìn)行推薦是有效的。但是這其中又涉及到邏輯算法的問(wèn)題。這里我們一定推薦給用戶(hù)相關(guān)的商品或者用戶(hù)一直有瀏覽的商品，這樣可以提高轉(zhuǎn)化率和達(dá)到商業(yè)目標(biāo)。而在商品詳情頁(yè)進(jìn)行推薦的商品，一定是盡量是同款或者相類(lèi)似的商品。因?yàn)橐屨业礁玫姆嫌脩?hù)喜好的商品進(jìn)行購(gòu)買(mǎi)，而不是讓用戶(hù)進(jìn)行流失的一個(gè)行為。

七、搜索式和推薦式的用戶(hù)體驗(yàn)

在電商中，最大的二塊商品推薦就是搜索式和推薦式了。其實(shí)用戶(hù)主動(dòng)需求和被動(dòng)需求的滿(mǎn)足。主動(dòng)需求是靠找。被動(dòng)需求是靠逛。找什么？商品的名稱(chēng)、屬性、特性、價(jià)格等等維度都是。滿(mǎn)足這些搜索式的實(shí)現(xiàn)，是對(duì)自己的商業(yè)邏輯滿(mǎn)足的一個(gè)體現(xiàn)。我們究竟想讓用戶(hù)買(mǎi)到什么？如何實(shí)現(xiàn)流量，再實(shí)現(xiàn)直接變現(xiàn)的方式。而逛就是什么？逛的就是大量的商品，大量的折扣等的商品。甚至是免費(fèi)的商品。而維度一定是量級(jí)，便宜等維度去讓用戶(hù)看見(jiàn)。滿(mǎn)足這些用戶(hù)的需求就是對(duì)用戶(hù)促活，對(duì)商品進(jìn)行拉量的一個(gè)行為。在商業(yè)上，可以打造流量入口，實(shí)現(xiàn)現(xiàn)金流或者廣告變現(xiàn)的手段。

八、用戶(hù)積分與成長(zhǎng)體系

用戶(hù)積分和成長(zhǎng)體系都是對(duì)用戶(hù)激勵(lì)和用戶(hù)活躍的一種方式。用戶(hù)積分搭建，除了對(duì)用戶(hù)進(jìn)行深度挖掘和分層之外。還有對(duì)用戶(hù)進(jìn)行監(jiān)控和用戶(hù)深度購(gòu)買(mǎi)行為的刺激作用。特別是用戶(hù)體系中的成長(zhǎng)體系，更能利用用戶(hù)虛榮心理進(jìn)行更多的轉(zhuǎn)化購(gòu)買(mǎi)。在商業(yè)模式中，這種讓用戶(hù)跟隨公司一起成長(zhǎng)起來(lái)的，是最有用戶(hù)價(jià)值。后期的推廣都是靠這些種子用戶(hù)積累進(jìn)行爆發(fā)性增長(zhǎng)的。

九、產(chǎn)品流程設(shè)定

在購(gòu)買(mǎi)流程中，就是對(duì)產(chǎn)品商業(yè)模式判斷了。比如你是個(gè)自營(yíng)電商，那么你購(gòu)買(mǎi)的所有的商品和服務(wù)都是自己的，所有你沒(méi)有選擇商家或者服務(wù)者這么一說(shuō)。但是如果你是個(gè)平臺(tái)電商，那么你就有選擇商家和服務(wù)者這么一說(shuō)了。這就是對(duì)商業(yè)流程上不同，造成的購(gòu)買(mǎi)流程上或者頁(yè)面業(yè)務(wù)展示上的不同。這些產(chǎn)品流程設(shè)定背后都是商業(yè)邏輯進(jìn)行支撐作為出發(fā)點(diǎn)的。如果這個(gè)支點(diǎn)沒(méi)有設(shè)定好，就會(huì)造成產(chǎn)品偏差。所以商業(yè)模式確立，就是產(chǎn)品路程大框架的確定。

十、運(yùn)營(yíng)體系搭建

運(yùn)營(yíng)體系在商業(yè)大框架下如何實(shí)現(xiàn)是一個(gè)最基本的執(zhí)行。很多運(yùn)營(yíng)無(wú)法執(zhí)行好，就是對(duì)商業(yè)邏輯分析點(diǎn)不夠準(zhǔn)確。不明白老板想要的是什么，那么你對(duì)運(yùn)營(yíng)執(zhí)行完成的KPI可定是起不到正面的效果。運(yùn)營(yíng)體系搭建要在大運(yùn)營(yíng)的框架下去執(zhí)行的。背后的商業(yè)邏輯就是對(duì)運(yùn)營(yíng)體系的一個(gè)個(gè)總結(jié)。如果落到執(zhí)行上，就要對(duì)執(zhí)行進(jìn)行一步步拆解，最后通過(guò)數(shù)據(jù)找到一個(gè)有效的方案。

商業(yè)模式?jīng)Q定了產(chǎn)品類(lèi)型和未來(lái)，運(yùn)營(yíng)方式和方法。所以對(duì)行業(yè)的深入了解，會(huì)對(duì)你做產(chǎn)品和運(yùn)營(yíng)都有很大的指導(dǎo)性的作用。還有就是自身的心理學(xué)和社會(huì)學(xué)的作用，會(huì)對(duì)你對(duì)這世界上所有的事物進(jìn)行一個(gè)正確的判斷。在邏輯學(xué)中，我們可以不斷的進(jìn)行強(qiáng)化自己。最后使自己達(dá)到一個(gè)更高的高度。

#專(zhuān)欄作家#

曉翼，微信公眾號(hào)：上海人在北京。人人都是產(chǎn)品經(jīng)理專(zhuān)欄作家。專(zhuān)注于電商、O2O的產(chǎn)品經(jīng)理。會(huì)IOS開(kāi)發(fā)、會(huì)P圖、會(huì)運(yùn)營(yíng)的逗比一個(gè)。常關(guān)注社交、旅行類(lèi)產(chǎn)品。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，不得轉(zhuǎn)載。

您也可以加微信號(hào)1025792036備注“設(shè)計(jì)”進(jìn)入微信群討論。

想系統(tǒng)的學(xué)習(xí)了解如何在項(xiàng)目中循序漸進(jìn)的思考體驗(yàn)設(shè)計(jì)和體驗(yàn)創(chuàng)新。個(gè)人參與可以學(xué)習(xí)到如何成為合格的用戶(hù)體驗(yàn)設(shè)計(jì)師，團(tuán)隊(duì)參與可以推動(dòng)團(tuán)隊(duì)在用戶(hù)體驗(yàn)思維角度的主動(dòng)思考，以幫助建立跨團(tuán)隊(duì)的用戶(hù)體驗(yàn)協(xié)作的意識(shí)和初步能力。我們提倡把用戶(hù)體驗(yàn)作為思維方式在企業(yè)中跨角色推廣。若要獲得產(chǎn)品和服務(wù)體驗(yàn)的全面提升和突破創(chuàng)新，需要團(tuán)隊(duì)成員對(duì)用戶(hù)體驗(yàn)的思維方式的共同理解、認(rèn)同和深入人心的貫徹執(zhí)行。你不但可以聽(tīng)到理念方法講授、案例分享，還有現(xiàn)場(chǎng)的小組實(shí)踐項(xiàng)目練習(xí)幫你吸收、應(yīng)用。

點(diǎn)擊“工作坊詳情”或掃描下圖中的二維碼進(jìn)入報(bào)名頁(yè)。