監(jiān)控你的轉化率是建立一個盈利的電子商務業(yè)務的關鍵。大多數(shù)分析工具可以幫助您測量這些數(shù)據。

你的轉化率是通過簡單地用期望的行動數(shù)量除以給定時期的網站訪問者數(shù)量來計算的。例如，如果你的網站每5000個訪問者就有50次轉化率，那么轉化率就是1%。

根據您運行的具體在線業(yè)務類型，您的轉換可能包括在線銷售、電子郵件注冊、添加到購物車或您希望衡量的任何其他KPI。但在電子商務商店，你的主要焦點應該是你的購買轉化率。

平均而言，電子商務商店的購買轉化率為1% - 2%。更重要的是，專家說好的轉化率在2%到5%之間。這應該是你衡量網店成功與否的基準。

轉換的結果，我的最后一個網站重新設計

在我們深入了解我是如何提高我的轉化率的細節(jié)之前，這里是我的總體結果以及我是如何進行我的實驗的。

首先，我經營著一家名為Bumblebee Linens的電子商務商店，在網上銷售手帕。

因為我的網站從不能直接轉化為銷售的內容頁面獲得大量流量，所以我根據最可預測的流量來源來衡量轉化率。

因此，我所有的轉換數(shù)據都來自于目標PPC廣告流量來源，如谷歌Shopping和谷歌Adwords。畢竟，我的谷歌廣告流量是非常穩(wěn)定的，總是轉換在一個一致的百分比。

在我重新設計我的網站之前，我的電子商務商店的轉化率徘徊在3%左右，高于平均水平。但是網站的外觀和感覺已經過時，迫切需要更新?？偟膩碚f，整個重新設計花了大約7周時間，花費了我大約1840美元。

以下是我更新后的設計與原設計的對比結果:

桌面轉化率提高了46%

手機轉化率上升了26%

平板電腦轉化率提高了32%

這篇文章的其余部分將重點介紹導致這些增長的重新設計的具體因素。(注意:我同時進行了所有的重新設計更改，因此很難確定哪個特定的優(yōu)化貢獻最大。)

8個電子商務設計技巧，以優(yōu)化您的轉化率

如果你的電子商務商店表現(xiàn)不佳，用戶體驗的許多方面可能會對銷售產生負面影響。即使是看起來無關緊要的設計選擇，比如字體大小或按鈕的顏色，也會對整體轉化率產生重大影響。

如果你想系統(tǒng)地提高你的電子商務商店的轉化率，你應該遵循這8個設計步驟。

1. 使用一致和互補的配色方案

在重新設計網站時，使用color.adobe.com選擇互補色。

一個精心選擇的配色方案可以瞬間吸引顧客的注意力，喚起顧客的情感，促使他們采取行動。畢竟，顧客對你網站的感覺是決定你結賬還是退貨的關鍵因素。

一個設計良好的電子商務商店應該使用至少三種互補的顏色，在你的網站的每個頁面上一致地應用。

如果你對顏色沒有很好的眼力，你可以使用免費的工具，如color.adobe.com，它可以幫助你混合和搭配不同的顏色，使它們搭配得很好。

在我的網站重新設計中，我想要一種現(xiàn)代的感覺，所以我選擇了青色、亮粉色和黃色作為我的調色板。

我還在我的網站上為每種顏色指定了特定的用途:

青色的應用給場地一個明亮的，整體的顏色，年輕和時尚的感覺;

黃色用來吸引人們對免費航運和特價等營銷元素的注意;

網站上的所有動作按鈕都使用了亮粉色。

總的來說，你的電子商務商店的每一個頁面都應該有一個主要的行動號召(使用明亮的顏色，比如亮粉色)，引導顧客離結賬更近。

例如，在我的首頁上，亮粉色的按鈕“購買我們的個性化收藏”彈出頁面，立刻吸引了用戶的注意力。我們希望訪客購買我們的個性化產品，因為我們的個性化產品是我們店里利潤最高的產品。

2. 簡化你的導航

你的菜單太復雜了嗎?導航條占用了太多屏幕空間嗎?

對于電子商務商店來說，一個好的經驗法則是盡量減少顧客點擊購物車的次數(shù)。因此，您應該避免將產品類別嵌套在超過一個層次結構級別中。

如果你的商店里有太多的分類，不能一次全部顯示，選擇你的最佳銷售分類為你的主菜單，并把你的流量較少的分類合并在一個單獨的標簽。

對于我的商店，我決定使用一個頂級的懸停樣式下拉菜單，如下圖所示。

頂級導航是組織和顯示產品類別的一種方法。

