如何通過簡單的設計技巧快速提高轉化率

沒有什麼比有一個不滿意的客戶更令人沮喪的了——尤其是在您投入數小時的工作來仔細設計他們網站的各個方面之後。

然而，雖然該網站可能流暢且美觀，但客戶仍然完全有可能來找您說，“為什麼我的轉化率這麼低？” 與其說“我不知道”或“不是我的問題”，不如嘗試通過一些簡單的修復來解決問題。

提高轉化率的 12 種方法

很多網頁設計都是相對的。 技術、策略、設計、佈局和風格取決於客戶、行業和總體目標。 但是，幾乎在所有情況下，以下提示都將幫助企業在很長一段時間內提高轉化率。

1. 將視頻納入主頁

視頻大賣——別無他法。 這是為數不多的似乎適用於許多不同類別和行業的網頁設計策略之一。 以下是一些不同類別的轉化率增長情況：

• 禮物：+113%
• 電子產品：+101%
• 珠寶：+85%
• 家庭和花園：+43%
• 個人護理：+14%

這些是令人難以置信的統計數據！ 通過將視頻放在主頁上，您可以顯著提高參與度和轉化率。 Dropbox做到了，轉化率飆升。 inDinero.com做到了，其中一個登錄頁面的註冊量翻了一番。 Vidyard 加入了主頁視頻，轉化率提高了 100%。 如果您可以說服客戶使用視頻，他們會喜歡結果。

視頻之所以如此有價值，是因為人腦與面孔、聲音、肢體語言和動作相連。 這就是當你聽到有人從房間對面說出你的名字時，你的耳朵會自動豎起來的原因。 在大腦中，熟悉的人類聲音優先於陳舊的文本內容。

2.利用社會證明

另一個好的策略是利用社會證明。 有一些不同的策略可以做到這一點，包括將客戶和合作夥伴的標誌整合到網頁設計中，顯示客戶推薦或評論，以及突出信息豐富的案例研究。

雖然您顯然無法控制客戶可以訪問哪種資源，但您可以鼓勵他們向您提供他們擁有的任何資源。 有時他們甚至不會考慮傳遞這樣的信息，但它可以在轉換中產生巨大的差異。

3. 刪除社交信息

雖然社交證明很棒，但這並不意味著您想用不必要的數量來超載網站。 例如，在推薦部分突出顯示發光的推文或 Facebook 評論是個好主意，但沒有人希望看到您的客戶最近 25 條關於其品牌的推文。

“當社交媒體還很新鮮時，每個人都將他們的社交信息放在他們的網站上，”一家在線營銷諮詢公司的首席執行官喬納森·朗寫道。 “現在，如果消費者願意，他們知道如何在社交媒體上與您的品牌建立聯繫。 在您的網站上放置 Facebook 和 Twitter 提要只會將注意力從您的轉化目標上移開。”

相反，Long 建議將社交圖標和按鈕集成到側邊欄、頁眉和頁腳中。 每個人都認識這些圖標，並且可以單擊它們以了解更多信息。 但現實情況是，大多數人不會。 這就是為什麼用分散注意力和侵入性的新聞源來浪費寶貴的設計空間是沒有意義的。

4. 讓數字栩栩如生

就像社會證明一樣，數字有力量。 如果客戶給你原始數據和數字，想辦法把這些數字變成活生生的、會呼吸的設計特徵。 例如， 42Floors.com在將原本枯燥的數據轉換為生動的條形圖和圖表方面做得很好。 Informationisbeautiful.net是數據可視化靈感的重要來源。 有很多方法可以將數字變為現實，因此請嘗試不同的策略，看看它們如何影響轉化率。

5. 使用更大膽的號召性用語

有時設計師在號召性用語上過於軟弱，因為他們覺得這會妨礙頁面的整體感覺。 當您覺得是這種情況時，可能是因為您的號召性用語設計得不夠好。 以下是優秀 CTA 的一些關鍵特徵：

• 有價值。 用戶從 CTA 中得到了什麼？ 您顯然從他們的轉換中受益，但用戶為什麼要足夠關心以跟進？ 簡單地說“註冊免費電子書”是沒有效果的。 相反，可以說“註冊免費電子書，這將幫助您提高工作效率”。
• 明確而具體。 CTA 必須清晰、具體和準確。 歧義會扼殺 CTA 並使其無用。 為了使 CTA 清晰，它必須告訴用戶該做什麼，他們這樣做會得到什麼，以及為什麼他們會從中受益。
• 緊急。 有效的 CTA 以緊迫性為後盾。 用戶需要感覺到他們必須立即採取行動，否則他們將錯失良機。 您可以通過合併倒計時或簡單地使用目標單詞和短語來使 CTA 感到緊迫，例如現在、今天、快點、在它消失之前，只剩下五個等等。
• 正確定位。 CTA 可以是有價值的、具體的和緊急的，但仍然毫無價值。 那是因為你必須考慮CTA的定位。 它需要可見。 將它們放在頁面底部似乎是合乎邏輯的——假設用戶已經閱讀了它上面的內容——但有多少用戶會真正到達頁面底部？ 將 CTA 放在頂部可能會更好，即使用戶尚未閱讀隨附的內容或音調。

