幕思城>電商行情>裝修>店鋪裝修> 如何設(shè)計(jì)脫穎而出的產(chǎn)品詳情頁(yè)？

如何設(shè)計(jì)脫穎而出的產(chǎn)品詳情頁(yè)？

2023-09-18|23:56|發(fā)布在分類 / 店鋪裝修| 閱讀：20

而當(dāng)你翻開(kāi)一個(gè)聊天應(yīng)用的主頁(yè)，你看到的只要一個(gè)簡(jiǎn)單的聊天列表，他們僅僅靜靜地等候你作出選擇。

從根本上來(lái)說(shuō)，決定你在一個(gè)產(chǎn)品中看到什么取決于產(chǎn)品策略上期望你看到什么，也便是咱們通常所說(shuō)的商業(yè)意圖。

從產(chǎn)品原始意圖差異動(dòng)身，便會(huì)有徹底不同的產(chǎn)品相貌。

這也是為么，作為產(chǎn)品規(guī)劃師咱們有必要聊聊從商業(yè)方針動(dòng)身的規(guī)劃。

比方說(shuō)購(gòu)物車是一個(gè)功率型產(chǎn)品，存在的意圖是為了讓用戶更快捷的批量購(gòu)物。

而產(chǎn)品概況則寄托了十分強(qiáng)的轉(zhuǎn)化意圖，所做的一切都是要讓你在這里下單購(gòu)買。

規(guī)劃這些承載了不同商業(yè)意圖的產(chǎn)品時(shí)，會(huì)需求不同的規(guī)劃思路。

在本次2017產(chǎn)品概況的改版晉級(jí)中咱們嘗試從產(chǎn)品的實(shí)質(zhì)動(dòng)身—從商業(yè)方針維度去發(fā)掘規(guī)劃改善方向。

從細(xì)分的場(chǎng)景意圖上來(lái)講，主要有兩方面考量：一是承載用戶終究的購(gòu)買轉(zhuǎn)化。

二是當(dāng)用戶轉(zhuǎn)化不了的時(shí)分將流量引導(dǎo)分配給其他類似產(chǎn)品，也便是分流。

拋開(kāi)細(xì)分場(chǎng)景，從大的閉環(huán)來(lái)講，分流也是為了用戶終究找到感興趣的產(chǎn)品而促成轉(zhuǎn)化。

有了大的商業(yè)方針，咱們?cè)賮?lái)看看手淘概況現(xiàn)在版別在體會(huì)上與商業(yè)方針的契合度怎么。

首要咱們對(duì)產(chǎn)品概況的全體數(shù)據(jù)進(jìn)行一次剖析。

從數(shù)據(jù)上來(lái)看，用戶在產(chǎn)品概況中點(diǎn)擊數(shù)據(jù)排名如上圖所示，其間咱們能夠看到紅色的三塊歸于產(chǎn)品本身內(nèi)容型元素，灰色的部分歸于平臺(tái)根底功能型元素。

而產(chǎn)品內(nèi)容的頭圖，圖文概況，點(diǎn)評(píng)恰恰又在點(diǎn)擊率上要高出其他元素十分多，這說(shuō)明用戶在產(chǎn)品概況中對(duì)產(chǎn)品本身內(nèi)容，頭圖，圖文概況，點(diǎn)評(píng)的關(guān)注度最高。

那么這三者對(duì)轉(zhuǎn)化率的影響怎么樣呢？

帶著這個(gè)疑問(wèn)，咱們拿到了另一組比照數(shù)據(jù)。

抽取一批已成交的用戶去看他們對(duì)這三塊內(nèi)容的閱讀行為。

數(shù)據(jù)結(jié)果如上圖所示，在抽樣的已成交的用戶中，看過(guò)根底信息+概況+點(diǎn)評(píng)的用戶占比最高，且獨(dú)自看過(guò)概況或點(diǎn)評(píng)的用戶會(huì)比只看根底信息的用戶多很多，由此咱們能夠得出結(jié)論—根底信息概況和點(diǎn)評(píng)會(huì)直接影響用戶的購(gòu)買決議計(jì)劃！問(wèn)題聚集發(fā)現(xiàn)了內(nèi)容與商業(yè)方針的相關(guān)，咱們?cè)倩氐疆a(chǎn)品概況的界面本身，看看用戶在閱讀這三大內(nèi)容時(shí)會(huì)遇到什么問(wèn)題。

拋開(kāi)首屏無(wú)需操作就能直觀檢查的根底信息咱們將圖文概況與點(diǎn)評(píng)的進(jìn)口逐個(gè)羅列，并考慮其間的問(wèn)題所在。

圖文概況進(jìn)口一頭圖右滑至最后一張圖片，滑動(dòng)開(kāi)釋進(jìn)入圖文概況。

長(zhǎng)處剖析概況頭圖從數(shù)據(jù)上可看出具有很強(qiáng)的吸引力，用戶滑動(dòng)大圖也帶動(dòng)了這個(gè)進(jìn)口進(jìn)入圖文概況的數(shù)據(jù)，此進(jìn)口數(shù)據(jù)狀況良好且建立了必定的操作心智。

