電商寶貝設(shè)計(jì)-商品詳情頁(yè)

本文主題淘寶,淘寶商品電商寶貝設(shè)計(jì),,淘寶問(wèn)答。

產(chǎn)品詳細(xì)頁(yè)面是電商產(chǎn)品訂單轉(zhuǎn)化的核心頁(yè)面，也是構(gòu)建整個(gè)產(chǎn)品信息結(jié)構(gòu)閉環(huán)的關(guān)鍵節(jié)點(diǎn)，它對(duì)全站業(yè)務(wù)分流引導(dǎo)、訂單達(dá)成、提升訂單轉(zhuǎn)化等都有重要意義。

商品詳細(xì)信息頁(yè)面的含義。

1.1順序轉(zhuǎn)換。

無(wú)論是為了促活、引流，還是為了吸引流量，電商所有的第一、第二級(jí)信息和營(yíng)銷活動(dòng)都難以向用戶展示更多的商品信息，加之用戶普遍存在對(duì)電商產(chǎn)品質(zhì)量等信任問(wèn)題，只有把流量引入能夠幫助用戶做出購(gòu)買(mǎi)決定的地方，才能有效地促成訂購(gòu)，促進(jìn)轉(zhuǎn)化。

因此，商品詳情頁(yè)的應(yīng)用場(chǎng)景之一就是向用戶展示a.商品的具體信息，幫助用戶快速了解商品的詳細(xì)信息b.提供售后保障、真品信息等服務(wù)，消除用戶購(gòu)買(mǎi)顧慮c.目前正在進(jìn)行的優(yōu)惠促銷活動(dòng)，激發(fā)用戶的購(gòu)買(mǎi)欲望d.以前購(gòu)買(mǎi)者對(duì)商品的評(píng)價(jià)信息，增加用戶對(duì)商品的信任。通過(guò)通過(guò)引導(dǎo)用戶逐步認(rèn)識(shí)、理解商品—信任商品—購(gòu)買(mǎi)刺激，達(dá)到讓用戶收藏、加入購(gòu)物車或者直接購(gòu)買(mǎi)的目的。

1.2交通分配。

若用戶在了解了商品的詳細(xì)信息之后，仍然認(rèn)為商品不合格，很容易引起跳樓。若商品詳細(xì)信息能根據(jù)用戶以前的購(gòu)買(mǎi)習(xí)慣、喜好、瀏覽歷史綜合分析，最終為用戶精準(zhǔn)推薦同類商品，則可將用戶引向其他商品頁(yè)面，重復(fù)上述場(chǎng)景，既可有效分流降低跳出率，又可構(gòu)建產(chǎn)品閉環(huán)，提升訂購(gòu)轉(zhuǎn)化。

根據(jù)上述商品詳情的意義分析，可以列出以下商品詳情頁(yè)的信息結(jié)構(gòu)：

商品詳情頁(yè)的設(shè)計(jì)。

根據(jù)統(tǒng)計(jì)，有60%的用戶不會(huì)閱讀文字信息，而商品詳情頁(yè)需要說(shuō)明商品是什么，為什么要購(gòu)買(mǎi)等需要傳遞給用戶的信息，文字信息占了一半。所以商品詳情頁(yè)的頁(yè)面設(shè)計(jì)要求信息層次清楚、可讀性強(qiáng)且層次分明；在用戶進(jìn)入商品詳情頁(yè)后，第一屏中顯示的信息能夠讓用戶了解：目前商品的基本信息(什么商品)，有哪些優(yōu)惠和促銷(激發(fā)用戶的購(gòu)買(mǎi)沖動(dòng))，參考如下：

