1.用戶進(jìn)入頁面路徑分析
站內(nèi)路徑列舉：
站外路徑列舉：
從站外進(jìn)入商詳頁的新用戶，商詳頁相當(dāng)于首頁，因此要具備商品導(dǎo)航、搜索欄、頻道欄
結(jié)合上方列舉場景，商詳頁重點(diǎn)梳理：
商品價(jià)格
促銷信息
商品基礎(chǔ)信息：圖片、標(biāo)題、運(yùn)費(fèi)、屬性、售后服務(wù)等
立即訂購、加入進(jìn)貨車按鈕，保證能在首屏顯示
2.從新老用戶角度分析
新老用戶解釋：
瀏覽維度：首次訪問網(wǎng)站的用戶，非首次訪問網(wǎng)站的用戶—網(wǎng)站/店鋪的曝光度
交易維度：首次下單采購的用戶、復(fù)購用戶—網(wǎng)站/店鋪的成交率
小結(jié)：
頁面視覺、交互，關(guān)注用戶體驗(yàn)，簡化用戶采購操作
頁面結(jié)構(gòu)、產(chǎn)品功能避免大范圍調(diào)整，考慮老用戶的使用習(xí)慣
此外，商詳頁還需關(guān)注的點(diǎn)：
商品導(dǎo)購信息：商品基礎(chǔ)信息+他人行為（評分、評價(jià)、銷量、收藏?cái)?shù)、分享數(shù)等）
價(jià)格需求延伸：促銷信息要凸顯現(xiàn)價(jià)和原價(jià)的比較，讓用戶明確感知優(yōu)惠了多少
具備采購意向的操作：收藏、咨詢、進(jìn)入進(jìn)貨車、立即訂購
1.商詳頁組件梳理
組件拆分時(shí)，可以結(jié)合實(shí)際場景，拆分到合適的顆粒度。
(以上并非商詳頁全部組件，不同模式，對商詳頁訴求不同)
2.前端組件化平臺
所謂的前端組件化平臺，大家可以理解為管理商詳頁所有抽離出的組件平臺，該平臺主要面向研發(fā)人員或者實(shí)施顧問。
組件與布局的結(jié)合應(yīng)用，搭建出不同主體框架樣式的商詳頁，應(yīng)用至不同的租戶。該平臺具體實(shí)施方法，不再在此描述。主要是分享商詳頁的組件配置思路，而不再僅限于主體框架每次都需研發(fā)人員重新開發(fā)。
當(dāng)然了，組件化配置商詳頁也可以關(guān)聯(lián)到類目，不同的類目，可以配置不同功能和樣式的商詳頁。
3.商詳頁可視化裝修
通過組件化方式配置商詳頁主體框架時(shí)，可以在不同的布局、不同的區(qū)域保留不同的擴(kuò)展點(diǎn)。所謂的擴(kuò)展點(diǎn)，即開放給各店鋪可靈活裝修的區(qū)域。店鋪可以通過產(chǎn)品詳情頁裝修，在商詳頁不同的可裝修區(qū)域（擴(kuò)展點(diǎn)），選擇模塊進(jìn)行可視化裝修。
流程類型：
頁面加載流程
按鈕操作流程。如：立即訂購、進(jìn)入進(jìn)貨車等
1.頁面加載流程
不同狀態(tài)，不同業(yè)務(wù)會對應(yīng)不同的商詳頁，比如：下架商品、詢價(jià)商品、拼團(tuán)商品等等。除此之外，加載時(shí)還需根據(jù)某些信息，展示對應(yīng)的信息。比如：商品的區(qū)域價(jià)、用戶是否登錄，登錄后是否有會員價(jià)等等。
2.按鈕操作流程
商詳頁的一般常見性操作：立即訂購、加入進(jìn)貨車、收藏商品、分享商品、收藏店鋪等等。
對于此類功能性操作按鈕，要注意是否需要進(jìn)行用戶是否登錄、用戶身份及相關(guān)業(yè)務(wù)的要求。
舉例：觸發(fā)立即訂購，結(jié)合當(dāng)前系統(tǒng)的業(yè)務(wù)，需要進(jìn)行：是否登錄、是否風(fēng)險(xiǎn)名單用戶、是否黑名單用戶、起訂規(guī)則是否滿足、配送區(qū)域是否滿足等等規(guī)則校驗(yàn)。
3.規(guī)則提示交互規(guī)范
校驗(yàn)規(guī)則視具體業(yè)務(wù)而定，當(dāng)用戶不滿足某些規(guī)則檢驗(yàn)時(shí)，需給出相應(yīng)提示及告知用戶下一步如何操作。
由于商詳頁，或者整個(gè)商城（如首頁、頻道頁、列表頁等）存在很多規(guī)則校驗(yàn)，建議整理出交互提示規(guī)范，相同或者同類場景，統(tǒng)一交互提示規(guī)范。
以上是商詳頁重構(gòu)，針對降低開發(fā)成本，滿足多企業(yè)多場景對商詳頁訴求的實(shí)踐，希望能給遇到同樣場景的朋友提供不同的解決思路。
此外，在搭建前端組件化時(shí)，若發(fā)展時(shí)機(jī)較好，可以擴(kuò)展為組件交易市場。
QQ客服