缺點(diǎn)剖析進(jìn)口躲藏過(guò)深不能直接射中想要看圖文概況的用戶，操作功率不高。

圖文概況進(jìn)口二滑動(dòng)頁(yè)面地2-3屏方位持續(xù)拖動(dòng)開(kāi)釋進(jìn)入圖文概況。

長(zhǎng)處剖析操作上歸于一個(gè)慣例閱讀方法，內(nèi)容閱讀次序契合邏輯規(guī)律。

缺點(diǎn)剖析上方業(yè)務(wù)接入過(guò)多，模塊展示雜亂，關(guān)于重要程度較高的內(nèi)容進(jìn)口需求三屏才能觸達(dá)，操作功率不高。

點(diǎn)評(píng)進(jìn)口頁(yè)面地2屏方位卡片長(zhǎng)處剖析卡片面積大，且透出了點(diǎn)評(píng)內(nèi)容，點(diǎn)擊效果不錯(cuò) 缺點(diǎn)剖析內(nèi)容透出過(guò)少，點(diǎn)評(píng)作為產(chǎn)品最有參閱價(jià)值的內(nèi)容往往給顧客的購(gòu)買決議計(jì)劃起很大的影響，用戶在閱讀頁(yè)面的時(shí)分有隨時(shí)檢查的需求。

且用戶在檢查圖文概況時(shí)想要快速檢查點(diǎn)評(píng)需求不斷往上滑動(dòng)頁(yè)面。

歸納上面羅列的線上版別優(yōu)劣，咱們能夠看出現(xiàn)在線上版別三大內(nèi)容之間存在的問(wèn)題，如上圖所示，用戶在閱讀根底信息，點(diǎn)評(píng)，圖文概況的閱讀功率較低。

且根底信息，圖文概況，點(diǎn)評(píng)對(duì)用戶的購(gòu)買決議計(jì)劃有強(qiáng)影響，也是用戶最關(guān)注的內(nèi)容，提高這三塊內(nèi)容之間的運(yùn)用功率能夠?qū)ι虡I(yè)方針轉(zhuǎn)化率發(fā)生活躍的效果。

規(guī)劃方針結(jié)合以上剖析，咱們得到了這次的改版的規(guī)劃方向--提高用戶在根底信息，圖文概況，點(diǎn)評(píng)三者之間的運(yùn)用功率。

規(guī)劃計(jì)劃好了，既然有了方針，那么事情就不再盲目，咱們將本次產(chǎn)品概況的改版界說(shuō)在結(jié)構(gòu)晉級(jí)上，從體會(huì)路徑視點(diǎn)去改造概況結(jié)構(gòu)，提高用戶對(duì)根底信息，點(diǎn)評(píng)，圖文概況的運(yùn)用功率。

內(nèi)容聚集首要，咱們按照用戶關(guān)注度排序?qū)⒏仔畔?，圖文概況，點(diǎn)評(píng)，進(jìn)口聚合，整合到導(dǎo)航欄中，并在導(dǎo)航的最末端給出引薦的進(jìn)口，讓那些對(duì)當(dāng)時(shí)產(chǎn)品并不滿足的用戶能有更快捷的引導(dǎo)方法分流到其他產(chǎn)品去，從而將流量流通起來(lái)。

導(dǎo)航欄在滑動(dòng)過(guò)頭圖后出現(xiàn)，給用戶高效定位想要內(nèi)容的快捷方法。

頭圖用戶關(guān)注度十分高，也整合到全局導(dǎo)航中給出縮略圖展示，不管閱讀到哪一屏都能夠高效進(jìn)入頭圖檢查。

內(nèi)容扁平化既然是結(jié)構(gòu)晉級(jí)，那么什么樣的結(jié)構(gòu)是功率最高的？

解決功率問(wèn)題，最關(guān)鍵的是縮短體會(huì)路徑，在有了導(dǎo)航能夠快速檢查內(nèi)容的前提下，咱們又將原先大部分的需跳轉(zhuǎn)頁(yè)面內(nèi)容直接平鋪在概況主頁(yè)，讓閱讀路徑能夠以一條直線進(jìn)行到底。

這個(gè)時(shí)分，導(dǎo)航的功能就不再是慣例的tab方法，而是更高效的頁(yè)面定位方法。

當(dāng)然，現(xiàn)實(shí)的計(jì)劃推動(dòng)中總會(huì)發(fā)生新的問(wèn)題，在最初的規(guī)劃計(jì)劃中，咱們堅(jiān)持這個(gè)扁平的初衷將點(diǎn)評(píng)的內(nèi)容也直接平鋪在概況主頁(yè)，但一個(gè)爆款產(chǎn)品多則上萬(wàn)的點(diǎn)評(píng)內(nèi)容讓咱們不得不放棄了這個(gè)念頭。

做完上面兩個(gè)改善，在整個(gè)產(chǎn)品概況的結(jié)構(gòu)上有了比較明晰的內(nèi)容構(gòu)成。

