產(chǎn)品詳情頁(yè)是廣州網(wǎng)站建設(shè)中最容易引起用戶共鳴的頁(yè)面，詳情頁(yè)的設(shè)計(jì)很可能直接影響用戶的購(gòu)買行為。所以產(chǎn)品細(xì)節(jié)頁(yè)面的設(shè)計(jì)會(huì)涉及到運(yùn)營(yíng)層面。在美觀實(shí)用的基礎(chǔ)上，要把要表達(dá)的信息盡可能直觀的展示出來(lái)，然后有意識(shí)的避免設(shè)計(jì)和操作的沖突。

　　第一，產(chǎn)品展示圖不能太大，鼠標(biāo)懸停顯示細(xì)節(jié)

　　產(chǎn)品詳細(xì)信息頁(yè)面中的圖片顯示是用戶進(jìn)入頁(yè)面后的第一個(gè)視覺點(diǎn)。有些設(shè)計(jì)師可能會(huì)認(rèn)為，這張圖片的尺寸應(yīng)該盡可能放大，讓用戶一眼就能看到產(chǎn)品概述。但作為設(shè)計(jì)者，也要考慮到正確的文字信息對(duì)用戶的重要性，避免兩者比例出現(xiàn)較大偏差，以減少用戶的視覺不適感。

　　由于圖片和文字的比例關(guān)系，宜家網(wǎng)站使整體看起來(lái)不清晰，圖片周圍的空白與右邊擁擠的文字形成了鮮明的對(duì)比。

　　當(dāng)鼠標(biāo)懸停在圖片上時(shí)，關(guān)于商品的詳細(xì)信息會(huì)出現(xiàn)在圖片的右側(cè)，這是產(chǎn)品詳細(xì)信息頁(yè)面中常見的功能。但在使用過程中會(huì)發(fā)現(xiàn)，即使用戶的鼠標(biāo)不自覺地劃過畫面，細(xì)節(jié)還是會(huì)立刻呈現(xiàn)出來(lái)，或多或少會(huì)影響用戶體驗(yàn)，宜家網(wǎng)站自然解決了這個(gè)問題。

　　點(diǎn)擊后會(huì)顯示宜家的詳細(xì)信息，以免“說(shuō)話算話”的圖片打擾用戶的瀏覽體驗(yàn)。

　　第二，滿足用戶的比價(jià)心理

　　“逛逛”是網(wǎng)購(gòu)群體的消費(fèi)習(xí)慣。所以產(chǎn)品詳情頁(yè)的設(shè)計(jì)也要融入并滿足用戶價(jià)格選擇的心理狀態(tài)。在消費(fèi)心理學(xué)中會(huì)提到，大部分客戶買東西都是基于個(gè)人感受，價(jià)格上可能并不是真的便宜，但是商家可以讓客戶覺得便宜。

　　折扣或優(yōu)惠額度的展示可以使消費(fèi)者的心理發(fā)生微妙的變化。就像當(dāng)當(dāng)網(wǎng)的做法，把原價(jià)和折扣價(jià)對(duì)比，然后直接注明折扣。這種重復(fù)的表達(dá)可以加深用戶對(duì)優(yōu)惠力度的感受。

　　第三，添加共享按鈕

　　社交媒體的力量在今天的營(yíng)銷中不可低估，所以分享按鈕變得至關(guān)重要。在大多數(shù)電子商務(wù)網(wǎng)站上，我們可以看到：

　　分享按鈕設(shè)置在顯示圖片或文字下方，主要分享當(dāng)前頁(yè)面的產(chǎn)品。但實(shí)際上，對(duì)于營(yíng)銷推廣的分享不應(yīng)該僅限于商品本身。

　　比如購(gòu)買成功的記錄，或者買賣雙方有趣的互動(dòng)評(píng)價(jià)，都可以是分享的內(nèi)容，可能比商品本身更有吸引力。

　　四.行動(dòng)呼吁

　　行動(dòng)號(hào)召可以理解為用戶行為的號(hào)召，也就是我們常說(shuō)的用戶引導(dǎo)。《行動(dòng)呼吁》一般從色彩和復(fù)制兩個(gè)角度入手，色彩是最直觀的表現(xiàn)形式。用不同于頁(yè)面環(huán)境的顏色突出顯示，可以吸引用戶的注意力，讓用戶更愿意點(diǎn)擊。價(jià)格、標(biāo)簽和“添加購(gòu)物袋”按鈕都使用鮮玫瑰紅；相比購(gòu)物車，購(gòu)物袋也更加生活化。

　　動(dòng)詞（verb的縮寫）評(píng)價(jià)意見是必要的部分

　　對(duì)互聯(lián)網(wǎng)缺乏信任是大多數(shù)用戶的問題，別人的評(píng)論和建議會(huì)對(duì)當(dāng)時(shí)的購(gòu)買行為產(chǎn)生很大的影響。所以，客戶評(píng)論在電子商務(wù)中不是可選的，而是必須的。