上述信息可以讓用戶了解商品和當(dāng)前購(gòu)買(mǎi)優(yōu)惠，用戶在了解商品的基礎(chǔ)上下訂單還需要了解更多的信息，如商品的規(guī)格尺寸、顏色、退換貨規(guī)則等；其他買(mǎi)家對(duì)商品的評(píng)價(jià)如何，在用戶了解商品基礎(chǔ)信息后，繼續(xù)瀏覽時(shí)，即會(huì)顯示該部分內(nèi)容，即在第一屏顯示之后，可參考如下：

后即是商品詳細(xì)內(nèi)容及依據(jù)今準(zhǔn)推薦商品資料進(jìn)行數(shù)據(jù)分析。詳細(xì)頁(yè)面的信息層次基本上是這樣的。交互式設(shè)計(jì)使用戶可以盡可能快速地查看想要了解的信息內(nèi)容，如下降時(shí)頂部顯示tab切換欄，切換時(shí)錨定位到相應(yīng)位置。TAB切換通道通常是商品詳情頁(yè)的主要信息內(nèi)容：商品，評(píng)估，詳情，推薦。

商品詳情頁(yè)所呈現(xiàn)的信息根據(jù)產(chǎn)品的定位也有很大的不同，比如盒馬生鮮強(qiáng)調(diào)商品新鮮，解決一頓飯問(wèn)題的產(chǎn)品需要讓用戶清楚地知道商品到達(dá)的時(shí)間范圍，所以詳情頁(yè)的內(nèi)容也會(huì)與一般電商的詳情頁(yè)不同。

第三，商品詳細(xì)信息頁(yè)面規(guī)則。

產(chǎn)品詳細(xì)頁(yè)面的信息層次如上，但具體顯示的內(nèi)容，需要在進(jìn)入產(chǎn)品詳細(xì)頁(yè)面時(shí)進(jìn)行判斷，例如：當(dāng)前商品是否有特殊標(biāo)簽(團(tuán)購(gòu)、秒殺等)，可以參加哪些促銷活動(dòng)，優(yōu)惠券的種類，售后是否可以退貨，銷售時(shí)間和區(qū)域是否有限制等等。常見(jiàn)內(nèi)容介紹規(guī)則如下(可以根據(jù)產(chǎn)品特性調(diào)整所有規(guī)則)：

3.1初級(jí)商品圖資料：

商品主圖信息包括：短視頻、圖片、全景圖片等，當(dāng)商品中的同事有不同類型的主圖信息時(shí)，應(yīng)確定優(yōu)先次序。

在主圖信息分頁(yè)按鈕上滑動(dòng)，即翻頁(yè)，翻到最后一頁(yè)時(shí)，進(jìn)入商品詳情頁(yè)。

商品標(biāo)簽：根據(jù)促銷活動(dòng)打出的標(biāo)簽，當(dāng)用戶了解商品的基本信息時(shí)，增加用戶的注意力。例如：限時(shí)秒殺，團(tuán)購(gòu)，折扣(數(shù)值)等等。

3.2貨物價(jià)格。

(a)價(jià)格類型：比較重要的信息，突出文字；輔助價(jià)格信息，例如劃線價(jià)格，作為參考，增加價(jià)格對(duì)用戶的刺激，例如：現(xiàn)行銷售價(jià)、劃線價(jià)格、跨界綜合稅(跨界商品)

(b)價(jià)格標(biāo)簽：根據(jù)產(chǎn)品和商品的特點(diǎn)，可以適當(dāng)顯示價(jià)格標(biāo)簽，例如會(huì)員專享價(jià)等；通常，價(jià)格標(biāo)簽顯示商品價(jià)格有差異(最終售價(jià)、劃線價(jià)格)，如果沒(méi)有價(jià)格差異，則不顯示價(jià)格標(biāo)簽。

3.3商品庫(kù)存信息：庫(kù)存緊張，只剩下X件等內(nèi)容展示；庫(kù)存范圍與展示內(nèi)容相一致，用戶需要盡快下訂單的信息。

3.促銷活動(dòng)，優(yōu)惠券。

