淘寶裝修教程:2017淘寶手機(jī)詳情頁怎么裝修?

我們隨處可見復(fù)雜的界面布局，眼花繚亂的產(chǎn)品圖，各種廣告文案。

他們無時無刻不在爭奪你的眼球。

當(dāng)你打開一個聊天應(yīng)用的首頁，你看到的只是一個簡單的聊天列表，他們就等著你做出選擇。

這種情況在淘寶2023年會有所改善，會出現(xiàn)更多的新功能。

從根本上來說，決定你在一個產(chǎn)品中看到什么，取決于你想在產(chǎn)品策略中看到什么，也就是我們通常所說的商業(yè)目的。

從產(chǎn)品最初用途的不同出發(fā)，就會有完全不同的產(chǎn)品外觀。

在買完東西的大原則下，細(xì)分的產(chǎn)品會承載不同場景的用途。

比如購物車就是一個高效的產(chǎn)品，它的存在是為了讓用戶更方便的批量購物。

商品的細(xì)節(jié)被賦予了非常強烈的轉(zhuǎn)化目的，你所做的一切都是為了讓你在這里下單。

在設(shè)計這些商業(yè)目的不同的產(chǎn)品時，會需要不同的設(shè)計思路。

從細(xì)分場景的目的來看，主要有兩點考慮:一是承載用戶的終極購買轉(zhuǎn)化。

第二，當(dāng)用戶無法轉(zhuǎn)化時，會將流量引導(dǎo)、分流到其他同類產(chǎn)品，也就是導(dǎo)流。

除了細(xì)分場景，從一個大閉環(huán)的角度來看，分流也有助于用戶最終找到感興趣的產(chǎn)品。

帶著一個大的商業(yè)目標(biāo)，我們來看看目前版本的手淘詳情在體驗方面是如何與商業(yè)目標(biāo)契合的。

其中，我們可以看到紅色的三塊屬于產(chǎn)品本身的內(nèi)容元素，灰色的部分屬于平臺的基礎(chǔ)功能元素。

那么這三者對轉(zhuǎn)化率有什么影響呢？

帶著這個問題，我們得到了另一組對比數(shù)據(jù)。

選擇一組封閉用戶，查看他們對這三段內(nèi)容的瀏覽行為。

如上圖所示，在抽樣的封閉用戶中，看過基本信息+詳情+評價的用戶比例最高，單獨看過詳情或評價的用戶比只看過基本信息的用戶多很多。

所以我們可以得出結(jié)論，基礎(chǔ)信息的細(xì)節(jié)和評價會直接影響用戶的購買決策！1.問題焦點找到了內(nèi)容和商業(yè)目標(biāo)之間的關(guān)系。

我們再回到產(chǎn)品詳情的界面，看看用戶在瀏覽這三個內(nèi)容時會遇到什么問題。

拋開第一屏不用操作就能直觀看到的基本信息，我們把圖文細(xì)節(jié)和評測條目一一列出，思考問題。

在圖形細(xì)節(jié)的入口，向右滑動一張圖片到最后一張圖片，滑動并釋放進(jìn)入圖形細(xì)節(jié)。

※.優(yōu)勢分析詳情頁頭圖從數(shù)據(jù)上可以看出非常吸引人，用戶滑動大圖也帶動了這個入口進(jìn)入圖文詳情頁的數(shù)據(jù)，狀態(tài)良好，已經(jīng)建立了一定的運營心智。

※缺陷分析入口隱藏太深，無法直擊想看圖文詳情的用戶，運營效率不高。

※.圖形細(xì)節(jié)輸入2:滑動頁面的屏幕23上的位置繼續(xù)拖動并釋放以輸入圖形細(xì)節(jié)。

※.優(yōu)勢分析是操作上的常規(guī)瀏覽方式，內(nèi)容瀏覽順序符合邏輯規(guī)律。

※.缺點分析:頂部業(yè)務(wù)入口太多，模塊展示混亂，需要三屏才能到達(dá)重要內(nèi)容入口，運營效率不高。

※評價入口頁面2屏定位卡※優(yōu)勢分析卡面積大，揭示評價內(nèi)容，點擊效果好※劣勢分析內(nèi)容揭示太少，評價作為商品最有價值的內(nèi)容，往往對消費者的購買決策影響很大，用戶在瀏覽頁面時有隨時查看的需求。

當(dāng)用戶想快速查看圖文詳情時，需要不斷向上滑動評價頁面。

基于以上列舉的網(wǎng)絡(luò)版的優(yōu)缺點，可以看出目前網(wǎng)絡(luò)版三大內(nèi)容之間存在的問題。

如上圖所示，用戶在瀏覽基本信息、評價、圖文詳情時的瀏覽效率較低。

而且基本信息、圖文細(xì)節(jié)、評價對用戶的購買決策影響很大，也是用戶最關(guān)心的內(nèi)容。

提高這三塊內(nèi)容的使用效率，可以對業(yè)務(wù)目標(biāo)的轉(zhuǎn)化率產(chǎn)生積極的作用。

設(shè)計目標(biāo)結(jié)合以上分析，我們得出本次改版的設(shè)計方向是提高用戶在基本信息、圖形細(xì)節(jié)和評價方面的效率。

※.2.設(shè)計方案準(zhǔn)備好了，現(xiàn)在有了目標(biāo)，事情就不再盲目了。

我們將產(chǎn)品細(xì)節(jié)的修改定義為結(jié)構(gòu)性升級，從體驗路徑的角度改造細(xì)節(jié)框架，提高用戶對基礎(chǔ)信息、評價和圖形細(xì)節(jié)的使用效率。

a、內(nèi)容聚焦。

