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

　　一、商品詳情頁(yè)意義

　　1.1 訂購(gòu)轉(zhuǎn)化

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

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

　　1.2 流量分發(fā)

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

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

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

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

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

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

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

　　3.1 商品主圖信息：

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

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

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

　　3.2 商品價(jià)格

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

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

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

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

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

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

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

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

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

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

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

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

　　3.7 商品評(píng)價(jià)信息：

　　a 評(píng)價(jià)信息： 總評(píng)價(jià)數(shù)、評(píng)價(jià)分類、每類別的評(píng)價(jià)數(shù)

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

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

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

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

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

　　3.9 推薦商品

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

　　4.0其他

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

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