6.專注於速度

作為一名設計師，你並不總是對網站的速度有很多控制，但你仍然應該考慮你是如何影響它的。 如果您知道某個元素（例如 Flash 功能）正在縮短頁面加載時間，請修復它。 一秒鐘的延遲可能會導致轉化率降低 7%。 此外，大多數人在放棄加載頁面之前不會等待超過 6-10 秒。 如果您可以將平均加載時間縮短幾秒鐘，那麼結果可能是巨大的。 您應該就出現的任何速度問題與客戶密切合作。 以下是一些有用的提示：

• 使用 PageSpeed Insights 。 在整個設計過程中，您應該使用 Google 的免費 PageSpeed Insights 工具。 PageSpeed 為每個唯一 URL 提供 1-100 的分數。 任何高於 85 的都被認為是好的，而低於這個閾值的任何東西都表現不佳。 該工具會不斷更新，因此請不時查看新功能。
• 優化圖像。 在許多頁面上，圖像佔下載字節的大部分。 通過優化這些圖像，您可以顯著減少加載時間並創建更快的網站。 很難說，“這是您需要做的正確優化圖像的操作”，因為有很多獨特的情況。 相反，請參考 Ilya Grigorik 和 Google 提供的有用指南。 它充滿了寶貴的提示和技巧，可以幫助您完成從選擇正確的圖像格式到優化矢量圖像的所有工作。
• 減少插件的數量。 插件很棒，但它們也會減慢網站速度。 每次您為客戶的一個頁面激活插件時，您實際上是在為該網站附加另一個權重。 多出幾磅並沒有錯，但過多的插件最終會影響網站的性能。 每當您安裝插件時，請詢問客戶“您真的需要這個插件嗎？” 有時答案是肯定的，有時他們會告訴你網站可以不用它。
• 壓縮內容。 雖然太多的插件會減慢網站速度，但 Gzip 壓縮插件通過最小化基於瀏覽器的 HTTP 響應的大小來幫助加快網站速度——有時高達 70%！

這是一個需要進行大量小調整的方面，但您不能為您的客戶提供速度較慢的網站。 這是一個可以單獨殺死轉化率的錯誤。

7. 啟用預測搜索

對於電子商務網站 - 或具有大量可搜索內容的網站 - 啟用預測搜索是個好主意。 預測搜索是谷歌和亞馬遜等網站的標準功能，也應該適用於您的客戶。 根據 Baymard Institute 的 Jamie Appleseed 的說法，82% 的領先電子商務平台使用自動完成建議或預測搜索技術。

“當自動完成建議運作良好時，它們可以幫助用戶更好地表達搜索查詢，”Appleseed 寫道。 “這不是要加快搜索過程，而是要引導用戶並幫助他們構建搜索查詢。”

預測搜索的美妙之處在於它允許網站指導搜索過程。 是的，您可以突出顯示相關的搜索詞，但您也可以選擇使用可能鮮為人知的類似項目填充搜索框。 這為您的客戶提供了難以置信的靈活性，並允許他們在不添加任何頁面或內容的情況下增加銷售額。

8. 消除障礙

當您對網站進行最後潤色時，您應該從最終用戶的角度來看待網站。 號召性用語是否明確？ 是否有任何障礙阻礙您執行特定的號召性用語？

電子商務網站的一個常見障礙涉及結帳流程。 雖然您的客戶肯定希望從客戶那裡獲取盡可能多的信息，但他們不應該以減慢結帳流程為代價。 強迫購物者註冊或創建帳戶以完成銷售幾乎不是一個好主意。 相反，應該有一個可以在 60 秒內完成的兩次或三次點擊過程。

9.選擇簡單而不是噪音

您還記得幾年前，頂級動畫和 Flash 是漸進式網頁設計的主要內容嗎？ 設計師看到了這些簡潔的功能，並希望通過將它們塞進盡可能多的網站來展示他們的能力。 好吧，那些日子已經一去不復返了。 互聯網用戶真正看重的是簡單。 他們想要一個簡單易用的實用、美觀的網站。 笨拙的動畫不僅會減慢網站速度，而且大多數用戶實際上會覺得它們很煩人。