體會(huì)功率現(xiàn)已得到解決。

那么還有什么是咱們能夠做的更好的？

更多擴(kuò)展可能性通常情況下用戶在購(gòu)買不同類意圖產(chǎn)品時(shí)，所需求的決議計(jì)劃參閱內(nèi)容是不一樣的。

比方說(shuō)你去買一件衣服，或許你更垂青穿上的效果和質(zhì)量，這個(gè)時(shí)分你會(huì)需求看圖文概況和最好有買家秀或者點(diǎn)評(píng)的內(nèi)容。

你在買一臺(tái)電腦時(shí)或許會(huì)更關(guān)注電腦的性能，這個(gè)時(shí)分你更需求詳細(xì)的配置參數(shù)和評(píng)測(cè)的內(nèi)容。

基于這個(gè)差異，咱們能夠供給在導(dǎo)航進(jìn)步行內(nèi)容的擴(kuò)展的可能性，比方關(guān)于服裝產(chǎn)品咱們能夠額外穿透買家秀的內(nèi)容，給用戶更多中立的參閱。

關(guān)于電子產(chǎn)品也能夠穿透評(píng)測(cè)內(nèi)容。

咱們從規(guī)劃上對(duì)導(dǎo)航的擴(kuò)展位進(jìn)行了界說(shuō)，作為定制彌補(bǔ)內(nèi)容，咱們將它的方位排在引薦前，概況后，不管擴(kuò)展出來(lái)的是轉(zhuǎn)化型內(nèi)容仍是分流型內(nèi)容，都能有比較契合邏輯的定位，一起也不攪擾根底信息，點(diǎn)評(píng)圖文概況三塊主體內(nèi)容。

體會(huì)改善對(duì)商業(yè)指標(biāo)的正反應(yīng) 回到主題本身，咱們從商業(yè)的方針著手，對(duì)產(chǎn)品進(jìn)行數(shù)據(jù)剖析與佐證，并終究推導(dǎo)出規(guī)劃方針。

正反應(yīng) 在上線前期，咱們抽取必定體量的用戶進(jìn)行了灰度測(cè)驗(yàn)，從一周的數(shù)據(jù)來(lái)看，圖文概況，引薦，點(diǎn)評(píng)的點(diǎn)擊率均有不錯(cuò)的提高，其間圖文概況翻開(kāi)率更是翻倍增加。

強(qiáng)化引薦后用戶的體會(huì)鏈路上有了更契合行為邏輯的分流陣地，這也帶來(lái)了一個(gè)新的能夠考慮的點(diǎn)——引薦作為商家私域特點(diǎn)流量，怎么協(xié)助商家更高效的玩轉(zhuǎn)起來(lái)？

這個(gè)課題將成為咱們接下去工作的重點(diǎn)。

當(dāng)然，產(chǎn)品規(guī)劃僅僅是商業(yè)世界中的一小部分，很多時(shí)分規(guī)劃的優(yōu)化乃至不能帶來(lái)清晰的反應(yīng)。

關(guān)于成交轉(zhuǎn)化率來(lái)講，產(chǎn)品本身的影響因素或許愈加重要。

但把考慮的格局放大，從最實(shí)質(zhì)的意圖著手，運(yùn)用規(guī)劃的手法引導(dǎo)和改善用戶的體會(huì)，必定會(huì)對(duì)商業(yè)方針發(fā)生正向的效果。

不得不說(shuō)的題外話跟著互聯(lián)網(wǎng)互動(dòng)方法的發(fā)展，直播，互動(dòng)游戲越來(lái)越多的出現(xiàn)在各類app中。

關(guān)于產(chǎn)品的展示，咱們相同能夠供給多元化的出現(xiàn)方法來(lái)引起用戶的留意，一起豐厚商家的運(yùn)營(yíng)手法。

產(chǎn)品概況在過(guò)去的2016年有了越來(lái)越豐厚的產(chǎn)品出現(xiàn)方法，這些出現(xiàn)方法也對(duì)咱們的商業(yè)方針發(fā)生著活躍的影響。

全景圖作為一種全新的出現(xiàn)方法終究的展示效果很大程度上取決于商家的創(chuàng)意。

上圖中模特的搖擺方法是較為一般的出現(xiàn)方法。

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

關(guān)于不同的商家創(chuàng)意，產(chǎn)品的出現(xiàn)也會(huì)多種多樣。

ar試妝全景圖，ar試妝等新方法在產(chǎn)品概況上的試水，針對(duì)不同品類的產(chǎn)品供給了更多更新潮的產(chǎn)品出現(xiàn)方法，取得了十分不錯(cuò)的效果。

也許在幾年內(nèi)，產(chǎn)品的出現(xiàn)方法將發(fā)生更大的變化，這也將成為淘寶產(chǎn)品概況的挑戰(zhàn)與機(jī)會(huì)。

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

難題沒(méi)解決？加我微信給你講！【僅限淘寶賣家交流運(yùn)營(yíng)知識(shí)，非賣家不要加我哈】