張經(jīng)理 / 18665606093
Email / service@2000new.com
掃一掃添加顧問(wèn)
產(chǎn)品詳情頁(yè)是廣州網(wǎng)站建設(shè)中最容易引起用戶(hù)共鳴的頁(yè)面,詳情頁(yè)的設(shè)計(jì)很可能直接影響用戶(hù)的購(gòu)買(mǎi)行為。所以產(chǎn)品細(xì)節(jié)頁(yè)面的設(shè)計(jì)會(huì)涉及到運(yùn)營(yíng)層面。在美觀(guān)實(shí)用的基礎(chǔ)上,要把要表達(dá)的信息盡可能直觀(guān)的展示出來(lái),然后有意識(shí)的避免設(shè)計(jì)和操作的沖突。
第一,產(chǎn)品展示圖不能太大,鼠標(biāo)懸停顯示細(xì)節(jié)
產(chǎn)品詳細(xì)信息頁(yè)面中的圖片顯示是用戶(hù)進(jìn)入頁(yè)面后的第一個(gè)視覺(jué)點(diǎn)。有些設(shè)計(jì)師可能會(huì)認(rèn)為,這張圖片的尺寸應(yīng)該盡可能放大,讓用戶(hù)一眼就能看到產(chǎn)品概述。但作為設(shè)計(jì)者,也要考慮到正確的文字信息對(duì)用戶(hù)的重要性,避免兩者比例出現(xiàn)較大偏差,以減少用戶(hù)的視覺(jué)不適感。
由于圖片和文字的比例關(guān)系,宜家網(wǎng)站使整體看起來(lái)不清晰,圖片周?chē)目瞻着c右邊擁擠的文字形成了鮮明的對(duì)比。
當(dāng)鼠標(biāo)懸停在圖片上時(shí),關(guān)于商品的詳細(xì)信息會(huì)出現(xiàn)在圖片的右側(cè),這是產(chǎn)品詳細(xì)信息頁(yè)面中常見(jiàn)的功能。但在使用過(guò)程中會(huì)發(fā)現(xiàn),即使用戶(hù)的鼠標(biāo)不自覺(jué)地劃過(guò)畫(huà)面,細(xì)節(jié)還是會(huì)立刻呈現(xiàn)出來(lái),或多或少會(huì)影響用戶(hù)體驗(yàn),宜家網(wǎng)站自然解決了這個(gè)問(wèn)題。
點(diǎn)擊后會(huì)顯示宜家的詳細(xì)信息,以免“說(shuō)話(huà)算話(huà)”的圖片打擾用戶(hù)的瀏覽體驗(yàn)。
第二,滿(mǎn)足用戶(hù)的比價(jià)心理
“逛逛”是網(wǎng)購(gòu)群體的消費(fèi)習(xí)慣。所以產(chǎn)品詳情頁(yè)的設(shè)計(jì)也要融入并滿(mǎn)足用戶(hù)價(jià)格選擇的心理狀態(tài)。在消費(fèi)心理學(xué)中會(huì)提到,大部分客戶(hù)買(mǎi)東西都是基于個(gè)人感受,價(jià)格上可能并不是真的便宜,但是商家可以讓客戶(hù)覺(jué)得便宜。
折扣或優(yōu)惠額度的展示可以使消費(fèi)者的心理發(fā)生微妙的變化。就像當(dāng)當(dāng)網(wǎng)的做法,把原價(jià)和折扣價(jià)對(duì)比,然后直接注明折扣。這種重復(fù)的表達(dá)可以加深用戶(hù)對(duì)優(yōu)惠力度的感受。
第三,添加共享按鈕
社交媒體的力量在今天的營(yíng)銷(xiāo)中不可低估,所以分享按鈕變得至關(guān)重要。在大多數(shù)電子商務(wù)網(wǎng)站上,我們可以看到:
分享按鈕設(shè)置在顯示圖片或文字下方,主要分享當(dāng)前頁(yè)面的產(chǎn)品。但實(shí)際上,對(duì)于營(yíng)銷(xiāo)推廣的分享不應(yīng)該僅限于商品本身。
比如購(gòu)買(mǎi)成功的記錄,或者買(mǎi)賣(mài)雙方有趣的互動(dòng)評(píng)價(jià),都可以是分享的內(nèi)容,可能比商品本身更有吸引力。
四.行動(dòng)呼吁
行動(dòng)號(hào)召可以理解為用戶(hù)行為的號(hào)召,也就是我們常說(shuō)的用戶(hù)引導(dǎo)。《行動(dòng)呼吁》一般從色彩和復(fù)制兩個(gè)角度入手,色彩是最直觀(guān)的表現(xiàn)形式。用不同于頁(yè)面環(huán)境的顏色突出顯示,可以吸引用戶(hù)的注意力,讓用戶(hù)更愿意點(diǎn)擊。價(jià)格、標(biāo)簽和“添加購(gòu)物袋”按鈕都使用鮮玫瑰紅;相比購(gòu)物車(chē),購(gòu)物袋也更加生活化。
動(dòng)詞(verb的縮寫(xiě))評(píng)價(jià)意見(jiàn)是必要的部分
對(duì)互聯(lián)網(wǎng)缺乏信任是大多數(shù)用戶(hù)的問(wèn)題,別人的評(píng)論和建議會(huì)對(duì)當(dāng)時(shí)的購(gòu)買(mǎi)行為產(chǎn)生很大的影響。所以,客戶(hù)評(píng)論在電子商務(wù)中不是可選的,而是必須的。
天貓自動(dòng)匯總客戶(hù)評(píng)論,讓用戶(hù)查看更加直觀(guān)方便。
MUJI網(wǎng)站的產(chǎn)品詳情頁(yè)面在這方面有所欠缺,也許是因?yàn)樗鼘?duì)自己的產(chǎn)品充滿(mǎn)信心?用戶(hù)不需要聽(tīng)其他客戶(hù)的評(píng)論!但是作為一個(gè)網(wǎng)站,盡量不要那么冷淡。
第六,導(dǎo)航跟隨
產(chǎn)品詳情頁(yè)面內(nèi)容較多,需要按照導(dǎo)航設(shè)計(jì)。產(chǎn)品詳情頁(yè)上后續(xù)導(dǎo)航的出現(xiàn)可以為用戶(hù)提供極大的便利,但需要設(shè)計(jì)師掌握大小。隱形全面的導(dǎo)航才是用戶(hù)真正喜歡的導(dǎo)航。
JD。COM的產(chǎn)品詳情頁(yè)無(wú)論是導(dǎo)航顏色還是大小都符合用戶(hù)體驗(yàn),不僅讓用戶(hù)瀏覽更加方便,而且不影響用戶(hù)的視覺(jué)體驗(yàn)。
接下來(lái)的美導(dǎo)航以?xún)煞N形式出現(xiàn)。一開(kāi)始是網(wǎng)站的主導(dǎo)航。瀏覽到某個(gè)區(qū)域后,導(dǎo)航自動(dòng)變?yōu)樯唐吩斍閷?dǎo)航。事實(shí)上,這種方法有些多余。當(dāng)用戶(hù)已經(jīng)在翻頁(yè)時(shí),幾乎不需要跳轉(zhuǎn)。另外,在跟隨導(dǎo)航中不需要設(shè)計(jì)二次導(dǎo)航,這樣只會(huì)縮小用戶(hù)的視線(xiàn)范圍。
七.優(yōu)先功能使用說(shuō)明
很多產(chǎn)品細(xì)節(jié)頁(yè)面的品牌情節(jié)太明顯,會(huì)讓用戶(hù)覺(jué)得商業(yè)色彩太濃,缺乏親切感。折疊上方的產(chǎn)品詳情頁(yè)描述通常會(huì)有新產(chǎn)品或熱門(mén)推薦,這與商家最應(yīng)該關(guān)注的用戶(hù)體驗(yàn)完全相反,這種行為會(huì)讓用戶(hù)反感。
GAP的產(chǎn)品詳情頁(yè)面幾乎沒(méi)有多余的部分,頁(yè)面內(nèi)容全部圍繞一個(gè)產(chǎn)品展開(kāi),為用戶(hù)創(chuàng)造了一個(gè)良好舒適的購(gòu)物環(huán)境。
八、減少文案,善于展示關(guān)鍵詞
研究表明,網(wǎng)上文字信息的用戶(hù)有60%是看不懂的,所以我們可以得出結(jié)論,網(wǎng)上出現(xiàn)的文案一定要盡量簡(jiǎn)潔,要善于把握關(guān)鍵詞。
國(guó)美在線(xiàn)首先在產(chǎn)品詳情頁(yè)面列出了一系列用戶(hù)真正需要了解的重點(diǎn),然后在接下來(lái)的章節(jié)中詳細(xì)介紹。
九、保持頁(yè)面連貫
在產(chǎn)品詳情頁(yè)上,從用戶(hù)的角度來(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è)面連貫性和清晰的組織性,讓用戶(hù)可以順著線(xiàn)索找到自己需要的部分。
十、頁(yè)面不應(yīng)過(guò)長(zhǎng)
掌握網(wǎng)頁(yè)設(shè)計(jì)的長(zhǎng)度是產(chǎn)品細(xì)節(jié)頁(yè)面設(shè)計(jì)中需要解決的一個(gè)常見(jiàn)問(wèn)題。過(guò)長(zhǎng)的頁(yè)面長(zhǎng)度不僅會(huì)降低網(wǎng)頁(yè)的加載速度,還會(huì)導(dǎo)致用戶(hù)的視覺(jué)疲勞。一般來(lái)說(shuō),PC顯示在20屏以?xún)?nèi),移動(dòng)終端控制在10屏以?xún)?nèi),也就是4頁(yè)以?xún)?nèi)。
一號(hào)店產(chǎn)品詳情頁(yè)的頁(yè)面長(zhǎng)度控制得當(dāng),相關(guān)事項(xiàng)盡量交代清楚,不添加其他可選組件。
業(yè)務(wù)咨詢(xún):
18665606093服務(wù)監(jiān)督:
郭經(jīng)理 18620727292業(yè)務(wù)郵箱
service@2000new.com招聘郵箱
hr@2000new.com
掃一掃加售前顧問(wèn)