京東店鋪首頁(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í)間也思考了一下自己的問題。

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

大公司的產(chǎn)品因?yàn)槿藛T比較專業(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ī)也就滑那么幾下，如果讓用戶找不到他們感興趣的內(nèi)容，用戶很快就會(huì)流失掉。目前大部分電商平臺(tái)都采取了類似的樣式，一頁(yè)的內(nèi)容太少，滑動(dòng)2-3下是比較合理的一個(gè)狀態(tài)。

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

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

二、搜索

1. 點(diǎn)擊前

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

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

2. 點(diǎn)擊后

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

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

3. 頁(yè)面展示

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

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

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

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

4. 常購(gòu)清單

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

下方的為你推薦就是正常的感興趣的內(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)容：

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

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

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

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

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

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

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

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

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

改進(jìn)建議：

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

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

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

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

三、排行榜頁(yè)面

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

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

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

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

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

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

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

總結(jié)：

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

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

四、秒殺、特價(jià)

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

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

五、推薦商品

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

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

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

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

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

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

結(jié)論：

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

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

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

六、結(jié)尾

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

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

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

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

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