　　天貓自動(dòng)匯總客戶評(píng)論，讓用戶查看更加直觀方便。

　　MUJI網(wǎng)站的產(chǎn)品詳情頁(yè)面在這方面有所欠缺，也許是因?yàn)樗鼘?duì)自己的產(chǎn)品充滿信心？用戶不需要聽其他客戶的評(píng)論！但是作為一個(gè)網(wǎng)站，盡量不要那么冷淡。

　　第六，導(dǎo)航跟隨

　　產(chǎn)品詳情頁(yè)面內(nèi)容較多，需要按照導(dǎo)航設(shè)計(jì)。產(chǎn)品詳情頁(yè)上后續(xù)導(dǎo)航的出現(xiàn)可以為用戶提供極大的便利，但需要設(shè)計(jì)師掌握大小。隱形全面的導(dǎo)航才是用戶真正喜歡的導(dǎo)航。

　　JD。COM的產(chǎn)品詳情頁(yè)無(wú)論是導(dǎo)航顏色還是大小都符合用戶體驗(yàn)，不僅讓用戶瀏覽更加方便，而且不影響用戶的視覺體驗(yàn)。

　　接下來(lái)的美導(dǎo)航以兩種形式出現(xiàn)。一開始是網(wǎng)站的主導(dǎo)航。瀏覽到某個(gè)區(qū)域后，導(dǎo)航自動(dòng)變?yōu)樯唐吩斍閷?dǎo)航。事實(shí)上，這種方法有些多余。當(dāng)用戶已經(jīng)在翻頁(yè)時(shí)，幾乎不需要跳轉(zhuǎn)。另外，在跟隨導(dǎo)航中不需要設(shè)計(jì)二次導(dǎo)航，這樣只會(huì)縮小用戶的視線范圍。

　　七.優(yōu)先功能使用說(shuō)明

　　很多產(chǎn)品細(xì)節(jié)頁(yè)面的品牌情節(jié)太明顯，會(huì)讓用戶覺得商業(yè)色彩太濃，缺乏親切感。折疊上方的產(chǎn)品詳情頁(yè)描述通常會(huì)有新產(chǎn)品或熱門推薦，這與商家最應(yīng)該關(guān)注的用戶體驗(yàn)完全相反，這種行為會(huì)讓用戶反感。

　　GAP的產(chǎn)品詳情頁(yè)面幾乎沒有多余的部分，頁(yè)面內(nèi)容全部圍繞一個(gè)產(chǎn)品展開，為用戶創(chuàng)造了一個(gè)良好舒適的購(gòu)物環(huán)境。

　　八、減少文案，善于展示關(guān)鍵詞

　　研究表明，網(wǎng)上文字信息的用戶有60%是看不懂的，所以我們可以得出結(jié)論，網(wǎng)上出現(xiàn)的文案一定要盡量簡(jiǎn)潔，要善于把握關(guān)鍵詞。

　　國(guó)美在線首先在產(chǎn)品詳情頁(yè)面列出了一系列用戶真正需要了解的重點(diǎn)，然后在接下來(lái)的章節(jié)中詳細(xì)介紹。

　　九、保持頁(yè)面連貫

　　在產(chǎn)品詳情頁(yè)上，從用戶的角度來(lái)說(shuō)，他們需要清楚地了解產(chǎn)品的所有信息，或者如何給自己帶來(lái)利益。因此，產(chǎn)品描述的邏輯順序變得尤為重要，設(shè)計(jì)師可以基于產(chǎn)品描述的認(rèn)知規(guī)律來(lái)考慮這一點(diǎn)。蘇寧. cn的網(wǎng)站展現(xiàn)出流暢的頁(yè)面連貫性和清晰的組織性，讓用戶可以順著線索找到自己需要的部分。

　　十、頁(yè)面不應(yīng)過長(zhǎng)

　　掌握網(wǎng)頁(yè)設(shè)計(jì)的長(zhǎng)度是產(chǎn)品細(xì)節(jié)頁(yè)面設(shè)計(jì)中需要解決的一個(gè)常見問題。過長(zhǎng)的頁(yè)面長(zhǎng)度不僅會(huì)降低網(wǎng)頁(yè)的加載速度，還會(huì)導(dǎo)致用戶的視覺疲勞。一般來(lái)說(shuō)，PC顯示在20屏以內(nèi)，移動(dòng)終端控制在10屏以內(nèi)，也就是4頁(yè)以內(nèi)。

　　一號(hào)店產(chǎn)品詳情頁(yè)的頁(yè)面長(zhǎng)度控制得當(dāng)，相關(guān)事項(xiàng)盡量交代清楚，不添加其他可選組件。