電商寶貝設計-商品詳情頁

本文主題淘寶,淘寶商品電商寶貝設計,,淘寶問答。

產品詳細頁面是電商產品訂單轉化的核心頁面，也是構建整個產品信息結構閉環(huán)的關鍵節(jié)點，它對全站業(yè)務分流引導、訂單達成、提升訂單轉化等都有重要意義。

商品詳細信息頁面的含義。

1.1順序轉換。

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

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

1.2交通分配。

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

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

商品詳情頁的設計。

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

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

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

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

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

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

3.1初級商品圖資料：

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

在主圖信息分頁按鈕上滑動，即翻頁，翻到最后一頁時，進入商品詳情頁。

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

3.2貨物價格。

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

(b)價格標簽：根據(jù)產品和商品的特點，可以適當顯示價格標簽，例如會員專享價等；通常，價格標簽顯示商品價格有差異(最終售價、劃線價格)，如果沒有價格差異，則不顯示價格標簽。

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

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

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

(b)只有一個登錄用戶可申請(登錄)，未登記的用戶將被引導登記

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

促銷活動排序，按設置促銷活動時的權重值顯示。

點擊促銷信息，跳轉到與促銷活動匹配的商品集合頁。

3.售后服務標識

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

3.6店鋪入口露出：如果商品屬于有店鋪的商家商品，對應店鋪入口露出；點擊跳轉到店鋪首頁。

3.7商品評估資料：

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

(b)默認顯示的評價信息數(shù)目，評價總數(shù)大于默認數(shù)目；顯示查看[其他入口]，單擊查看[其他入口]，進入評價頁面。

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

3.底部標簽欄：

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

顯示什么樣的標簽欄，取決于商品。

3.推薦商品。

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

4.其他。

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

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

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

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