京東店鋪首頁(yè)怎么裝修（網(wǎng)店首頁(yè)裝修思路方案）

當(dāng)我們對(duì)產(chǎn)品設(shè)計(jì)的理解還有所不足的時(shí)候，對(duì)市場(chǎng)上的成熟產(chǎn)品、優(yōu)秀產(chǎn)品進(jìn)行拆解，分析背后的產(chǎn)品設(shè)計(jì)原理以及產(chǎn)品思維，對(duì)我們很有幫助，能夠有效提升我們對(duì)產(chǎn)品的理解。

由于之前面試得到的反饋是對(duì)于產(chǎn)品的深度不夠，所以這段時(shí)間也思考了一下自己的問(wèn)題。

跟朋友聊下來(lái)以后，覺(jué)得自己確實(shí)應(yīng)該好好深入的體驗(yàn)一下各個(gè)大公司的產(chǎn)品。領(lǐng)域的話(huà)我個(gè)人還是對(duì)電商一類(lèi)的比較感興趣，所以我選擇了京東進(jìn)行拆解，希望自己能從里面得到更深層次的感悟。

大公司的產(chǎn)品因?yàn)槿藛T比較專(zhuān)業(yè)、迭代較多次，所以達(dá)到了一個(gè)比較完善的水平，對(duì)于個(gè)人成長(zhǎng)還是很有幫助的，從這些產(chǎn)品的設(shè)計(jì)我們可以想到產(chǎn)品經(jīng)理在設(shè)計(jì)時(shí)的想法。

產(chǎn)品結(jié)構(gòu)圖：

背景信息這里就不給出了，大家一直看千篇一律的東西也得不出什么好的結(jié)論，有興趣的同學(xué)可以自己上網(wǎng)去查。

這次的拆解會(huì)拆解一些我認(rèn)為比較核心的功能，有一些不是很重要的、或者是太普遍的頁(yè)面我就不做拆解了。

一、首頁(yè)頁(yè)面布局

我將首頁(yè)分為3屏：因?yàn)橐话闳嘶瑒?dòng)手機(jī)也就滑那么幾下，如果讓用戶(hù)找不到他們感興趣的內(nèi)容，用戶(hù)很快就會(huì)流失掉。目前大部分電商平臺(tái)都采取了類(lèi)似的樣式，一頁(yè)的內(nèi)容太少，滑動(dòng)2-3下是比較合理的一個(gè)狀態(tài)。

PS：在滑動(dòng)的同時(shí)，搜索框變換形狀，始終保持在頁(yè)面頂部，方便用戶(hù)進(jìn)行搜索。

• 第一屏包括比較重要的內(nèi)容、入口（平臺(tái)認(rèn)為），但是底部留下每日特價(jià)、新品首發(fā)、排行榜等內(nèi)容的標(biāo)題，讓用戶(hù)知道下面還有內(nèi)容，從而促進(jìn)用戶(hù)往下滑。
• 第二屏包括相對(duì)次要的內(nèi)容，品牌閃購(gòu)、種草、直播等在京東目前的優(yōu)先級(jí)不是很高，快報(bào)就更不用說(shuō)了，電商平臺(tái)的快報(bào)基本看的人很少。
• 第三屏是重復(fù)的內(nèi)容（商品介紹），選擇把分類(lèi)吸附在頂部，方便用戶(hù)切換想看內(nèi)容的類(lèi)型。

二、搜索

1. 點(diǎn)擊前

點(diǎn)擊前的搜索框內(nèi)文字滾動(dòng)，內(nèi)容為用戶(hù)感興趣的內(nèi)容（搜索、加購(gòu)、收藏、購(gòu)買(mǎi)過(guò)的內(nèi)容相關(guān)的信息，或者是最近比較熱的內(nèi)容）。

作用：提醒用戶(hù)感興趣的內(nèi)容，讓用戶(hù)更容易點(diǎn)擊搜索框

2. 點(diǎn)擊后

