幕思城 > 電商行情 > 客服 > 客服知識(shí) > 淘寶裝修教程:2017淘寶手機(jī)詳情頁(yè)怎么裝修?

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

    2023-01-20 | 20:42 | 發(fā)布在分類(lèi) / 客服知識(shí) | 閱讀:69

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

    他們無(wú)時(shí)無(wú)刻不在爭(zhēng)奪你的眼球。

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

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

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

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

    在買(mǎi)完?yáng)|西的大原則下,細(xì)分的產(chǎn)品會(huì)承載不同場(chǎng)景的用途。

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

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

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

    從細(xì)分場(chǎng)景的目的來(lái)看,主要有兩點(diǎn)考慮:一是承載用戶的終極購(gòu)買(mǎi)轉(zhuǎn)化。

    第二,當(dāng)用戶無(wú)法轉(zhuǎn)化時(shí),會(huì)將流量引導(dǎo)、分流到其他同類(lèi)產(chǎn)品,也就是導(dǎo)流。

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

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

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

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

    帶著這個(gè)問(wèn)題,我們得到了另一組對(duì)比數(shù)據(jù)。

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

    如上圖所示,在抽樣的封閉用戶中,看過(guò)基本信息+詳情+評(píng)價(jià)的用戶比例最高,單獨(dú)看過(guò)詳情或評(píng)價(jià)的用戶比只看過(guò)基本信息的用戶多很多。

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

    我們?cè)倩氐疆a(chǎn)品詳情的界面,看看用戶在瀏覽這三個(gè)內(nèi)容時(shí)會(huì)遇到什么問(wèn)題。

    拋開(kāi)第一屏不用操作就能直觀看到的基本信息,我們把圖文細(xì)節(jié)和評(píng)測(cè)條目一一列出,思考問(wèn)題。

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

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

    ※缺陷分析入口隱藏太深,無(wú)法直擊想看圖文詳情的用戶,運(yùn)營(yíng)效率不高。

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

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

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

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

    當(dāng)用戶想快速查看圖文詳情時(shí),需要不斷向上滑動(dòng)評(píng)價(jià)頁(yè)面。

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

    如上圖所示,用戶在瀏覽基本信息、評(píng)價(jià)、圖文詳情時(shí)的瀏覽效率較低。

    而且基本信息、圖文細(xì)節(jié)、評(píng)價(jià)對(duì)用戶的購(gòu)買(mǎi)決策影響很大,也是用戶最關(guān)心的內(nèi)容。

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

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

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

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

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

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

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

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

    無(wú)論您瀏覽哪個(gè)屏幕,您都可以高效地訪問(wèn)頭部圖像。

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

    解決效率問(wèn)題,最重要的是縮短體驗(yàn)路徑。

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

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

    當(dāng)然,實(shí)際方案的推廣總會(huì)出現(xiàn)新的問(wèn)題。

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

    但是,因?yàn)橐粋€(gè)爆款產(chǎn)品上萬(wàn)條的評(píng)測(cè)內(nèi)容,我們不得不放棄了這個(gè)想法。

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

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

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

    通常用戶在購(gòu)買(mǎi)不同品類(lèi)的商品時(shí),需要的決策參考內(nèi)容是不同的。

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

    這個(gè)時(shí)候,你需要閱讀圖片和文字的細(xì)節(jié),最好有買(mǎi)家秀或評(píng)價(jià)。

    當(dāng)你買(mǎi)電腦的時(shí)候,你可能會(huì)更關(guān)注它的性能。

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

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

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

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

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

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

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

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

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

    從一周的數(shù)據(jù)來(lái)看,圖文詳情、推薦、評(píng)價(jià)的點(diǎn)擊率都有所提升,圖文詳情的打開(kāi)率翻倍。

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

    這個(gè)課題將是我們下一步工作的重點(diǎn)。

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

    對(duì)于交易轉(zhuǎn)化率來(lái)說(shuō),商品本身的影響因素可能更重要。

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

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

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

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

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

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

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

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

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

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

    推薦閱讀:

    2021京東全年活動(dòng)時(shí)間表-京東問(wèn)答電商問(wèn)答

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

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

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

    發(fā)表評(píng)論

    別默默看了 登錄 \ 注冊(cè) 一起參與討論!

      微信掃碼回復(fù)「666