商品詳情頁是電商產(chǎn)品訂單轉(zhuǎn)化的關(guān)鍵頁面，也是構(gòu)造整個產(chǎn)品信息架構(gòu)閉環(huán)的關(guān)鍵節(jié)點，對全站流量的分流引導(dǎo)、訂購達(dá)成、提升訂購轉(zhuǎn)化有著重要的意義。

　　一、商品詳情頁意義

　　1.1 訂購轉(zhuǎn)化

　　電商所有的一、二信息層級和營銷活動，不管是出于促活、引流，還是拉新的目的，都很難呈現(xiàn)更多的商品信息給用戶，加之用戶對電商產(chǎn)品質(zhì)量等信任問題普遍存在的情況下，唯有將流量引入可以幫助做購買決策的地方，才能有效地促成訂購，提升轉(zhuǎn)化。

　　所以商品詳情頁的應(yīng)用場景之一就是向用戶展示 a.商品具體信息 ，幫助用戶快速了解商品詳情 b. 提供的售后保障、正品信息等服務(wù)，消除用戶的購買擔(dān)憂 c. 當(dāng)前存在的優(yōu)惠促銷活動 ，刺激用戶購買欲望 d.以往購買者對商品的評價信息，增加用戶對商品的信任 。 以此循序漸進(jìn)的引導(dǎo)用戶，從認(rèn)識、了解商品——信任商品——購買刺激，達(dá)到讓用戶收藏、加入購物車或直接購買的目的。

　　1.2 流量分發(fā)

　　如果用戶在了解商品詳情后，依然認(rèn)為商品不符合要求，很容易導(dǎo)致跳出。如果，商品詳情能根據(jù)用戶以往購買習(xí)慣、喜好、瀏覽歷史綜合分析，最終精準(zhǔn)的為用戶推薦同類商品，就可以將用戶引入其他商品頁面，重復(fù)上面所說的場景，既可以有效的分流降低跳出率 構(gòu)造產(chǎn)品閉環(huán)，又可以提升訂購轉(zhuǎn)化。

　　二、商品詳情頁面設(shè)計

　　據(jù)統(tǒng)計，60%的文字信息用戶不會閱讀，而商品詳情頁需要介紹商品是什么、為什么買等需要傳達(dá)給用戶的信息，其中文字信息占半壁江山。因此商品詳情頁的頁面設(shè)計需要信息層級清晰、可讀性高、扁平化；讓用戶進(jìn)入商品詳情頁之后，第一屏展示的信息就能讓用戶知道：當(dāng)前商品的基本信息（什么商品）、有什么優(yōu)惠和促銷活動（刺激用戶購買沖動）。

　　之后便是商品詳情內(nèi)容和依據(jù)數(shù)據(jù)分析今準(zhǔn)推薦的商品信息。詳情頁面的信息層級基本如此。交互上的設(shè)計盡可能讓用戶可快速查看想了解的信息內(nèi)容，如下滑時頂部即露出tab 切換欄，切換時錨點定位至對應(yīng)位置。tab切換的頻道通常為商品詳情頁主要信息內(nèi)容：商品、評價、詳情、推薦

　　根據(jù)產(chǎn)品的定位，商品詳情頁呈現(xiàn)的信息也有較大差別，如盒馬生鮮強(qiáng)調(diào)商品新鮮、解決一頓飯問題的產(chǎn)品需要讓用戶明確知曉商品送達(dá)的時間范圍，所以詳情頁內(nèi)容也會區(qū)別于一般電商詳情頁。

　　三、商品詳情頁規(guī)則

　　商品詳情頁信息層級如上，但是具體展示什么內(nèi)容，需要在進(jìn)入商品詳情頁時判斷，如：當(dāng)前商品是否有特殊標(biāo)簽（團(tuán)購、秒殺等）、商品可參加什么促銷、優(yōu)惠券、售后是否可退可換、商品配送時間和地區(qū)是否有限制等信息。以下就常見的內(nèi)容介紹規(guī)則（所有規(guī)則可根據(jù)產(chǎn)品特性做調(diào)整）：

　　3.1 商品主圖信息：

　　a.商品主圖信息包括：短視頻、圖片、全景圖片等，當(dāng)商品同事具有不同類型的主圖信息時，優(yōu)先順序要確定。

　　b. 主圖信息分頁按鈕，滑動即翻頁，翻至最后一頁時，進(jìn)入商品詳情頁面