點(diǎn)擊后進(jìn)入搜索頁(yè)面，同時(shí)彈出“長(zhǎng)按說(shuō)出你要的東西”按鈕，幫助懶得打字的用戶(hù)輸入內(nèi)容。增強(qiáng)下單的概率。

點(diǎn)擊后搜索框內(nèi)滾動(dòng)的內(nèi)容不變，鍵盤(pán)上的右下角的按鈕變成可用的“搜索”，可以直接搜索輸入框內(nèi)的內(nèi)容。

3. 頁(yè)面展示

頁(yè)面由搜索歷史和搜索發(fā)現(xiàn)組成。

搜索歷史比較簡(jiǎn)單，這塊就不贅述，主要就是把搜索過(guò)的內(nèi)容保存下來(lái)，點(diǎn)擊跳轉(zhuǎn)到對(duì)應(yīng)搜索內(nèi)容的結(jié)果頁(yè)。

搜索發(fā)現(xiàn)配置了很多標(biāo)簽。分為3類(lèi)：

1. 推薦內(nèi)容的標(biāo)簽，點(diǎn)擊后跳轉(zhuǎn)到對(duì)應(yīng)搜索內(nèi)容的結(jié)果頁(yè)，這個(gè)跟搜索歷史差不多。算法或者運(yùn)營(yíng)會(huì)配置一些最近比較熱門(mén)的詞匯。
2. 活動(dòng)的H5，參考圖上的“京東小魔方”“京東春茶節(jié)”點(diǎn)擊會(huì)跳轉(zhuǎn)到對(duì)應(yīng)內(nèi)容的H5頁(yè)面，促使感興趣的用戶(hù)參加活動(dòng)。
3. 常購(gòu)清單，這個(gè)是我平常沒(méi)有注意到的內(nèi)容。

4. 常購(gòu)清單

頁(yè)面布局：分為常買(mǎi)（買(mǎi)過(guò)1次以上）、可能再會(huì)買(mǎi)（買(mǎi)過(guò)1次），后臺(tái)應(yīng)該是會(huì)把購(gòu)買(mǎi)頻次相對(duì)較高的商品放上去，比如生活用品、水果零食之類(lèi)的，而不是把所有購(gòu)買(mǎi)過(guò)的商品都列上去，那樣不是很合理。

下方的為你推薦就是正常的感興趣的內(nèi)容，這塊我會(huì)在推薦部分來(lái)說(shuō)。

5. 看相似

看相似點(diǎn)擊后頁(yè)面的排布是商品（可點(diǎn)擊）、同店相似內(nèi)容、更多相似內(nèi)容。看相似功能在商品列表中也有應(yīng)用。

優(yōu)先級(jí)上面商品>同店相似內(nèi)容>更多相似內(nèi)容：

• 心理上用戶(hù)想看相似的內(nèi)容，即表明用戶(hù)對(duì)該商品有興趣，所以商品排在第一位。
• 用戶(hù)對(duì)商品的品牌有一定認(rèn)知，所以相對(duì)的，同店的商品在用戶(hù)決策中，可能性會(huì)更高。
• 更多相似推薦是為了防止用戶(hù)在選擇不出想要的內(nèi)容時(shí)，給用戶(hù)提供更多的選擇，同時(shí)給不同的品牌一定的曝光。

總的來(lái)說(shuō)這個(gè)功能還不錯(cuò)，就是入口比較深，用到的概率并不大。

6. 輸入搜索內(nèi)容

當(dāng)用戶(hù)輸入時(shí)，會(huì)進(jìn)行關(guān)鍵詞聯(lián)想。有兩種情況：

1）系統(tǒng)判斷關(guān)鍵詞無(wú)對(duì)應(yīng)分類(lèi)

無(wú)對(duì)應(yīng)分類(lèi)時(shí)，聯(lián)想的詞根據(jù)算法進(jìn)行排序（搜索的頻次、關(guān)聯(lián)程度等等）。

2）系統(tǒng)判斷關(guān)鍵詞有對(duì)應(yīng)分類(lèi)

