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

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

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

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

1.1順序轉(zhuǎn)換。

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

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

1.2交通分配。

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

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

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

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

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

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

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

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

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

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

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

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

商品標(biāo)簽：根據(jù)促銷活動(dòng)打出的標(biāo)簽，當(dāng)用戶了解商品的基本信息時(shí)，增加用戶的注意力。例如：限時(shí)秒殺，團(tuán)購，折扣(數(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à)格)，如果沒有價(jià)格差異，則不顯示價(jià)格標(biāo)簽。

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

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

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

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

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

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

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

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

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

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

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à)頁面。

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

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

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

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

3.推薦商品。

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

4.其他。

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

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

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

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