實戰(zhàn)：電商網(wǎng)站CTA設計的七個建議

實戰(zhàn)：電商網(wǎng)站CTA設計的七個建議

下面這些內容試圖就在轉化率優(yōu)化方面給大家一些啟發(fā)，主題是跟喚起用戶行動(CTA)有關的。當然沒有一個通用的優(yōu)化法則，你需要不斷的嘗試和測試。用詞使用正確的詞匯來讓用戶行動是一個相對簡單的事情，你只需要將用戶的那種行動欲望轉變?yōu)楹唵蔚脑~匯。但是在詞匯中你也需要諸如緊急和慫恿用戶去采取特定的行為。在購物網(wǎng)站的產品頁面，標準的用詞是“Buynow(現(xiàn)在購買)”，或“Addtobasket(添加到購物車)”，這些詞匯已經被廣為采用和接受，不確定采用新的字眼會不會讓用戶迷惑。Spotify是另一個場景下的很好案例，“Getspotifyforfree”一個簡單名了，顯然的喚起行動按鈕無疑是個很好的銷售驅動器。顏色理想情況下，CTA需要顯眼，需要使用抓人眼球的顏色，而且不會跟周圍相混。非常有必要就哪種顏色更能吸引眼球進行測試。ASOS和亞馬遜目前所使用的是在白色背景上使用桔黃色按鈕。Skype就在其頁面上用了一個不容忽略的“Join”CTA按鈕。而Hubspot的CTA則迷失在桔黃色和灰色的海洋中。JohnLewis也有必要調高下他的添加到購物車的亮度，因為跟周圍相比還是比較平淡不突出。位置CTA的位置放在哪里值得考究，取決于登錄頁的目的，受眾的意向和頁面信息的復雜程度。如果你只是單純想獲得更多的銷售線索或銷售，將CTA放在靠近頁面頂部問題不大。但是這也不是必須，因為用戶的行為隨著時間在不斷改變，用戶經常會經常滾動到頁面下面。而且如果你的頁面要說明的東西比較復雜，需要時間去勸說消費者作出購買決定，那么將CTA放在頁面的下面也沒有什么問題。一般情況下，在電子商務網(wǎng)站的產品頁面，一般用戶預期會在產品圖像的附近看到CTA，下面的例子就是一個：尺寸你肯定不想讓用戶整個頁面找CTA以了解下一步該怎么進行。因此CTA必須要足夠大到讓用戶可以很快看到。像下面這個CTA一般人就不會錯過Mozilla的firefoxCTA也是如此。留點空白在CTA周圍留下足夠的空白有兩個目的：方便眼睛定位和容易點擊。如果頁面很擁擠，會引發(fā)很多無意的點擊，并拖慢導航，導致沮喪的用戶體驗。下面這個就是一個不錯的案例：Victoria’sSecretusesanextremelysimpledesignforitsproductpageswhichallowstheCTAroomtobreathe.但下面這個則可以做的更好點，畢竟有點擁擠了?？紤]多個在頁面上單純地放多個CTA不一定能夠帶來更多的銷售，但如果你的頁面很多而且復雜則可以嘗試。如果頁面有多個分區(qū)，添加相應的CTA能夠方便用戶快速行動不斷測試找到最佳的CTA的方法是不斷測試，使用A/Btest可以幫你發(fā)現(xiàn)更好的設計。下面這個例子只是單純地修改了研究，就將CTR提升了35.81%