可成功獲取客戶的電商網(wǎng)站產(chǎn)品頁設(shè)計-第二部分
可成功獲取客戶的電商網(wǎng)站產(chǎn)品頁設(shè)計-第二部分
有效的電商產(chǎn)品頁面布局設(shè)計剖析--可直接使用的好用的設(shè)計以提升你的電商網(wǎng)站
設(shè)計消費者喜歡的并且讓他們有消費欲望的電商產(chǎn)品頁面布局是一件非常有挑戰(zhàn)的事情。
我應(yīng)該從哪里開始？
怎樣的設(shè)計對“我的消費者”來說才是最好的？
怎樣才能從眾多競爭者中脫穎而出？
如果你也有同樣的困擾，本文將為你解答這些疑問。
我們有自己的電商網(wǎng)站，在轉(zhuǎn)化最優(yōu)化方面非常有經(jīng)驗。
本文中，我們將與你分享一些已經(jīng)經(jīng)過試驗的方法，你可以借鑒來改進(jìn)自己的產(chǎn)品頁，提升銷售量。
我們還開發(fā)了幾種現(xiàn)成的電商產(chǎn)品頁設(shè)計，你可以立即用到自己的電商網(wǎng)站中。
如果你還沒有閱讀本文的第一部分，那么我建議你先去讀一下，這樣才能更好地理解本篇的內(nèi)容。
可成功獲取客戶的電商網(wǎng)站產(chǎn)品頁設(shè)計--電商產(chǎn)品頁必須擁有的八個要素
附注：這些現(xiàn)成的產(chǎn)品頁面設(shè)計是基于對消費者行為的研究而形成的。當(dāng)然不同的網(wǎng)站和不同的業(yè)務(wù)類型可能導(dǎo)致結(jié)果有所不同。這份列表只是給你一個起點，你可以在此基礎(chǔ)上改善自己的網(wǎng)站。你可以不斷測試不同的方法來進(jìn)一步優(yōu)化你的網(wǎng)站。
下面正式進(jìn)入第二部分的內(nèi)容。
第二部分：有效的電商產(chǎn)品頁面布局設(shè)計剖析
你可以立即拿來使用的設(shè)計
我們更看重好的科研與和行之有效的方法，而不是無形的所謂的天才設(shè)計。
說實話，并不是每個人都天生就有設(shè)計和色彩搭配技巧，所以我們也不會為你強塞各種設(shè)計理論。
80/20法則是學(xué)習(xí)成功電商網(wǎng)站的經(jīng)驗，了解對方成功的原因，并思考對自己有哪些啟發(fā)。
既然已經(jīng)有了好的示范，為什么還要從零開始呢？
我們先來回顧一下第一部分內(nèi)容中提到的成功的電商產(chǎn)品頁設(shè)計必須具備的八個因素。
1.好看的且包含相應(yīng)信息的產(chǎn)品圖片
2.有用且有趣的產(chǎn)品說明
3.產(chǎn)品使用演示視頻
4.清晰的價格顯示
5.清晰的添加到購物車按鈕
6.展示客戶評論與打分
7.說明不確定性
8.顯示相關(guān)及推薦產(chǎn)品
下面我們來看如何將這些元素成功地融入到產(chǎn)品頁面布局中，以達(dá)到優(yōu)化你的電商網(wǎng)站的目的。
#1.如何按照重要性排序
有的信息比其他信息更重要，因為它是消費者最關(guān)心的內(nèi)容，對他們的購物決定有非常大的影響。
確認(rèn)哪些信息對消費者來說更重要并把它們放在產(chǎn)品頁上最顯眼的位置，是非常重要的。
那么我們應(yīng)該怎么做？
基本上，產(chǎn)品頁布局可以分為兩部分：
首屏顯示--頁面加載完畢后無需向下滾動即可看到的內(nèi)容。
非首屏顯示--頁面加載完畢后需向下滾動才可看到的內(nèi)容。
100%的訪問者會看到首屏顯示內(nèi)容，因為這些內(nèi)容是直接顯示在屏幕上的。
研究表明，人們在向下滾動頁面時對相應(yīng)的內(nèi)容關(guān)注較少。
因此，決定這八個因素中的哪些應(yīng)該放在首屏顯示內(nèi)容中是非常重要的一步。
1.首屏顯示的因素
以下的六個因素毫無疑問是你的消費者最關(guān)心的問題。
1.產(chǎn)品圖片：既然我們討論的是網(wǎng)購，你的產(chǎn)品圖片是你能提供給消費者的僅次于親自觸摸、試用產(chǎn)品的體驗。高質(zhì)量的圖片必須是消費者打開產(chǎn)品頁之后第一眼看到的東西。
2.價格：不管是給自己買昂貴的禮物還是便宜的日用品，我們對于價格都是敏感的。不管消費者多喜歡你的產(chǎn)品，如果超出預(yù)算，他們是不會買的。最好把你的產(chǎn)品價格放在顯眼的位置。如果沒法一眼看到價格，那真是太糟心了。
3.不同版本產(chǎn)品展示（如果有的話）：如果你的產(chǎn)品有很多不同的版本（顏色、圖案等），展示這些不同的版本會讓你的銷售上漲58%。不要只是簡單地羅列顏色或者圖案選項。消費者都是視覺動物，記住這一點。
4.添加到購物車按鈕：產(chǎn)品頁的第一大任務(wù)是讓消費者點擊添加到購物車按鈕。一定要確保它是頁面上最顯眼的元素之一。
5.客戶打分：85%的消費者會在購物前閱讀客戶評價�？炜煸诿黠@的地方展示客戶評價吧。
6.說明不確定性：50%的消費者表示，他們不網(wǎng)購是因為他們有很多疑問--這件產(chǎn)品適合我嗎？--物流要走多久？--退貨流程復(fù)雜嗎？一定要把這些問題的解答都顯示在首屏內(nèi)容中，比如提供一個尺碼表或者一個直達(dá)物流和退貨政策的鏈接。
更多細(xì)節(jié)：這里還有更多的內(nèi)容可以展開講，如果想更深入地了解相關(guān)內(nèi)容，請轉(zhuǎn)至本文第一部分。
下面我們來詳細(xì)分析一下應(yīng)該放在非首屏顯示的內(nèi)容。
隨后，我們會展示一些電子商務(wù)產(chǎn)品頁面布局設(shè)計，你可以借鑒來幫助你的業(yè)務(wù)增長。
2.不在首屏顯示的因素
以下四個因素可以不在首屏顯示，但也會對你的銷售造成影響。
1.產(chǎn)品說明：79%的消費者是瀏覽者而不是閱讀者，所以要提供一個簡短版的介紹，比如這樣：“全能通用”或者“響應(yīng)緩沖”，讓他們能夠快速了解產(chǎn)品的優(yōu)點。對那些需要更多信息的消費者，你要準(zhǔn)備一個更長一點的版本來說明產(chǎn)品的優(yōu)點。
2.產(chǎn)品展示視頻：31%的消費者會被產(chǎn)品視頻說服而去購買相關(guān)產(chǎn)品。這是僅次于讓銷售人員到你家門口為你演示應(yīng)該如何使用產(chǎn)品的體驗。
3.客戶評價：85%的消費者在購物前會閱讀評價。網(wǎng)購總會伴隨著各種各樣的疑問。這是為什么認(rèn)真收集好評和差評能夠幫助消費者下定決定購物。當(dāng)人們覺得從評論中得到了足夠的信息，他們一般會采取相應(yīng)的行動。
4.推薦產(chǎn)品：這是交叉銷售其他產(chǎn)品的好方法--比如亞馬遜在這方面做得非常好。推薦或類似產(chǎn)品能從兩方面幫助消費者：（1）如果消費者不喜歡正在查看的產(chǎn)品，你可以為他們展示類似的他們可能真正在尋找的產(chǎn)品；（2）如果他們喜歡正在查看的產(chǎn)品，你可以為他們提供更多類似或者互補的產(chǎn)品。這對于你和你的消費者來說是一個雙贏的局面。
更多細(xì)節(jié)：這里還有更多的內(nèi)容可以展開講，如果想更深入地了解相關(guān)內(nèi)容，請轉(zhuǎn)至本文第一部分。
現(xiàn)在你已經(jīng)了解了產(chǎn)品頁應(yīng)該包括哪些內(nèi)容，下面我們來學(xué)習(xí)一下這些因素應(yīng)該怎樣放置才能為潛在消費者帶來更好的購物體驗。
#2. 有效的電子商務(wù)產(chǎn)品頁面布局+隨時可用的示例模板
簡約是優(yōu)秀的產(chǎn)品頁設(shè)計的關(guān)鍵。
想要消費者快速準(zhǔn)確地找到他們想要的信息，過度設(shè)計和過度擁擠是產(chǎn)品頁設(shè)計中一定要避免的。
像前面提到的，既然已經(jīng)有了好的示范，為什么還要從零開始呢？
下面是一些經(jīng)過實踐的優(yōu)秀的設(shè)計范例，讓我們來看看它們到底優(yōu)秀在哪里，思考一下對你自己的電商網(wǎng)站有哪些啟示。
我們將為你展示：
1.三大你應(yīng)該使用的電商產(chǎn)品頁面布局設(shè)計
2.決定哪一種最適合你的店鋪
3.從哪里能找到這些模板并立刻使用
產(chǎn)品頁布局#1--普遍適用版
這個布局設(shè)計是普遍適用的，可以用來銷售很多產(chǎn)品。
人們的閱讀習(xí)慣是從左到右，圖片放在左邊的話能立即抓住消費者的注意力。
產(chǎn)品頁布局#2--專注于圖片
這個產(chǎn)品頁布局強調(diào)的無疑是產(chǎn)品。
如果你銷售的是創(chuàng)意類或者是很有美感的產(chǎn)品--比如家具、珠寶、手工制品等，這個設(shè)計非常合適。
產(chǎn)品頁布局#--專注于性能
這個布局設(shè)計適用于那些專注細(xì)節(jié)和功能的產(chǎn)品。
比如軟件、技術(shù)涉筆、機械零件等。
當(dāng)產(chǎn)品的功能性比外觀更重要時，產(chǎn)品說明和規(guī)格是非常重要的。
我們的第一個電商網(wǎng)站從零銷售額到六位數(shù)，只用了兩年。所以我們完全理解從零開始建設(shè)電商網(wǎng)站的酸甜苦辣。
我們并不是生來就有“電商”方面的經(jīng)驗，但在失敗了無數(shù)次后，我們發(fā)現(xiàn)，要成功，就要從別人那里學(xué)習(xí)。
優(yōu)化你的產(chǎn)品頁布局是提升銷售的最快方法之一。這并不是你能做的唯一的事情，卻是你最應(yīng)該首先做的事情之一。
可以拿來測試和優(yōu)化電商網(wǎng)站的方法有很多。我們建議不要一次性測試或者改變10個或者20個網(wǎng)站元素。相反，我們建議你先關(guān)注重要的事情，比如優(yōu)化產(chǎn)品頁設(shè)計，創(chuàng)建一個優(yōu)秀的主頁、分類頁、付款頁等。
一旦你做好了這些基礎(chǔ)的事情，你就可以繼續(xù)研究轉(zhuǎn)化策略相關(guān)的事情了。記住，一次只改變一兩處即可，這樣才能輕松發(fā)現(xiàn)哪處改動有用、哪處沒用。
有效的電商產(chǎn)品頁面布局設(shè)計剖析--可直接使用的好用的設(shè)計以提升你的電商網(wǎng)站
設(shè)計消費者喜歡的并且讓他們有消費欲望的電商產(chǎn)品頁面布局是一件非常有挑戰(zhàn)的事情。
我應(yīng)該從哪里開始？
怎樣的設(shè)計對“我的消費者”來說才是最好的？
怎樣才能從眾多競爭者中脫穎而出？
如果你也有同樣的困擾，本文將為你解答這些疑問。
我們有自己的電商網(wǎng)站，在轉(zhuǎn)化最優(yōu)化方面非常有經(jīng)驗。
本文中，我們將與你分享一些已經(jīng)經(jīng)過試驗的方法，你可以借鑒來改進(jìn)自己的產(chǎn)品頁，提升銷售量。
我們還開發(fā)了幾種現(xiàn)成的電商產(chǎn)品頁設(shè)計，你可以立即用到自己的電商網(wǎng)站中。
如果你還沒有閱讀本文的第一部分，那么我建議你先去讀一下，這樣才能更好地理解本篇的內(nèi)容。
可成功獲取客戶的電商網(wǎng)站產(chǎn)品頁設(shè)計--電商產(chǎn)品頁必須擁有的八個要素
附注：這些現(xiàn)成的產(chǎn)品頁面設(shè)計是基于對消費者行為的研究而形成的。當(dāng)然不同的網(wǎng)站和不同的業(yè)務(wù)類型可能導(dǎo)致結(jié)果有所不同。這份列表只是給你一個起點，你可以在此基礎(chǔ)上改善自己的網(wǎng)站。你可以不斷測試不同的方法來進(jìn)一步優(yōu)化你的網(wǎng)站。
下面正式進(jìn)入第二部分的內(nèi)容。
第二部分：有效的電商產(chǎn)品頁面布局設(shè)計剖析
你可以立即拿來使用的設(shè)計
我們更看重好的科研與和行之有效的方法，而不是無形的所謂的天才設(shè)計。
說實話，并不是每個人都天生就有設(shè)計和色彩搭配技巧，所以我們也不會為你強塞各種設(shè)計理論。
80/20法則是學(xué)習(xí)成功電商網(wǎng)站的經(jīng)驗，了解對方成功的原因，并思考對自己有哪些啟發(fā)。
既然已經(jīng)有了好的示范，為什么還要從零開始呢？
我們先來回顧一下第一部分內(nèi)容中提到的成功的電商產(chǎn)品頁設(shè)計必須具備的八個因素。
第一部分：你的產(chǎn)品頁必須的八個因素
1.好看的且包含相應(yīng)信息的產(chǎn)品圖片
2.有用且有趣的產(chǎn)品說明
3.產(chǎn)品使用演示視頻
4.清晰的價格顯示
5.清晰的添加到購物車按鈕
6.展示客戶評論與打分
7.說明不確定性
8.顯示相關(guān)及推薦產(chǎn)品
下面我們來看如何將這些元素成功地融入到產(chǎn)品頁面布局中，以達(dá)到優(yōu)化你的電商網(wǎng)站的目的。
#1.如何按照重要性排序
有的信息比其他信息更重要，因為它是消費者最關(guān)心的內(nèi)容，對他們的購物決定有非常大的影響。
確認(rèn)哪些信息對消費者來說更重要并把它們放在產(chǎn)品頁上最顯眼的位置，是非常重要的。
那么我們應(yīng)該怎么做？
基本上，產(chǎn)品頁布局可以分為兩部分：
首屏顯示--頁面加載完畢后無需向下滾動即可看到的內(nèi)容。
非首屏顯示--頁面加載完畢后需向下滾動才可看到的內(nèi)容。
100%的訪問者會看到首屏顯示內(nèi)容，因為這些內(nèi)容是直接顯示在屏幕上的。
研究表明，人們在向下滾動頁面時對相應(yīng)的內(nèi)容關(guān)注較少。
因此，決定這八個因素中的哪些應(yīng)該放在首屏顯示內(nèi)容中是非常重要的一步。
1.首屏顯示的因素
以下的六個因素毫無疑問是你的消費者最關(guān)心的問題。
92%的消費者在購買某件產(chǎn)品時是基于以下六個因素決定的--所以一定要注意！
1.產(chǎn)品圖片：既然我們討論的是網(wǎng)購，你的產(chǎn)品圖片是你能提供給消費者的僅次于親自觸摸、試用產(chǎn)品的體驗。高質(zhì)量的圖片必須是消費者打開產(chǎn)品頁之后第一眼看到的東西。
2.價格：不管是給自己買昂貴的禮物還是便宜的日用品，我們對于價格都是敏感的。不管消費者多喜歡你的產(chǎn)品，如果超出預(yù)算，他們是不會買的。最好把你的產(chǎn)品價格放在顯眼的位置。如果沒法一眼看到價格，那真是太糟心了。
3.不同版本產(chǎn)品展示（如果有的話）：如果你的產(chǎn)品有很多不同的版本（顏色、圖案等），展示這些不同的版本會讓你的銷售上漲58%。不要只是簡單地羅列顏色或者圖案選項。消費者都是視覺動物，記住這一點。
4.添加到購物車按鈕：產(chǎn)品頁的第一大任務(wù)是讓消費者點擊添加到購物車按鈕。一定要確保它是頁面上最顯眼的元素之一。
5.客戶打分：85%的消費者會在購物前閱讀客戶評價�？炜煸诿黠@的地方展示客戶評價吧。
6.說明不確定性：50%的消費者表示，他們不網(wǎng)購是因為他們有很多疑問--這件產(chǎn)品適合我嗎？--物流要走多久？--退貨流程復(fù)雜嗎？一定要把這些問題的解答都顯示在首屏內(nèi)容中，比如提供一個尺碼表或者一個直達(dá)物流和退貨政策的鏈接。
更多細(xì)節(jié)：這里還有更多的內(nèi)容可以展開講，如果想更深入地了解相關(guān)內(nèi)容，請轉(zhuǎn)至本文第一部分。
下面我們來詳細(xì)分析一下應(yīng)該放在非首屏顯示的內(nèi)容。
隨后，我們會展示一些電子商務(wù)產(chǎn)品頁面布局設(shè)計，你可以借鑒來幫助你的業(yè)務(wù)增長。
2.不在首屏顯示的因素
以下四個因素可以不在首屏顯示，但也會對你的銷售造成影響。
這四個因素是“配角”，可以幫助拿下那些還在猶豫到底要不要買、只差臨門一腳的消費者。
1.產(chǎn)品說明：79%的消費者是瀏覽者而不是閱讀者，所以要提供一個簡短版的介紹，比如這樣：“全能通用”或者“響應(yīng)緩沖”，讓他們能夠快速了解產(chǎn)品的優(yōu)點。對那些需要更多信息的消費者，你要準(zhǔn)備一個更長一點的版本來說明產(chǎn)品的優(yōu)點。
2.產(chǎn)品展示視頻：31%的消費者會被產(chǎn)品視頻說服而去購買相關(guān)產(chǎn)品。這是僅次于讓銷售人員到你家門口為你演示應(yīng)該如何使用產(chǎn)品的體驗。
3.客戶評價：85%的消費者在購物前會閱讀評價。網(wǎng)購總會伴隨著各種各樣的疑問。這是為什么認(rèn)真收集好評和差評能夠幫助消費者下定決定購物。當(dāng)人們覺得從評論中得到了足夠的信息，他們一般會采取相應(yīng)的行動。
4.推薦產(chǎn)品：這是交叉銷售其他產(chǎn)品的好方法--比如亞馬遜在這方面做得非常好。推薦或類似產(chǎn)品能從兩方面幫助消費者：（1）如果消費者不喜歡正在查看的產(chǎn)品，你可以為他們展示類似的他們可能真正在尋找的產(chǎn)品；（2）如果他們喜歡正在查看的產(chǎn)品，你可以為他們提供更多類似或者互補的產(chǎn)品。這對于你和你的消費者來說是一個雙贏的局面。
更多細(xì)節(jié)：這里還有更多的內(nèi)容可以展開講，如果想更深入地了解相關(guān)內(nèi)容，請轉(zhuǎn)至本文第一部分。
現(xiàn)在你已經(jīng)了解了產(chǎn)品頁應(yīng)該包括哪些內(nèi)容，下面我們來學(xué)習(xí)一下這些因素應(yīng)該怎樣放置才能為潛在消費者帶來更好的購物體驗。
#2. 有效的電子商務(wù)產(chǎn)品頁面布局+隨時可用的示例模板
簡約是優(yōu)秀的產(chǎn)品頁設(shè)計的關(guān)鍵。
想要消費者快速準(zhǔn)確地找到他們想要的信息，過度設(shè)計和過度擁擠是產(chǎn)品頁設(shè)計中一定要避免的。
像前面提到的，既然已經(jīng)有了好的示范，為什么還要從零開始呢？
下面是一些經(jīng)過實踐的優(yōu)秀的設(shè)計范例，讓我們來看看它們到底優(yōu)秀在哪里，思考一下對你自己的電商網(wǎng)站有哪些啟示。
我們將為你展示：
1.三大你應(yīng)該使用的電商產(chǎn)品頁面布局設(shè)計
2.決定哪一種最適合你的店鋪
3.從哪里能找到這些模板并立刻使用
產(chǎn)品頁布局#1--普遍適用版
這個布局設(shè)計是普遍適用的，可以用來銷售很多產(chǎn)品。
人們的閱讀習(xí)慣是從左到右，圖片放在左邊的話能立即抓住消費者的注意力。
如果留下了良好的第一印象，他們很大可能會繼續(xù)停留在頁面上閱讀更多內(nèi)容。
產(chǎn)品頁布局#2--專注于圖片
這個產(chǎn)品頁布局強調(diào)的無疑是產(chǎn)品。
如果你銷售的是創(chuàng)意類或者是很有美感的產(chǎn)品--比如家具、珠寶、手工制品等，這個設(shè)計非常合適。
在頁面上方放置一幅全寬產(chǎn)品圖片，會將消費者的注意力集中到產(chǎn)品的美上 。
產(chǎn)品頁布局#--專注于性能
這個布局設(shè)計適用于那些專注細(xì)節(jié)和功能的產(chǎn)品。
比如軟件、技術(shù)涉筆、機械零件等。
當(dāng)產(chǎn)品的功能性比外觀更重要時，產(chǎn)品說明和規(guī)格是非常重要的。
這種情況下，你的產(chǎn)品圖片只是輔助內(nèi)容，其作用是向消費者展示它的外觀，而不是說服他們買下它。
我們的第一個電商網(wǎng)站從零銷售額到六位數(shù)，只用了兩年。所以我們完全理解從零開始建設(shè)電商網(wǎng)站的酸甜苦辣。
我們并不是生來就有“電商”方面的經(jīng)驗，但在失敗了無數(shù)次后，我們發(fā)現(xiàn)，要成功，就要從別人那里學(xué)習(xí)。
優(yōu)化你的產(chǎn)品頁布局是提升銷售的最快方法之一。這并不是你能做的唯一的事情，卻是你最應(yīng)該首先做的事情之一。
可以拿來測試和優(yōu)化電商網(wǎng)站的方法有很多。我們建議不要一次性測試或者改變10個或者20個網(wǎng)站元素。相反，我們建議你先關(guān)注重要的事情，比如優(yōu)化產(chǎn)品頁設(shè)計，創(chuàng)建一個優(yōu)秀的主頁、分類頁、付款頁等。
一旦你做好了這些基礎(chǔ)的事情，你就可以繼續(xù)研究轉(zhuǎn)化策略相關(guān)的事情了。記住，一次只改變一兩處即可，這樣才能輕松發(fā)現(xiàn)哪處改動有用、哪處沒用。
- 基于用戶創(chuàng)新
界面設(shè)計日新月異，夢創(chuàng)義堅持基于用戶需求的界面創(chuàng)新設(shè)計……
- 服務(wù)設(shè)計思維
互聯(lián)網(wǎng)的格局發(fā)生的改變，在我們進(jìn)行設(shè)計服務(wù)時更是考慮不同用戶、不同……
- 洞察用戶心理
洞察用戶有意識和無意識的行為以及心理特征通過構(gòu)造一系列的服務(wù)來促進(jìn)……
- 查看更多 >>
最新新聞Latest News
- 中小型企業(yè)網(wǎng)站建設(shè)完應(yīng)該如何營銷
- 很多中小型企業(yè)往往糾結(jié)于以下10個問題：一、我們起步比別人晚，我們的……
- 做企業(yè)網(wǎng)站到底做給誰看？
- 設(shè)計經(jīng)常時不時的遇到一些企業(yè)客戶，常常搞不清楚誰會真正看你的企業(yè)網(wǎng)……
- 傳統(tǒng)企業(yè)進(jìn)軍移動互聯(lián)網(wǎng)，從移動云網(wǎng)站開始
- 移動互聯(lián)網(wǎng)是移動通信和互聯(lián)網(wǎng)融合的產(chǎn)物，其發(fā)展的重要基礎(chǔ)便是智能手……
- 網(wǎng)站建設(shè)和運營五大細(xì)節(jié)決定用戶黏性
- 網(wǎng)站的成功離不開搜索引擎優(yōu)化，更離不開最基礎(chǔ)最根本的用戶群體，如何……
- 2015年值得關(guān)注的電子商務(wù)5大趨勢
- 線上線下銷售的界線正在變得越來越模糊。在2015年，這一趨勢仍將繼續(xù)�！�
|
公安部備案號 11010502032413