我以前的設計使用了左手式的導航，占用了太多的屏幕空間。騰出多余的空間讓我可以把我的分類和產品圖片放大300%。有了我的新導航菜單，每個訪問者可以添加到購物車只需三次點擊:一次點擊找到一個產品類別;一鍵查看產品說明;一鍵添加到購物車。

一旦你設計好你的菜單，假裝你是一個顧客，嘗試在你的網站上購物。內容是否容易閱讀?重要的元素會跳出來嗎?你能馬上找到你需要的信息嗎?從客戶的角度分析你的網站將幫助你改善用戶的購物體驗。

3.在每個頁面上顯示信任因素

免費送貨、輕松退貨和信任是推動轉化率的關鍵。

信任是你必須與客戶建立的最重要的價值。

除非你是亞馬遜或大型商店，否則人們可能從未聽說過你的品牌，你必須向他們保證，從你的商店購買是安全的。

由于亞馬遜在電子商務領域的影響力，大多數(shù)客戶在第一次在網上精品店購物時會尋找3樣東西:

快速免費送貨;

簡單的回報;

一種獲得客戶支持的方法。

顯示你的電話號碼和電子郵件地址是非常重要的!增加你的營業(yè)時間也有助于使你的網站看起來合法的新訪客。如果你沒有一個可識別的品牌，客戶會想知道在遇到問題或問題時，他們能接觸到一個真實的人。

在上面的圖片中，你會注意到我把我的信任因素放在了頁眉，所以它們可以在每一個頁面的折疊上方看到。我們還上了《今日秀》和一些雜志。所以我確保在每一頁的底部顯示這個社會證明。

不要猶豫炫耀你的成就來加強信任。

此外，客戶的評價為你的網站提供了社會證明和可信度。因此，定期接觸滿意的客戶，獲得推薦和認可是很重要的。在我們重新設計的網站上，你會發(fā)現(xiàn)推薦部分就在我們的媒體報道下面。

推薦可以為你的網站提供社會證明和可信度。

記住，作為一個不知名的商店或品牌，要產生轉化率，你首先必須獲得客戶的信任。如果他們購買的東西有任何問題，讓他們聯(lián)系你或者獲得全額退款很容易。通過表現(xiàn)出對客戶滿意度的真誠關心，隨著時間的推移，你將能夠建立穩(wěn)固的聲譽。

4. 強調你獨特的價值主張

用戶平均花5.59秒看你網站的文字內容。在這5.59秒內，你必須抓住他們的興趣，否則他們會從你的頁面跳出來。你必須立刻告訴用戶你賣什么，為什么他們應該從你的商店而不是競爭對手那里購買。

更重要的是，你網站上的每一個頁面都應該傳達你獨特的價值主張。一個獨特的價值主張是一個簡明的陳述，描述什么使你的業(yè)務特別和概述你的商店比任何人做得更好。展示你獨特價值主張的最好方法是使用引人注目的圖片和引人注目的文案。

例如，這是用戶在我的主頁上看到的第一件事:

用戶馬上就會看到我們最暢銷的個性化手帕的大圖片。在這張圖片的旁邊是一個清晰而簡潔的價值主張，接著是一個在我們店購物的行動號召。

展示你的價值主張不應該局限于你的主頁。我們還包括我們獨特的價值主張，在每個類別頁以及。總的來說，你應該在你網站的每個登陸頁面上包含你的價值主張。

5. 優(yōu)化產品頁面的視覺層次結構

網站上的每個頁面都應該有一個單一的目標。對于你的產品頁面，你的目標是讓顧客加入購物車。

在設計產品頁面時，必須將邏輯視覺層次結構應用于設計。視覺層次結構是用戶在頁面上處理信息的順序，對于產品頁面，必須有一個清晰的路徑以盡可能少的干擾添加到購物車按鈕。

這是我以前的產品頁面的截圖:

正如你所看到的，我的舊產品頁面是壓倒性的。所有的設計元素都試圖同時吸引你的注意力，許多不同的行動呼吁融合在一起。為了改進我的產品描述，我更新了配色方案，并將我的產品圖像放大了266%。我還更改了按鈕在更符合邏輯的流程中的位置。

這是重新設計的產品頁面今天的樣子:

通過調整頁面元素的大小、顏色、對比度和對齊方式，我現(xiàn)在迫使客戶以設置的路徑處理我的產品信息，該路徑直接引導我的主要行動調用。例如，亮粉色將人們的注意力吸引到“加入購物車”按鈕上，而不是“評論”按鈕上。此外，通過使用藍色文字顏色和藍綠色背景，我向顧客保證與我們一起購物是安全和無風險的。

總的來說，以這種方式重新排列設計元素幾乎使我的添加到購物車的比例增加了一倍。

6. 簡化結帳過程

