以淘寶和京東為例,從產(chǎn)品設(shè)計淺析電商巨頭的內(nèi)容化設(shè)計

(2)差異點
① 從功能設(shè)計上看
淘寶向內(nèi)容電商轉(zhuǎn)型更完全,從將商品類別分類功能刪去可見。淘寶已經(jīng)有足夠的GMV,現(xiàn)在的目的就是想讓消費者“逛”,在內(nèi)容的海洋中邊看邊“種草”?,F(xiàn)在的淘寶是集合頭條、微博、公眾號于一身。而京東在內(nèi)容化的進程中,仍保留商品品類分類功能,只不過將其優(yōu)先級降低一些,其仍有傳統(tǒng)電商的蹤跡。這樣的設(shè)計與二者產(chǎn)品用戶性別比例有關(guān)。男性用戶一般購物時的目的性比較明確,相對應(yīng)的耐心較低,想要快速找到自己想要的東西;而女性則相反,她們更偏愛“逛”,看看有什么東西是好東西就想買,購買行為感性因素較大。
② 從內(nèi)容豐富度上看
淘寶更勝一籌,但相對應(yīng)的,產(chǎn)品結(jié)構(gòu)復(fù)雜度也更大一些。內(nèi)容偏向性不同,京東以3C商品、男性產(chǎn)品為主,淘寶內(nèi)容偏向于生活類、女性產(chǎn)品為主,從首頁模塊化分類以及微淘、覓Me的首頁精選等多處都可見。這點契合其電商的定位和主要用戶群的特征。
4. 框架層
(1)淘寶頭條 & 京東日報
相同點:
淘寶頭條和京東快報都放置在較高優(yōu)先級,且在頁面中的位置也相同,首頁頂部banner下方。
二者都引入大量自媒體生產(chǎn)專業(yè)內(nèi)容,在每篇文章中穿插商品鏈接,且在文末推薦相關(guān)資訊。這樣做可以在觀看目的性沒有那么強的東西時會不自覺放下抵抗和挑剔心理,更容易接受事物。在頭條中由于沒有目的性的看,又缺少參照物,很容易就將時間耗在里面了,延長用戶的停留時間,就越有可能發(fā)生消費行為。
不同點:
交互設(shè)計上的不同。淘寶頭條在底部添加水平泳道來顯示更多推薦,相對比更出彩些。
內(nèi)容鏈接深度不同。二者在每篇文章的底部都加入了發(fā)現(xiàn)更多內(nèi)容的功能,頭條是進入相關(guān)領(lǐng)域頻道,如美搭頻道,可見頭條將內(nèi)容根據(jù)不同頻道劃分,每個頻道下諸多自媒體在該領(lǐng)域生產(chǎn)內(nèi)容,內(nèi)容豐富、架構(gòu)相對復(fù)雜。京東日報底部的發(fā)現(xiàn)更多資訊則是直接跳轉(zhuǎn)到覓界面,而不是垂直化深入內(nèi)容推薦。
推薦商品的不同。淘寶頭條底部推薦的商品幾乎是消費者瀏覽過或者買過的商品,通過瀏覽記錄和購買記錄對用戶實現(xiàn)個性化推薦,因此每次點擊文章會出現(xiàn)不同的商品推薦;京東日報的猜你喜歡則是根據(jù)該文章內(nèi)容中的商品來推薦的,同一篇文章的推薦商品是相同的。
內(nèi)容分類。頭條有很多內(nèi)容分類,日報無分類。京東將日報作為覓的一個引流,要發(fā)現(xiàn)更多內(nèi)容,來覓Me。后者這樣的內(nèi)容安排有利有弊,利在于內(nèi)容相對集中,結(jié)構(gòu)簡單,用戶不至于看的眼花繚亂。弊端在于內(nèi)容深度和廣度不夠。
個人想法:
淘寶頭條中的訂閱部分可以展示已訂閱號最近的一條信息,提高用戶點擊進去的概率。訂閱的目的有二:一是為了獲得并完善用戶的興趣和社交屬性,在頭條中優(yōu)先展示感興趣的內(nèi)容,加大“種草”概率,為其更精準投放商品信息,二是增強用戶對平臺的粘性。因此應(yīng)用最少步驟讓用戶觸達內(nèi)容,所以建議在訂閱頁面就展示最近的一條信息,減少操作步驟。
在京東日報頁面增加每篇文章所屬標簽,比如文章講的是豆豆鞋,則封面圖的左上角標注“風尚”標簽,此處標簽與覓Me的二級導(dǎo)航標簽一致。這樣的標記會使用戶快速明確文章主題,提高用戶點擊進去看的概率,雖然橫屏大圖能夠充分吸引用戶注意力,但是頁面中都是大圖則會分散注意力,加快滑動瀏覽的速度。
日報頁面與覓Me頁面增加不同的交互設(shè)計,特別是日報頁面,比如添加水平泳道支持橫向滑動,這樣做可以突出該部分內(nèi)容,又提高了該頁面交互的趣味。
模塊化專題內(nèi)容展示:
集中在首頁展示。電商內(nèi)容化最顯著的地方就是商品的分類不單只是單純的通過商品品類分類,而是以一個抽象專題來概括。淘寶和京東均采用模塊化專題結(jié)構(gòu)方式將圖文推薦和商品結(jié)合,京東對每個模塊內(nèi)的內(nèi)容分類展現(xiàn)更明確細致,讓消費者一眼就知道這個大專題里有哪些小專題,小專題具體是指哪方面。淘寶則采用比較模糊曖昧的說法。
相關(guān)文章
- 簡單而片面的說,爬蟲就是由計算機自動與服務(wù)器交互獲取數(shù)據(jù)的工具,這篇文章主要想談?wù)勁老x獲取數(shù)據(jù)的這一部分。爬蟲請注意網(wǎng)站的Robot.txt文件,不要讓爬蟲違法,也不要2017-12-18
- 設(shè)計師可能無法減少App加載頁面的等待時間,但是可以讓等待時間變得有趣~,本文主要為大家淺淡App加載頁面的等待體驗設(shè)計技巧,有興趣的朋友們就來了解下吧2017-12-15
- 表單無論實在網(wǎng)頁設(shè)置中,還是在APP、應(yīng)用程序、軟件界面中都被廣泛運行,從而一個好的表單設(shè)計就非常重要了,本文主要為大家分享幾個交互好且轉(zhuǎn)化率高的表單設(shè)計技巧,有2017-11-20
適配iPhone X要點:十分鐘快速掌握iPhone X UI界面適配技巧
目前,第一批預(yù)約iPhone X手機的朋友們已經(jīng)拿到真機了,目前還沒有適配iPhone X的應(yīng)用運營商,相信都在加班加點適配呢,本文為大家?guī)砹诉m配iPhone X的要點,讓你十分鐘快2017-11-08如何讓網(wǎng)頁可讀性更強?善用F式布局設(shè)計增強網(wǎng)頁可讀性方法解答
雖然網(wǎng)頁排版方式千變?nèi)f化,但是布局方式通常都遵循著幾種常見的規(guī)則,F(xiàn)式布局式設(shè)計能夠增強網(wǎng)頁可讀性,這種說法是有跡可循的,本文就為大家介紹如何運用F式布局,有興趣2017-11-08- 在網(wǎng)頁的設(shè)計中表單都是界面中最常見,也是最重要的組件之一,對于設(shè)計師、前端和開發(fā)者而言,應(yīng)當對于表單的設(shè)計盡量多上心,讓它們更加易用,細致的設(shè)計對于用戶的體驗、2017-10-26
登錄頁面怎么設(shè)計更好?登錄頁面設(shè)計的15個心理學(xué)策略
有很多東西下意識地影響了我們的日常決策,這里面很多都是微妙的心理因素在起作用,大家都知道用戶體驗設(shè)計跟心理學(xué)相關(guān),甚至?xí)苯佑绊懏a(chǎn)品的轉(zhuǎn)化率,那么,登錄頁面怎么2017-10-10網(wǎng)站評論模塊怎么設(shè)計 10個關(guān)鍵點告訴你如何設(shè)計產(chǎn)品評論模塊
網(wǎng)站不僅內(nèi)容很重要,評論模塊同樣也很重要,那么,網(wǎng)站評論模塊怎么設(shè)計呢?對此,本文就為大家詳細介紹10個關(guān)鍵點告訴你如何設(shè)計產(chǎn)品評論模塊,有興趣的朋友們就來了解下2017-09-25網(wǎng)站導(dǎo)航設(shè)計怎么才是符合搜索引擎優(yōu)化?SEO網(wǎng)站導(dǎo)航建設(shè)技巧分享
搭建網(wǎng)站的任何細節(jié)都需要考慮到是否利于SEO優(yōu)化,在網(wǎng)站導(dǎo)航設(shè)計的過程中,我們應(yīng)該怎么樣進行操作才是符合搜索引擎優(yōu)化的呢?對此,本文就為大家進行簡單解答2017-09-21- 在做網(wǎng)站設(shè)計的過程當中,很多人可能會對于頁腳這個方面產(chǎn)生忽略,但是實際上在我們平時的使用下來的整體的分析數(shù)據(jù)表明,頁腳對于一個網(wǎng)站來說還是有非常重要的作用的,那2017-09-04