通過選擇簡單而不是噪音來幫助您的客戶打動他們的客戶。 他們應該根據內容和產品的質量來銷售他們的品牌，而不是網頁設計的浮華。 如果您正在尋找靈感，請查看這些極簡設計。 你會很快注意到簡單並不意味著無聊。 它確實意味著時尚。

10. 使用 F 或 Z 佈局設計

“更好地掌握不同的佈局如何改變用戶行為是創造有效用戶體驗的核心原則之一，”網頁設計師 Brandon Jones 說。 考慮到這一點，您是否對您設計的網站的結構佈局給予了足夠的關注？ 雖然您必須遵守客戶的意願和細微差別，但您還必須使用您知道可行的設計策略。

大多數互聯網用戶都是熟練的掃描儀。 這意味著他們不會消費或閱讀他們遇到的所有內容。 相反，他們會掃描某些信息，然後判斷該頁面是否值得他們花時間。 值得慶幸的是，大多數用戶都遵循類似的掃描模式。

首先要考慮的頁面設計是 F-Layout，它得到了各種眼動追踪研究的支持。 “這些科學研究表明，網絡衝浪者以“F”型閱讀屏幕——最多看到屏幕的頂部、左上角和左側……只是偶爾瞥一眼屏幕的右側，”瓊斯寫道。

基於這一理論，典型的用戶體驗如下所示：

• 快速瀏覽頁面左上角。
• 掃描網站頂部，查看各種導航選項卡。
• 繼續閱讀第一個完整部分的內容，從左到右閱讀。
• 開始向下滾動主頁只需幾秒鐘即可掃描其餘內容。

牢記這些趨勢，您希望將客戶最有價值和最吸引人的內容放在這些熱點中。

雖然 F 設計最常用，但一些設計師選擇 Z 設計。 它非常相似，但假設用戶以 Z 模式掃描頁面。 也就是說，它們從左上角開始，沿著水平路徑直到它們到達右上角，對角過渡到左下角，然後水平掃描到頁面的右下角。

您不必遵循嚴格的 F 或 Z 佈局設計，但它確實有助於了解用戶趨勢，以便您可以為您的工作添加一些結構。

11.集成聯繫人功能

您是否曾經訪問過幾乎不可能找到公司聯繫信息的網站？ 或者他們甚至沒有包括它？ 談到轉化率，這是您可能犯的最嚴重的網頁設計錯誤之一。 如果用戶無法通過快速單擊鼠標找到公司的聯繫信息，他們很容易跳出並訪問競爭對手的網站。

作為設計師，與您的客戶密切合作，強調設計簡單聯繫頁面的重要性。 以下是一些快速的經驗法則：

• 聯繫信息——包括電話號碼、電子郵件地址和實際地址——應清楚地列在每頁的頁眉或頁腳上。
• 每個內部產品頁面上都應該有明確的“聯繫我們”按鈕和號召性用語。
• 實際的聯繫頁面不應超過三個字段。 如果您給用戶太多選擇或要求，他們會選擇放棄與您聯繫。

這可能看起來有點矯枉過正，但請考慮聯繫頁面的重要性。 它是將潛在買家與品牌聯繫起來的門戶。 搞砸這方面會嚴重損害轉化率。

12.投資拆分測試

如果您想將高轉化率作為您的賣點之一，那麼投資拆分測試軟件是個好主意。 許多世界上最成功的公司——例如穀歌、亞馬遜和 eBay——每天都在使用拆分測試技術。

如果您不熟悉它的作用，拆分測試本質上允許您實現兩種不同的設計並從用戶那裡收集實時結果。 例如，您可能不知道使用哪種菜單格式。 你可以實現兩個不同的，讓一半的訪問者看到菜單一，另一半看到菜單二。 在預定的時間段後，您然後停止測試，查看樣本數據，並根據哪個更成功做出決定。 拆分測試有無限的可能性，所以這絕對是值得考慮的事情。

控制局勢

如此多的設計師只是簡單地設計網站，將成品交付給客戶，兌現薪水，然後繼續前進。 雖然這個公式可能適用於某些人，但它並不是最有利可圖或可持續的商業模式。 如果您想留住更多客戶、收取更多費用並在設計高轉化率網站方面樹立聲譽，您需要關注轉化率以及您的網站如何影響網站訪問者。 以這十二個技巧為出發點，開始集思廣益，以改進工作並滿足客戶的需求。