1、 6 步構(gòu)建電商產(chǎn)品龍骨
1.1、展示面
1.1. 1 首頁
在進(jìn)行首頁框架設(shè)計(jì)的時(shí)候需要先弄明白產(chǎn)品所針對(duì)的用戶屬性，也就是分析基本的用戶屬性，用戶屬性可分為瀏覽型用戶與搜索型用戶。
瀏覽型用戶：購物目的相對(duì)不明確，進(jìn)入大部分處于漫無目的的閑逛狀態(tài)，從這一點(diǎn)切入的話可得出首頁需要有足夠的商品及商品分類讓用戶進(jìn)行瀏覽選購填補(bǔ)時(shí)間與空虛或者說“解癮”；
搜索型用戶：購物目的較為明確，對(duì)搜索功能的需求遠(yuǎn)大于琳瑯滿目的商品陳設(shè)，他們只是需要一個(gè)簡(jiǎn)單明確的搜索功能，一擊即中；
所以，目前大部分電商產(chǎn)品的首頁架構(gòu)都是搜索框+商品及其相關(guān)陳列。首頁的關(guān)鍵性可想而知，可謂寸土寸金。優(yōu)秀的首頁設(shè)計(jì)能夠激發(fā)客戶購買欲望，如果首頁設(shè)計(jì)讓顧客大失所望，那么顧客就沒有往下進(jìn)行的信心了。
1.1. 2 運(yùn)營入口
我們都知道各個(gè)電商平臺(tái)不論節(jié)日或者各種紀(jì)念日都會(huì)進(jìn)行一些促銷活動(dòng)，這就離不開運(yùn)營的入口。
運(yùn)營入口可以方便運(yùn)營同學(xué)們?cè)谧龃黉N時(shí)快速上線產(chǎn)品，而不需要進(jìn)行軟件的更新，大大提高靈活性與時(shí)間節(jié)約 。這個(gè)運(yùn)營入口需要產(chǎn)品經(jīng)理在首頁上去配置足夠方便靈活的運(yùn)營模塊，可以即時(shí)從后臺(tái)上線運(yùn)營活動(dòng)與商品，也能讓用戶快速明確所做的運(yùn)營活動(dòng)?？瓷蠄D淘寶與京東在首頁上的運(yùn)營模塊展示非常明確！
1.1. 3 層級(jí)
不用說電商產(chǎn)品整體需要有一個(gè)好的層級(jí)關(guān)系，哪怕是小小的一個(gè)購物車功能、產(chǎn)品詳情頁都需要有一個(gè)適合于它自身的層級(jí)關(guān)系。
用戶能很清晰地看到并判斷頁面的內(nèi)容及功能是做什么用的，他該選擇哪里點(diǎn)擊哪里。好的層級(jí)關(guān)系能夠讓用戶清晰地感覺到電商產(chǎn)品的東西及樓層設(shè)計(jì)和特色展示，利于用戶快速找到自己想要的東西。
1.1. 4 氛圍
氛圍其實(shí)是需要放在第一位的，每一個(gè)電商，每一款軟件都有自己的設(shè)計(jì)風(fēng)格和運(yùn)營風(fēng)格。針對(duì)自己面對(duì)的用戶群體、產(chǎn)品定位來設(shè)計(jì)適合自己的產(chǎn)品氛圍尤其重要。
各類人群所喜歡的氛圍都不一樣，如中國大部分人普遍喜愛熱鬧的特點(diǎn)，越熱鬧活躍的氛圍越吸引用戶來使用購買，如淘寶京東等產(chǎn)品的氛圍就特別熱鬧，種類繁多，且物美價(jià)廉；而像網(wǎng)易嚴(yán)選這款產(chǎn)品就偏向于干凈整潔的性冷淡風(fēng)格；寺庫APP就顯得高端華貴一些。好的產(chǎn)品氛圍增加針對(duì)性流量的同時(shí)也提升了銷售價(jià)值。
1.2、設(shè)計(jì)架構(gòu)
1.2.1Native+WebView
Native就是所說的原生開發(fā)的軟件，不明白的同學(xué)可以百度一下：Native App是一種基于智能手機(jī)本地操作系統(tǒng)如iOS、Android、WP并使用原生程式編寫運(yùn)行的第三方應(yīng)用程序，也叫本地app。
WebView就是通過網(wǎng)頁的形式去載入相關(guān)內(nèi)容及功能去跟Native進(jìn)行銜接。
總的來說Native+WebView模式當(dāng)前最主流就是原生App與H5 的混合開發(fā)。畢竟純?cè)浖_發(fā)迭代完成推向廣大用戶時(shí)需要經(jīng)過應(yīng)用商店的審核迭代速度非常慢，所以Native+WebView兩者結(jié)合進(jìn)行框架設(shè)計(jì)可以更加靈活地去調(diào)整軟件所需要顯示的信息，尤其是運(yùn)營的內(nèi)容。
1.2. 2 運(yùn)營實(shí)時(shí)配置內(nèi)容
簡(jiǎn)單的說就是運(yùn)營人員可以通過運(yùn)營后臺(tái)去靈活高效地配置自己所需的運(yùn)營內(nèi)容，就如天貓首頁上的幾個(gè)快速入口圖標(biāo)、部分輪播鏈接等，這些就是通過運(yùn)營實(shí)時(shí)配置的。
1.2. 3 電商完善的后臺(tái)
強(qiáng)大而完善的后臺(tái)可以支持及更新實(shí)時(shí)的配置和內(nèi)容，電商產(chǎn)品由于帶有種類繁多的商品及信息，高頻次及大量的運(yùn)營活動(dòng)，這幾點(diǎn)對(duì)后臺(tái)的完整性有較高的要求。
1.3、商品詳情頁
1.3.購買、加入購物車
希望讓用戶操作的功能始終保持在可見的位置并且足夠顯眼。
看天貓及微店的詳情頁設(shè)計(jì)，頂部是以tab的形式讓用戶更方便地切換去了解商品的信息，底部的加入購物車及購買按鈕的擺放位置及視覺設(shè)計(jì)更方便和刺激用戶去點(diǎn)擊而進(jìn)行目標(biāo)購買。若把購買按鈕放置于其他位置且視覺上與整體頁面相融合，則加大了用戶使用壓力，不利于購買。
1.3. 2 購物車入口
購物車這一個(gè)按鈕在大多數(shù)頁面都會(huì)存在，這一設(shè)計(jì)細(xì)節(jié)的目的就是為了讓用戶能夠隨時(shí)隨地進(jìn)入購物車查看自己所添加的商品 非常有利于縮短用戶的操作，加強(qiáng)用戶體驗(yàn)。
1.4、購物車
1.4.1、空購物車與相關(guān)邏輯（引導(dǎo)+推薦）
空購物車一般會(huì)加一些引導(dǎo)或者推薦信息，而不是提示當(dāng)前購物車為空，讓用戶原地尷尬。好一些的電商產(chǎn)品會(huì)實(shí)時(shí)根據(jù)用戶的操作及瀏覽去智能推薦用戶所感興趣的商品，從而提升自身商品的售賣， 看下圖京東的空購物車，一看相關(guān)推薦就知道筆者是個(gè)酒鬼。
1.4. 2 裝載商品的購物車
裝載了商品的購物車也不僅僅只有當(dāng)前商品的堆疊，為了提高用戶的購買率一般也還會(huì)采用相關(guān)商品的推薦；為了提升用戶的下單量，會(huì)有優(yōu)惠活動(dòng)信息的露出（優(yōu)惠、滿減、滿贈(zèng)等），這些都可以刺激用戶去進(jìn)行消費(fèi)。
1.5、push
1.5. 1 價(jià)值
部分用戶在下載軟件的時(shí)候?yàn)榱吮苊廛浖扑偷拇驍_，會(huì)選擇不允許推送，但其實(shí)在產(chǎn)品設(shè)計(jì)的時(shí)候，只需要考慮push真真切切能給用戶帶來的價(jià)值，就可以防止用戶去關(guān)閉或者保持關(guān)閉；例如在物流信息有大變動(dòng)時(shí)，考慮到用戶等待收貨急切的心理，適當(dāng)進(jìn)行物流信息的推送；在用戶關(guān)注的，經(jīng)常瀏覽的商品有優(yōu)惠折扣時(shí)，找準(zhǔn)時(shí)機(jī)給用戶進(jìn)行推送，這樣的內(nèi)容對(duì)于用戶是比較有價(jià)值比較能接受的。
1.5. 2 內(nèi)容文案
結(jié)合推送的內(nèi)容和目的加以詼諧的方式，給用戶帶去較為吸引的文案內(nèi)容（對(duì)用戶來說有價(jià)值的文案內(nèi)容），用戶就會(huì)去關(guān)注打開。
1.5. 3 推送時(shí)機(jī)
推送的時(shí)機(jī)直接影響了用戶體驗(yàn)，推送的時(shí)機(jī)不對(duì)的話還容易影響到軟件的留存，一些軟件在我晚上睡覺或者午休之后給我推送消息，那么我會(huì)直接關(guān)掉推送或者刪掉軟件，很多情況下會(huì)直接刪掉，因?yàn)殛P(guān)推送的話步驟太麻煩，直接刪除體驗(yàn)好。例如滴滴的推送就比較講究，一般通過他們的數(shù)據(jù)庫分析完我的上下班時(shí)間及交通狀況后給我進(jìn)行推送，那么我確實(shí)會(huì)考慮。
1.6、推薦
有很多推薦功能及推薦邏輯做得好的電商產(chǎn)品，推薦商品在他的總銷售量上會(huì)占有一定的比例，比例的高低也由推薦的形式及邏輯掛鉤。如何去做好推薦這個(gè)功能模塊請(qǐng)看下面 4 點(diǎn)。
1.6. 1 用戶數(shù)據(jù)行為分析
相當(dāng)關(guān)鍵的一點(diǎn)，例如，我在一個(gè)月前買了一管牙膏或者洗發(fā)露，那么在一個(gè)月之后，考慮到我使用的商品已經(jīng)差不多快完了，那么我再登錄到這個(gè)平臺(tái)的時(shí)候，他會(huì)在合適的位置與合適的時(shí)機(jī)給我進(jìn)行牙膏或者洗發(fā)露的推薦，還會(huì)給我推薦不同的品牌的商品給我。
1.6. 2 用戶標(biāo)簽
電商平臺(tái)會(huì)根據(jù)用戶自填的信息及用戶日常所瀏覽購買的商品進(jìn)行用戶分類，例如你是 80 后、 90 后、學(xué)生黨、白領(lǐng)等。這樣去進(jìn)行用戶歸類能更好地區(qū)分開用戶從而更有針對(duì)性，更精準(zhǔn)地去進(jìn)行商品的推薦。
1.6. 3 推薦入口
一般會(huì)在首頁尾部、購物車尾部、商品詳情頁尾部設(shè)置推薦入口，這樣做還是很合理的，在這些地方進(jìn)行一些有趣的、商品相關(guān)聯(lián)的、優(yōu)惠商品的推薦，極大滿足了用戶購物的需求，同時(shí)也讓電商平臺(tái)更好地區(qū)銷售商品實(shí)現(xiàn)利益最大化。
1.6. 4 推薦策略
從用戶的行為中剝離出想要的信心，給適當(dāng)?shù)挠脩敉扑]適當(dāng)?shù)纳唐?，就如上面提到的針?duì)白領(lǐng)及學(xué)生去推薦他們所想要的，能夠去購買的商品，目的也是為了更好地銷售。針對(duì)于推薦策略，大公司都會(huì)有大數(shù)據(jù)的分析，充分的市場(chǎng)、用戶調(diào)研。
2、用戶心理學(xué)
要更好的去銷售，必須想清楚，你的商品，用戶為什么要買單。
2.1、從眾心理
銷量：用戶往往會(huì)去看更多人買的商品，更多人評(píng)價(jià)的商品，因?yàn)橘徺I的數(shù)量一定程度上證明了這個(gè)商品或者這個(gè)平臺(tái)、店鋪受認(rèn)可的程度，銷量高的商品可以降低用戶心理的警惕性，實(shí)現(xiàn)購買動(dòng)作。包括我本人，在電商平臺(tái)購買商品，會(huì)去選擇銷量相對(duì)要高的。
重要元素展示：用戶關(guān)注的東西，感受直觀的信息；例如購買一條褲子，如何在頁面小小的方寸地之間露出能夠吸引用戶的元素，除了銷量之外，是不是綜合評(píng)分也是一個(gè)很有吸引力的信息呢？
2.2、占便宜的天性
占便宜是人的天性，可讓用戶占便宜的方式有：包郵、滿減、滿贈(zèng)、優(yōu)惠券。如天貓超市滿 188 減100；購買服裝時(shí)送 50 元優(yōu)惠券等等，這些都是占便宜的天性，導(dǎo)致促進(jìn)下單量的增加。
2.3、稀缺性
定時(shí)、定量、爆款推薦、閃購等。
很多電商都會(huì)打造一些商品稀缺性的噱頭，在限制了商品數(shù)量、價(jià)格、購買時(shí)間的基礎(chǔ)上讓用戶感受到購買的迫切性大量涌入搶購，增加流量
上一篇 : 網(wǎng)站改版與百度的關(guān)系
下一篇 : 登陸頁面設(shè)計(jì)的技巧