使用我們以前的網站設計，我們會定期收到來自困惑的客戶的反饋，他們不確定是否需要一個帳戶來購買我們的產品。

下面是我們以前的結帳頁面:

正如你所看到的，有太多的選擇。畢竟，顧客不需要三種結賬方式，而且選擇也有點多。

結帳頁面現(xiàn)在是這樣的:

我沒有提供3個獨立的付款選項，而是將它們合并到一個，并添加了一個單獨的Paypal選項(稍后會有更多介紹)。首先，只有不到6%的客戶創(chuàng)建了一個賬戶，所以沒有理由將創(chuàng)建賬戶作為一個單獨的選擇。此外，顯示登錄表單會帶來更多麻煩，因為大多數(shù)客戶甚至沒有帳戶。因此，我決定在默認情況下完全隱藏表單。

總的來說，當您設計結帳過程時，請記住這些優(yōu)化原則。

原則#1:刪除頁面中所有不必要的元素。不要讓客戶思考和隱藏所有不經常使用的元素。

原則#2:展示信任標志，以確保客戶的安全結帳。在上面的圖片中，你可以在付款頁面的右邊找到信任的標志。

7. 為移動用戶優(yōu)化結帳過程

十分之四的手機用戶如果在輸入個人信息時遇到困難，就會放棄購物車。人們不喜歡用一個小小的鍵盤輸入他們的聯(lián)系方式和信用卡信息。更重要的是，小按鈕和太多的表單字段讓移動用戶望而卻步。79%的智能手機用戶通過移動設備在線購物，這就是為什么你應該優(yōu)化移動設備。

如今，響應式設計是很常見的，但如果不小心，仍然可能會把事情搞砸。下面是我的結帳流程在桌面上的樣子:

下面是結帳頁面在移動設備上的樣子:

在移動設備上，用戶的購物車內容是折疊的，這樣它就不會占據整個屏幕?？偟膩碚f，以下是我對checkout所做的移動優(yōu)化:

優(yōu)化#1:保持你的付款表單簡短和甜蜜

移動用戶應該能夠點擊結帳頁面上的按鈕而不意外地點擊其他選項。此外，按鈕應該大到足以在移動設備上點擊。

考慮到手機的屏幕尺寸更小，讓你的結賬表格簡短而又甜蜜，沒有額外的選擇。另外，確保您關閉了表單字段的自動更正功能。否則，當用戶試圖輸入地址時，手機的自動更正功能可能會讓他們感到沮喪。事實上，我們曾經有一位顧客在iPhone上輸入他們的城市時非常沮喪，以至于他們打電話給我們，很沮喪地抱怨。

要解決這個問題，只需向所有文本輸入字段添加以下標記。

此外，在輸入電話號碼時，您應該始終顯示一個數(shù)字鍵盤，而不是常規(guī)鍵盤:

優(yōu)化#2:在可能的情況下自動導入客戶數(shù)據

手機用戶輸入的信息越少越好。支付方式如Paypal Express和亞馬遜支付可以簡化結賬過程。這些第三方支付處理程序自動填寫客戶的賬單和運輸信息，這減少了打字，提高了轉化率。

為了提供更方便的結賬方式，我實施了PayPal的One Touch操作，這一操作使我的手機轉化率提高了31%。

這里有一個實現(xiàn)Paypal的小竅門:確保在用戶輸入信息之前，在付款過程中顯示Paypal按鈕。否則，就會破壞導入他們信息的目的!在我的付款過程的第一步，我解釋每一個支付選項深入。

這些簡單的改變讓我的轉化率有了很大的改變。我網站上的PayPal用戶幾乎翻了一番，從13%增長到23%!

8. 增加緊迫感

大多數(shù)顧客喜歡逛櫥窗，讓顧客行動起來的最好方法就是營造一種緊迫感。

每當我進行銷售，一個巨大的黃色倒計時計時器顯示在網站的每個頁面。

注意:需要注意的是，我們只在實際進行銷售時使用這個計時器。否則，你就會冒著讓客戶麻木或失去信任的風險。

另外，我還在結賬頁面上顯示了倒數(shù)計時器，給人一種完成支付過程的緊迫感:

這些額外的設計元素迫使客戶盡早采取行動。

最終的想法

優(yōu)化你的轉化率是一個持續(xù)的過程。測試你的結果是追蹤你改進的唯一方法。

永遠不要跟隨你的直覺，總是聽數(shù)據。畢竟，有時候一個丑陋的網站可以轉化為一個美麗的網站。

無論如何，我上面演示的設計技巧將為您提供一個堅實的基礎。從那里，你可以進一步改善你的網站，并通過反復測試和調整優(yōu)化你的轉化率。好運！