首先，我們將基本信息、圖文詳情、評價、詞條按照用戶關(guān)注的順序聚合到導(dǎo)航欄中，并在導(dǎo)航的最后給出推薦詞條，讓那些對當(dāng)前產(chǎn)品不滿意的用戶可以有更便捷的引導(dǎo)方式，將他們分流到其他產(chǎn)品上，從而轉(zhuǎn)移流量。

滑動上方地圖后會出現(xiàn)導(dǎo)航條，讓用戶可以方便高效地找到想要的內(nèi)容。

頭部用戶非常重視，還集成到全局導(dǎo)航中顯示縮略圖。

無論您瀏覽哪個屏幕，您都可以高效地訪問頭部圖像。

b .既然內(nèi)容扁平化是一種結(jié)構(gòu)升級，那么什么樣的結(jié)構(gòu)效率最高？

解決效率問題，最重要的是縮短體驗路徑。

在導(dǎo)航可以快速查看內(nèi)容的前提下，我們將大部分需要跳轉(zhuǎn)的原頁面直接平鋪在細(xì)節(jié)首頁，這樣瀏覽路徑可以直線進(jìn)行到底。

此時導(dǎo)航的功能不再是常規(guī)的tab形式，而是更高效的頁面定位形式。

當(dāng)然，實際方案的推廣總會出現(xiàn)新的問題。

在最初的設(shè)計方案中，我們堅持了這種扁平化的初衷，將測評內(nèi)容直接平鋪在細(xì)節(jié)首頁。

但是，因為一個爆款產(chǎn)品上萬條的評測內(nèi)容，我們不得不放棄了這個想法。

體驗效率已經(jīng)解決了。

那么我們還能做得更好嗎？

c .更多擴(kuò)展的可能性。

通常用戶在購買不同品類的商品時，需要的決策參考內(nèi)容是不同的。

比如你去買一件衣服，可能你更注重穿起來的效果和質(zhì)量。

這個時候，你需要閱讀圖片和文字的細(xì)節(jié)，最好有買家秀或評價。

當(dāng)你買電腦的時候，你可能會更關(guān)注它的性能。

這時候你需要更詳細(xì)的配置參數(shù)和評測內(nèi)容。

基于這種差異，我們可以在導(dǎo)航中提供擴(kuò)展內(nèi)容的可能性。

比如服裝類產(chǎn)品，可以滲透買手秀的內(nèi)容，給用戶更多中性的參考。

它還可以滲透到電子產(chǎn)品的評估內(nèi)容中。

我們從設(shè)計上定義了導(dǎo)航的延伸位置，作為定制的升級內(nèi)容，我們將其位置排在了推薦之前。

細(xì)節(jié)之后，無論延伸的內(nèi)容是轉(zhuǎn)化內(nèi)容還是導(dǎo)流內(nèi)容，都可以有一個更符合邏輯的定位，同時不干擾基本信息、評價和圖文細(xì)節(jié)。

3.體驗和改善對業(yè)務(wù)指標(biāo)的積極反饋。

回到主題本身，我們從業(yè)務(wù)目標(biāo)入手，分析證明產(chǎn)品的數(shù)據(jù)，最后推導(dǎo)出設(shè)計目標(biāo)。

在線正反饋前期，我們選取了一定數(shù)量的用戶進(jìn)行灰度測試。

從一周的數(shù)據(jù)來看，圖文詳情、推薦、評價的點擊率都有所提升，圖文詳情的打開率翻倍。

推薦之后，用戶的體驗環(huán)節(jié)有了更符合行為邏輯的導(dǎo)流位，這也帶來了新的思考點——推薦作為商家的私域?qū)傩粤髁?，如何幫助商家更高效的發(fā)揮？

這個課題將是我們下一步工作的重點。

當(dāng)然，產(chǎn)品設(shè)計只是商業(yè)世界的一小部分，很多時候設(shè)計的優(yōu)化甚至不能帶來明確的反饋。

對于交易轉(zhuǎn)化率來說，商品本身的影響因素可能更重要。

但放大思維模式，從最本質(zhì)的目的出發(fā)，用設(shè)計手段去引導(dǎo)和提升用戶的體驗，一定會對商業(yè)目標(biāo)產(chǎn)生積極的作用。

對于商品的展示，也可以提供多樣化的展示形式來吸引用戶的注意力，豐富商家的經(jīng)營手段。

商品詳情在過去的2016年，商品呈現(xiàn)形式越來越豐富，這些呈現(xiàn)形式也對我們的經(jīng)營目標(biāo)產(chǎn)生了積極的影響。

全景全景全景全景作為一種全新的呈現(xiàn)形式，最終的呈現(xiàn)效果很大程度上取決于商家的創(chuàng)意。

上圖中模特的搖擺方式是比較常見的呈現(xiàn)形式。

下圖中的商家將左右搖擺圖片的手勢與產(chǎn)品創(chuàng)意相結(jié)合，通過全景的能力更好地展示自己的產(chǎn)品，成為全景項目的經(jīng)典案例。

對于不同的經(jīng)營理念，商品的呈現(xiàn)方式也會多種多樣。

更多關(guān)于淘寶店鋪裝修的知識可以在裝修屋了解！淘寶的詳情頁圖片大小是多少？

這個問題還有疑問的話，可以加幕.思.城火星老師免費咨詢，微.信號是為: msc496。

推薦閱讀：

2021京東全年活動時間表-京東問答電商問答

電商業(yè)界版主自薦干貨：B2C本地化第一步線上-線下雙劍合璧-電商營銷引流電商干貨

網(wǎng)店-客服是關(guān)鍵-電商營銷引流電商干貨

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