重慶建網(wǎng)站公司
案例研究:8個設(shè)計技巧使我的電子商務(wù)轉(zhuǎn)化率提高了42%

來源：派臣科技|時間：2020-08-05|瀏覽：次

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

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

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

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

轉(zhuǎn)換的結(jié)果，我的最后一個網(wǎng)站重新設(shè)計

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

首先，我經(jīng)營著一家名為Bumblebee Linens的電子商務(wù)商店，在網(wǎng)上銷售手帕。

因為我的網(wǎng)站從不能直接轉(zhuǎn)化為銷售的內(nèi)容頁面獲得大量流量，所以我根據(jù)最可預(yù)測的流量來源來衡量轉(zhuǎn)化率。

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

在我重新設(shè)計我的網(wǎng)站之前，我的電子商務(wù)商店的轉(zhuǎn)化率徘徊在3%左右，高于平均水平。但是網(wǎng)站的外觀和感覺已經(jīng)過時，迫切需要更新。總的來說，整個重新設(shè)計花了大約7周時間，花費了我大約1840美元。

以下是我更新后的設(shè)計與原設(shè)計的對比結(jié)果:

桌面轉(zhuǎn)化率提高了46%

手機轉(zhuǎn)化率上升了26%

平板電腦轉(zhuǎn)化率提高了32%

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

8個電子商務(wù)設(shè)計技巧，以優(yōu)化您的轉(zhuǎn)化率

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

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

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

在重新設(shè)計網(wǎng)站時，使用color.adobe.com選擇互補色。

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

一個設(shè)計良好的電子商務(wù)商店應(yīng)該使用至少三種互補的顏色，在你的網(wǎng)站的每個頁面上一致地應(yīng)用。

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

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

我還在我的網(wǎng)站上為每種顏色指定了特定的用途:

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

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

網(wǎng)站上的所有動作按鈕都使用了亮粉色。

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

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

2. 簡化你的導(dǎo)航

你的菜單太復(fù)雜了嗎?導(dǎo)航條占用了太多屏幕空間嗎?

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

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

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

頂級導(dǎo)航是組織和顯示產(chǎn)品類別的一種方法。

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

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

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

免費送貨、輕松退貨和信任是推動轉(zhuǎn)化率的關(guān)鍵。

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

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

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

快速免費送貨;

簡單的回報;

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

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

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

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

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

推薦可以為你的網(wǎng)站提供社會證明和可信度。

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

4. 強調(diào)你獨特的價值主張

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

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

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

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

展示你的價值主張不應(yīng)該局限于你的主頁。我們還包括我們獨特的價值主張，在每個類別頁以及?？偟膩碚f，你應(yīng)該在你網(wǎng)站的每個登陸頁面上包含你的價值主張。

5. 優(yōu)化產(chǎn)品頁面的視覺層次結(jié)構(gòu)

網(wǎng)站上的每個頁面都應(yīng)該有一個單一的目標(biāo)。對于你的產(chǎn)品頁面，你的目標(biāo)是讓顧客加入購物車。

在設(shè)計產(chǎn)品頁面時，必須將邏輯視覺層次結(jié)構(gòu)應(yīng)用于設(shè)計。視覺層次結(jié)構(gòu)是用戶在頁面上處理信息的順序，對于產(chǎn)品頁面，必須有一個清晰的路徑以盡可能少的干擾添加到購物車按鈕。

這是我以前的產(chǎn)品頁面的截圖:

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

這是重新設(shè)計的產(chǎn)品頁面今天的樣子:

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

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

6. 簡化結(jié)帳過程

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

下面是我們以前的結(jié)帳頁面:

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

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

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

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

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

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

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

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

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

下面是結(jié)帳頁面在移動設(shè)備上的樣子:

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

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

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

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

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

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

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

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

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

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

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

8. 增加緊迫感

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

每當(dāng)我進行銷售，一個巨大的黃色倒計時計時器顯示在網(wǎng)站的每個頁面。

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

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