(a)系統(tǒng)中的商品符合該時(shí)間的促銷活動(dòng)和優(yōu)惠券在相應(yīng)的區(qū)域顯示出來(lái)；沒(méi)有促銷、優(yōu)惠，則隱藏該區(qū)域。

(b)只有一個(gè)登錄用戶可申請(qǐng)(登錄)，未登記的用戶將被引導(dǎo)登記

優(yōu)惠券顯示優(yōu)先規(guī)則：只顯示部分優(yōu)惠券，通過(guò)Toast彈窗顯示全部?jī)?yōu)惠券；根據(jù)綜合規(guī)則排序，如優(yōu)惠額度大小、生效時(shí)間等。

促銷活動(dòng)排序，按設(shè)置促銷活動(dòng)時(shí)的權(quán)重值顯示。

點(diǎn)擊促銷信息，跳轉(zhuǎn)到與促銷活動(dòng)匹配的商品集合頁(yè)。

3.售后服務(wù)標(biāo)識(shí)

例如：“正品保障”、“平臺(tái)客服”、“無(wú)理由退換貨”等標(biāo)簽按商品屬性展示；“跨境”等部分商品則不提供無(wú)理由退換貨服務(wù)等。

3.6店鋪入口露出：如果商品屬于有店鋪的商家商品，對(duì)應(yīng)店鋪入口露出；點(diǎn)擊跳轉(zhuǎn)到店鋪首頁(yè)。

3.7商品評(píng)估資料：

a評(píng)估資料：評(píng)估總數(shù)、評(píng)估類別、每類其他評(píng)估數(shù)。

(b)默認(rèn)顯示的評(píng)價(jià)信息數(shù)目，評(píng)價(jià)總數(shù)大于默認(rèn)數(shù)目；顯示查看[其他入口]，單擊查看[其他入口]，進(jìn)入評(píng)價(jià)頁(yè)面。

(c)有圖片的評(píng)價(jià)信息：其中文字信息(2-3行)顯示的最多的行數(shù)是圖片默認(rèn)顯示的行數(shù)，單擊將顯示完整的評(píng)價(jià)信息(圖片、分頁(yè)表現(xiàn)、評(píng)價(jià)細(xì)節(jié)等等)

3.底部標(biāo)簽欄：

底標(biāo)欄，即主要操作入口，如：客戶服務(wù)，收藏，購(gòu)物車，加入購(gòu)物車，立即購(gòu)買(mǎi)，貨到通知等。

顯示什么樣的標(biāo)簽欄，取決于商品。

3.推薦商品。

可以向用戶推薦同一類商品(目前的商品類別、用戶瀏覽的品牌、用戶喜好等數(shù)據(jù)分析)，并提供相似商品和配套商品。

4.其他。

雖然不同平臺(tái)、不同商品的信息顯示存在差異，但無(wú)論展示的內(nèi)容是什么，都是基于商品即商品的相關(guān)屬性；因此，商品詳情頁(yè)的內(nèi)容，在進(jìn)入到商品詳情頁(yè)后，即判斷顯示的信息，再按照頁(yè)面的設(shè)計(jì)，在不同的區(qū)域顯示信息內(nèi)容。

最終，商品詳情頁(yè)是轉(zhuǎn)換和分流的重要頁(yè)面，它不只是顯示基本信息，更重要的是商品詳情頁(yè)營(yíng)銷策略，分流推薦。優(yōu)良商品詳細(xì)頁(yè)面，能讓明確購(gòu)買(mǎi)目的的用戶，迅速?zèng)Q定是下訂單購(gòu)買(mǎi)，還是先收藏；讓不明確購(gòu)買(mǎi)目的的用戶能繼續(xù)逛街。正在。

幕思城為您更新最近最有用的電商資訊、電商規(guī)則淘寶,淘寶商品電商寶貝設(shè)計(jì),淘寶問(wèn)答。了解更多電商資訊、行業(yè)動(dòng)向，記得關(guān)注幕思城！

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