有對(duì)應(yīng)分類(lèi)時(shí)，優(yōu)先展示對(duì)應(yīng)分類(lèi)在搜索聯(lián)想的最上方。

在搜索聯(lián)想的第五位放入：搜索對(duì)應(yīng)店鋪內(nèi)容，幫助用戶(hù)查看對(duì)應(yīng)的店鋪。

改進(jìn)建議：

可以在搜索發(fā)現(xiàn)內(nèi)容下方新增更多推薦內(nèi)容（直播、資訊、分類(lèi)等）。類(lèi)似淘寶的全網(wǎng)熱榜、考拉的常用分類(lèi)等。

優(yōu)：可以給用戶(hù)更多的選擇。給運(yùn)營(yíng)、商家更多的施展空間。

劣：可能會(huì)使頁(yè)面雜亂，涵蓋信息太多，給用戶(hù)太多選擇導(dǎo)致用戶(hù)放棄選擇。

結(jié)論：搜索頁(yè)面在目前的電商平臺(tái)已經(jīng)相對(duì)完善，但還是有一定的優(yōu)化空間。當(dāng)然做不做，怎么做，是產(chǎn)品經(jīng)理們應(yīng)該權(quán)衡的事情。

三、排行榜頁(yè)面

排行榜算是京東比較有特色的一個(gè)功能了。

京東會(huì)根據(jù)每天的銷(xiāo)量和銷(xiāo)售額計(jì)算排名，每天更新排名。銷(xiāo)量和銷(xiāo)售額的權(quán)重都比較高，從實(shí)際結(jié)果來(lái)看是這樣的。

排行榜的推薦內(nèi)容也是根據(jù)已購(gòu)、加購(gòu)、瀏覽等數(shù)據(jù)進(jìn)行推薦的。

我用京東買(mǎi)書(shū)和數(shù)碼產(chǎn)品比較多，所以相應(yīng)的，推薦給我的書(shū)和數(shù)碼產(chǎn)品比較多。

經(jīng)過(guò)我的驗(yàn)算得出，每個(gè)榜單上面顯示的XXX人買(mǎi)過(guò)，是根據(jù)下一級(jí)頁(yè)面的累計(jì)購(gòu)買(mǎi)人數(shù)之和得出的。

下一級(jí)頁(yè)面中展示30項(xiàng)推薦內(nèi)容，再往下就是其他排行榜以及其他商品的推薦信息。

排行榜的信息還會(huì)展示在商品的詳情頁(yè)中，這個(gè)我們講到商品詳情頁(yè)的時(shí)候會(huì)講到。

總結(jié)：

京東這個(gè)排行榜對(duì)于選擇困難的用戶(hù)是一劑強(qiáng)心針，跟專(zhuān)家推薦、種草有異曲同工之妙，能夠有效促進(jìn)用戶(hù)下單。

但是也存在問(wèn)題，很多不錯(cuò)的商品因?yàn)楸容^冷門(mén)所以無(wú)法上榜，導(dǎo)致效率較差，不過(guò)對(duì)于京東來(lái)說(shuō)，這樣的問(wèn)題應(yīng)該不會(huì)特別大，畢竟上面的商家相對(duì)淘寶來(lái)說(shuō)沒(méi)有那么復(fù)雜，品類(lèi)也比較好把控。

四、秒殺、特價(jià)

秒殺和特價(jià)給人一種占便宜的感覺(jué)，秒殺部分設(shè)置了倒計(jì)時(shí)，給用戶(hù)一種緊迫感，讓用戶(hù)下單。秒殺和特價(jià)封面的內(nèi)容也是根據(jù)用戶(hù)精準(zhǔn)推薦的，寫(xiě)出了優(yōu)惠的價(jià)格，對(duì)用戶(hù)吸引力比較大。

試下一下一件你喜歡的東西，正好秒殺價(jià)，而且過(guò)了時(shí)間就回復(fù)原價(jià)了，你是不是會(huì)想要買(mǎi)呢？

