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

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

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

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

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

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

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

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

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

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

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

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

有了大的商業(yè)方針，咱們再來看看手淘概況現(xiàn)在版別在體會上與商業(yè)方針的契合度怎么。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

且用戶在檢查圖文概況時想要快速檢查點評需求不斷往上滑動頁面。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

這個課題將成為咱們接下去工作的重點。

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

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

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

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

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

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

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

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

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

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

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

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

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

難題沒解決？加我微信給你講！【僅限淘寶賣家交流運營知識，非賣家不要加我哈】

>

推薦閱讀：

淘寶店女裝外套現(xiàn)在要下架準(zhǔn)備上一款差不多的外套怎么操作？

開淘寶店三天了，直通車也開了，就是沒有訪客，怎么辦？

淘寶檔口直播是怎么回事？入駐認(rèn)證有哪些常見問答？

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