　　c. 商品標(biāo)簽：根據(jù)促銷活動打標(biāo)，在用戶了解商品基本信息時，增加用戶的關(guān)注。如： 限時秒殺、團(tuán)購、折扣（數(shù)值）等

　　3.2 商品價格

　　a. 價格類型： 比較重要的信息，文字高亮； 劃線價格等輔助價格信息做參照，增加價格對用戶的刺激，如： 當(dāng)前銷售價、劃線價、跨境綜合稅（跨境商品）

　　b. 價格標(biāo)簽： 根據(jù)產(chǎn)品和商品的特性，可適當(dāng)露出價格標(biāo)簽，如會員專享價等; 價格標(biāo)簽一般在商品價格有對比（最終銷售價格、劃線價格）情況下展示，如果沒有價格對比，不展示標(biāo)簽

　　3.3 商品庫存信息：庫存緊張、僅剩X件等內(nèi)容展示;庫存范圍對應(yīng)展示內(nèi)容，傳單用戶需要盡快下單的信息

　　3.4 促銷活動、優(yōu)惠券

　　a.系統(tǒng)中商品符合該時間的促銷活動、和優(yōu)惠券，就在對應(yīng)區(qū)域展示；沒有促銷、優(yōu)惠，該區(qū)域隱藏

　　b.僅登錄用戶可領(lǐng)，未注冊（登錄），則引導(dǎo)用戶注冊（登錄）

　　c. 優(yōu)惠券展示與優(yōu)先規(guī)則： 僅露出部分優(yōu)惠券，全部優(yōu)惠券通過Toast彈窗展示；按照優(yōu)惠額度大小、生效時間等綜合規(guī)則進(jìn)行排序

　　d .促銷活動排序，按照設(shè)置活動時的權(quán)重值展示

　　e. 單擊促銷信息，跳轉(zhuǎn)至符合該促銷活動的商品集合頁面

　　3.5 售后服務(wù)標(biāo)簽

　　如：【正品保障、平臺客服、無理由退換貨/不支持無理由退換貨】 等標(biāo)簽按照商品屬性展示； 部分商品如跨境商品，一般不提供無理由退換貨服務(wù)等

　　3.6 商家店鋪入口露出： 如果商品屬于有店鋪的商家商品，對應(yīng)露出店鋪入口； 單擊可跳轉(zhuǎn)至店鋪首頁

　　3.7 商品評價信息：

　　a 評價信息： 總評價數(shù)、評價分類、每類別的評價數(shù)

　　b.評價信息默認(rèn)展開展示的數(shù)量，評價總數(shù)超過默認(rèn)數(shù)量；露出查看【更多入口】，單擊查看更多，則進(jìn)入評價頁面

　　c. 有圖片的評價信息： 其中文字信息最多展示的行數(shù)（2-3行） 圖片默認(rèn)展示的數(shù)量，單擊則浮層展示評價的全部信息（圖片、分頁表現(xiàn)、評價詳細(xì)內(nèi)容等）

　　3.8 底部標(biāo)簽欄：

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

　　展示什么標(biāo)簽欄，視商品而定

　　3.9 推薦商品

　　可為用戶推薦相同品類的商品（當(dāng)前商品品類、用戶瀏覽過的品牌、用戶喜好等數(shù)據(jù)分析），以及類似商品和配套商品的。

　　4.0其他

　　不同平臺、不同商品展示的信息有差異，但不管展示什么內(nèi)容，都是依據(jù)商品即商品相關(guān)屬性； 所以商品詳情頁的內(nèi)容，在進(jìn)入商品詳情頁時即判斷展示的信息，再根據(jù)頁面的設(shè)計，在不同區(qū)域分別露出信息內(nèi)容。

　　最后，商品詳情頁是轉(zhuǎn)化和分流的重要頁面，不僅僅需要展示基本信息，更重要的是商品詳情頁的營銷策略、推薦分流。好的商品詳情頁，可以讓明確購買目的的用戶，快速決策是否下單購買、或者先收藏；讓不明確購買目的 的用戶可以繼續(xù)逛起來。在設(shè)計自己產(chǎn)品商詳頁時，需要根據(jù)產(chǎn)品特性、用戶場景針對性規(guī)劃信息架構(gòu)，最大可能的的提高轉(zhuǎn)化，構(gòu)造流程閉環(huán)。