econsultancy：購物網站CTA設計的7點提示

在電子商務中，人們將更多的注意力放在如何最好的吸引流量和訪客上面，而對轉化率的優化卻常常被忽略。 在Adobe的行銷優化報告中，我們發現53%的電子商務行業受訪者在優化方面的預算不到5%，雖然這些小小的提升都可能帶來數以百萬的收入。

下面這些內容試圖就在轉化率優化方面給大家一些啟發，主題是跟喚起使用者行動(CTA)有關的。 當然沒有一個通用的優化法則，你需要不斷的嘗試和測試。

用詞

使用正確的詞彙來讓使用者行動是一個相對簡單的事情，你只需要將使用者的那種行動欲望轉變為簡單的詞彙。 但是在詞彙中你也需要諸如緊急和慫恿使用者去採取特定的行為。

在購物網站的產品頁面，標準的用詞是「Buy now(現在購買)」，或「Add to basket(添加到購物車)」，這些詞彙已經被廣為採用和接受，不確定採用新的字眼會不會讓使用者迷惑。

Spotify是另一個場景下的很好案例，「Get spotify for free」一個簡單名了，顯然的喚起行動按鈕無疑是個很好的銷售磁碟機。

顏色

理想情況下，CTA需要顯眼，需要使用抓人眼球的顏色，而且不會跟周圍相混。 非常有必要就哪種顏色更能吸引眼球進行測試。 ASOS和亞馬遜目前所使用的是在白色背景上使用桔黃色按鈕。

Skype就在其頁面上用了一個不容忽略的「Join」 CTA按鈕。

而Hubspot的CTA則迷失在桔黃色和灰色的海洋中。

John Lewis也有必要調高下他的添加到購物車的亮度，因為跟周圍相比還是比較平淡不突出。

位置

CTA的位置放在哪裡值得考究，取決於登錄頁的目的，受眾的意向和頁面資訊的複雜程度。 如果你只是單純想獲得更多的銷售線索或銷售，將CTA放在靠近頁面頂部問題不大。

但是這也不是必須，因為使用者的行為隨著時間在不斷改變，使用者經常會經常滾動到頁面下面。 而且如果你的頁面要說明的東西比較複雜，需要時間去勸說消費者作出購買決定，那麼將CTA放在頁面的下面也沒有什麼問題。

一般情況下，在電子商務網站的產品頁面，一般使用者預期會在產品圖像的附近看到CTA，下面的例子就是一個：

尺寸

你肯定不想讓使用者整個頁面找CTA以瞭解下一步該怎麼進行。 因此CTA必須要足夠大到讓使用者可以很快看到。

像下面這個CTA一般人就不會錯過

Mozilla的firefox CTA也是如此。

留點空白

在CTA周圍留下足夠的空白有兩個目的：方便眼睛定位和容易點擊。

如果頁面很擁擠，會引發很多無意的點擊，並拖慢導航，導致沮喪的使用者體驗。 下面這個就是一個不錯的案例：Victoria’s Secret uses an extremely simple design for its product pages which allows the CTA room to breathe .

但下面這個則可以做的更好點，畢竟有點擁擠了。

考慮多個

在頁面上單純地放多個CTA不一定能夠帶來更多的銷售，但如果你的頁面很多而且複雜則可以嘗試。 如果頁面有多個分區，添加相應的CTA能夠方便使用者快速行動

不斷測試

找到最佳的CTA的方法是不斷測試，使用A/B test可以幫你發現更好的設計。 下面這個例子只是單純地修改了研究，就將CTR提升了35.81%。

如果你是網站設計者，希望199it編譯整理的這篇文章對你有説明。 也歡迎你在回復中貢獻你的想法和案例。