商品詳情頁(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)銷(xiāo)活動(dòng)，不管是出于促活、引流，還是拉新的目的，都很難呈現(xiàn)更多的商品信息給用戶(hù)，加之用戶(hù)對(duì)電商產(chǎn)品質(zhì)量等信任問(wèn)題普遍存在的情況下，唯有將流量引入可以幫助做購(gòu)買(mǎi)決策的地方，才能有效地促成訂購(gòu)，提升轉(zhuǎn)化。

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

　　1.2 流量分發(fā)

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

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

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

　　之后便是商品詳情內(nèi)容和依據(jù)數(shù)據(jù)分析今準(zhǔn)推薦的商品信息。詳情頁(yè)面的信息層級(jí)基本如此。交互上的設(shè)計(jì)盡可能讓用戶(hù)可快速查看想了解的信息內(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)商品新鮮、解決一頓飯問(wèn)題的產(chǎn)品需要讓用戶(hù)明確知曉商品送達(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)、秒殺等）、商品可參加什么促銷(xiāo)、優(yōu)惠券、售后是否可退可換、商品配送時(shí)間和地區(qū)是否有限制等信息。以下就常見(jiàn)的內(nèi)容介紹規(guī)則（所有規(guī)則可根據(jù)產(chǎn)品特性做調(diào)整）：

　　3.1 商品主圖信息：

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

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

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

　　3.2 商品價(jià)格

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

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

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

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

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

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

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

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

　　e. 單擊促銷(xiāo)信息，跳轉(zhuǎn)至符合該促銷(xiāo)活動(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à)分類(lèi)、每類(lèi)別的評(píng)價(jià)數(shù)

　　b.評(píng)價(jià)信息默認(rèn)展開(kāi)展示的數(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)物車(chē)、加入購(gòu)物車(chē)、立即購(gòu)買(mǎi)、貨到通知等

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

　　3.9 推薦商品

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

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