五、推薦商品

用戶(hù)使用推薦商品這個(gè)功能，來(lái)源于用戶(hù)不知道選擇什么東西，需要讓平臺(tái)提供給用戶(hù)選擇。這個(gè)就跟我們?cè)诠浣忠粯拥模覀儾恢酪I(mǎi)什么，但是看到有趣的東西我們也會(huì)買(mǎi)一樣。

商品展示上：京東給予商品很多標(biāo)簽，主要分為以下幾類(lèi)：

1. 京東自營(yíng)、京東超市、京東物流、京東精選。體現(xiàn)商品的權(quán)威性以及物流的即時(shí)。
2. 粉絲價(jià)、折扣價(jià)、PLUS會(huì)員價(jià)。讓用戶(hù)感覺(jué)便宜，提高用戶(hù)成為粉絲和PLUS會(huì)員開(kāi)通率。
3. 新品、有優(yōu)惠券、免息。用于促進(jìn)用戶(hù)消費(fèi)。
4. 榜單。上面說(shuō)了排行榜是京東的特色，除排行榜以外，京東還有基于個(gè)人的好物榜。用權(quán)威促進(jìn)用戶(hù)下單。
5. 特定標(biāo)簽。類(lèi)似：設(shè)計(jì)大咖的沉淀、商場(chǎng)同款等內(nèi)容，加深用戶(hù)對(duì)商品的認(rèn)識(shí)，從而引起用戶(hù)注意。

京東也會(huì)在瀑布流的商品中添加一些活動(dòng)的H5，特定品類(lèi)商品的推薦、其他京東系的頁(yè)面、用戶(hù)調(diào)研等等。

商家也可以通過(guò)PS自己商品的封面，達(dá)到告知用戶(hù)產(chǎn)品正在促銷(xiāo)、有優(yōu)惠的目的，吸引用戶(hù)前來(lái)下單。這個(gè)操作的空間就比較大了，不過(guò)京東后臺(tái)應(yīng)該會(huì)審核，畢竟平臺(tái)的內(nèi)容還是要保持相對(duì)統(tǒng)一的，不能誰(shuí)都亂來(lái)，那樣用戶(hù)體驗(yàn)就差了。

而這一些，都是通過(guò)京東強(qiáng)大的后臺(tái)來(lái)管理的。

結(jié)論：

關(guān)于商品推薦這部分，京東、淘寶、考拉海淘都做的差不多，但是京東和考拉在商品的頁(yè)面上沒(méi)有銷(xiāo)售數(shù)量，而淘寶有。

京東在頁(yè)面上分期、免息的內(nèi)容放的相對(duì)較少，而阿里系淘寶和考拉在頁(yè)面上分期免息的內(nèi)容比比皆是，這可能也跟阿里大力推花唄有關(guān)系吧。

這些大平臺(tái)在設(shè)計(jì)的時(shí)候，考慮的不單單是自己的因素，還考慮了很多公司生態(tài)層面的東西，這就要求我們?cè)谧霎a(chǎn)品的時(shí)候站在更高的角度去看問(wèn)題。

六、結(jié)尾

本文只是我的一點(diǎn)小小的感想，有問(wèn)題歡迎各位指正。

拆解的話(huà)就先拆一個(gè)首頁(yè)吧，后續(xù)的拆解我會(huì)通過(guò)競(jìng)品分析的形式來(lái)做，這樣能更直觀的看到各個(gè)平臺(tái)的差別，體會(huì)不同公司產(chǎn)品經(jīng)理的想法。

下一期我會(huì)對(duì)電商平臺(tái)的商品詳情頁(yè)進(jìn)行對(duì)比研究，歡迎關(guān)注。

這個(gè)問(wèn)題還有疑問(wèn)的話(huà)，可以加幕.思.城火星老師免費(fèi)咨詢(xún)，微.信號(hào)是為: msc496。

更多資訊請(qǐng)關(guān)注幕 思 城。