以轉換為中心的設計的 7 條原則

有經驗的營銷人員已經明白，有某些模式和触發因素可以使著陸具有高度的轉化率。 他們已經將他們的觀察轉化為可操作的指導方針，我們在這裡 - 這是一個以轉換為中心的設計的簡短故事。 不再需要閱讀茶葉並嘗試預測用戶的行為。 現在，您盡在掌握。

在本文中，我們將討論以轉化為中心的設計以及您可以在電子郵件和登錄頁面中使用它的方式。 請記住，您的設計選擇不應該是隨機的——每一個細節都可以服務於一個目的！

什麼是以轉換為中心的設計，你為什麼要關心？

以轉換為中心的設計 (CCD) 是一組規則或原則，用於設計具有商業效果的登錄頁面、電子郵件模板和其他類型的內容。 使用此策略，您可以創建為您帶來更多高質量潛在客戶、訂閱者和客戶的內容。

最初，這些原則是由 Unbounce 的團隊創造的。 它們已經進入營銷詞彙，現在被各種專家和從業者自由地改編和解釋。 但是，它們的含義和相關性並沒有改變。

讓我們承認，現在是 2021 年，但許多登錄頁面仍然令人困惑和不直觀。

用戶點擊紐約一家麵包店的廣告後登陸此頁面。 首先，頁面與廣告無關。 它有一個帶有大量低質量圖像和重複項的滑塊、數量奇特的鏈接、一個巨大的菜單，並且沒有解釋為什麼用戶甚至應該注意這個地方。 很難理解這裡發生了什麼，這遠非孤例！

以轉化為中心的登陸頁面設計有助於避免用戶登陸典型的雜亂商業頁面後經常遇到的困惑。

您當然不希望訪問者的腦海中出現同樣的獨白。

您希望您的登錄頁面和電子郵件能夠溫和地引導您的用戶，並為他們提供愉快、流暢的體驗。 您的目標是與您的受眾保持聯繫並讓他們對您的品牌感興趣。 您希望他們毫不費力地轉換。

以轉換為中心的設計是實現這一目標所需採取的確切方法。 有說服力的設計將幫助您的用戶認識到您的報價的價值並根據您的號召性用語採取行動。 我們甚至會說，您頁面上的每一個設計元素都可以推動轉化——而且應該如此！

因此，以下是您在創建佈局時需要考慮的以轉換為中心的設計的七個原則：

1. 幫助遊客集中註意力。 確保用戶一眼就能理解您的報價的含義。
2. 創建一個堅固的結構。 開發創建自然流的內容層次結構。
3. 保持一致性。 為您的內容提供連貫、統一的外觀。
4. 突出優勢。 使用每個設計元素來指出您的產品或服務讓生活變得多麼輕鬆。
5. 讓您的 CTA 脫穎而出。 讓您的用戶在他們的旅程中的任何時候進行轉換。
6. 獲得信任。 展示您的客戶和行業專家對您的產品或服務的看法。
7. 創造無摩擦的體驗。 整理和優化您的頁面，使其更加直觀和方便。

您是否總是需要採用以轉換為中心的設計？ 我們敢說不。 該規則有一些例外，例如沒有特定 CTA 的純娛樂或信息頁面或電子郵件。 然而，商業內容幾乎總是需要採取面向轉換的方法。

原則 1. 幫助您的用戶集中註意力

任何想法，無論多麼複雜，都可以以全面、清晰的方式進行概述。 沒有人願意閱讀有關他們以前從未聽說過的事情的文本頁面。 您需要提出並強調您的產品或服務的主要功能，同時省略次要細節。 在您的內容中註入一些方向性，以確保您的用戶在閱讀幾句話後保持正確。

最好的方法是在整個文本中創建焦點。 焦點是視覺上突出的元素，通常與標題、事實或圖像的一部分（如人臉）形成對比。 它們使掃描文本變得更容易，並且像麵包屑一樣工作，迫使用戶從一個部分轉到另一個部分以收集所有內容。

讓我們看看它在現實生活中是如何工作的。

Ando 的電子郵件設計突出了他們獨特的銷售主張“移動銀行，打造更可持續的明天”。 強有力的標題後面是簡潔的描述，激勵讀者了解更多關於生態銀行的信息並立即開立賬戶。

還有一個積極的例子，但它並沒有搶占先機——主要焦點仍然是報價。 在這個例子中，我們看到將復雜的文本分解成帶有自定義圖標的項目符號是多麼有幫助。 它提高了整體可讀性並使電子郵件更加註重轉化，因為其受眾可以立即看到該銀行系統的主要優勢。 最後但並非最不重要的一點是，完全沒有法律術語有助於讀者專注於報價的含義。

我們之前演示了一個餐廳登錄頁面，該頁面還有一些改進空間。 現在，讓我們來看看以轉化為中心的著陸頁設計的縮影。

這個頁面真的吸引了用戶的注意力，讓他們渴望那些 cookie - 不可能專注於其他任何事情。 突然出現的標題和令人垂涎的照片立即解釋了頁面的內容，其餘的則由清晰的描述完成。 頁面的創建者將不太重要的部分（例如品牌歷史和用戶生成的內容提要）放置在靠近頁腳的位置，以免分散他們的首次訪問者的注意力。

原則 2. 創建穩固的結構

就像我們人類一樣，商業內容也需要一個強大而健康的骨幹——一個將所有元素保持在適當位置的結構。 正確的電子郵件或登陸頁面層次結構將幫助您的用戶提高知名度，建立對您品牌的信任，並輕鬆自然地轉換。

僅僅選擇一個看起來不錯的模板是一個新手錯誤——你必須改造你的內容並做出一些犧牲。 相反，您可以自己創建一個草稿，無論是腦力還是手動。 定義您的目標並概述您需要與觀眾交流的內容。 然後，尋找適合該結構的模板。

這是如何做到的 - 一封來自 Diadora 的特別優惠電子郵件。

這種以轉換為中心的結構根本不是隨機的——大多數電子商務電子郵件具有相同的重要性等級。 頂部有一個整潔的菜單、一個引人注目的視覺元素、一個簡短的描述和一個 CTA 按鈕。 這些關鍵元素之後通常是不太重要的可點擊產品預覽和附加說明。

擁有堅固的結構並不意味著逐塊添加，並使您的電子郵件或頁面充滿文本和圖像。 保留一些負空間或留白同樣重要——它為您的佈局提供一些呼吸空氣，並使其看起來輕巧、簡單和優雅。 空白只有在明智地使用時才會增加轉換，因為它會引起對其餘元素的注意。

看看這個精確組裝的 AI 語音分析服務登陸頁面。

這個頁面很好地利用了空白。 它有很多信息，但元素不會相互重疊，也不會產生視覺衝突。 然而，該頁面對轉換友好——它有許多對比鮮明的 CTA 按鈕、可操作的副本和基於價值的內容。 結構就在那裡，但它也有足夠的空氣讓遊客呼吸。

原則 3. 保持一致性

嘗試和嘗試各種風格是很好的，但您需要保持一致的外觀，以使您的內容資產得到認可、獲得權威並將您的潛在客戶轉變為回頭客。 易於識別的圖形元素、獨特的字體組合或調色板 — 使用與您的品牌相符並使您的內容可區分的任何內容。

品牌認知度不僅僅是像蘋果和特斯拉這樣的大公司擔心的事情。 任何規模的品牌不僅可以被其核心受眾認可，而且可以欣賞、喜愛和推廣。 以應急包生產商 Judy 為例。

將此電子郵件與 Judy 網站進行比較，您會立即註意到相似之處：可識別的字體、相同的橙色陰影、友好和關懷的語氣、教育元素以及對家庭安全的重視。 沒有脫節——你覺得你正在與同一個品牌互動，只是通過不同的媒介。

當用戶定期收到來自特定公司的電子郵件時，他們會習慣這種獨特的溝通和視覺風格，並會立即識別出來自該品牌的電子郵件。 如果您想加深與受眾的關係，您需要每次都為他們提供跨不同渠道的統一體驗。

原則 4. 突出優勢

我們在博客中寫了很多關於電子郵件設計和登錄頁面設計的文章，因此您可能已經聽說過以客戶為中心和利益驅動的方法的重要性。 它是提高轉化率的關鍵組成部分——好處使某種產品或服務成為消費者所嚮往的。 您可以藉助詼諧的文案和有吸引力的圖像或視頻突出顯示它們。

讓我們看一下推廣 David Horsager 的登錄頁面，David Horsager 是暢銷書作者、演講者和領導力信任專家。

通過文字傳達個人魅力真的很難，但這個登陸頁面通過其直截了當的副本、令人信服的評論和引人注目的視頻成功地做到了這一點。 該網站清楚地說明了為什麼大公司聘請大衛在他們的活動中發言，以及他如何帶來實際價值並積極影響每個活動參與者。 我們鼓勵參觀者在了解 David 的專業知識後聯繫他的團隊。

您還可以通過選定的圖像來翻譯產品的優勢，以傳達某種情緒或氛圍。

這封電子郵件不是談論談話，而是邀請用戶通過挖掘他們的情感方面來慶祝鍛煉和運動的力量。 它包括真實、真實的照片，其中自由奔放的角色穿著 Asics 運動鞋過著積極的生活。 魚眼效果使圖像看起來更自然，並完美地捕捉到這種氛圍——訂購一雙並加入 Asics 社區非常誘人。

原則 5. 讓您的 CTA 脫穎而出

沒有 CTA，您的內容仍然無能為力。 如果您的內容需要滾動，請確保在折疊上方至少有一個突出的 CTA 按鈕和文本中的其他 CTA。 保持你的 CTA 文案簡短，並包含激勵用戶立即採取行動的主動動詞。

我們可以訪問 Blendjet 的資源以獲得一些以轉換為中心的登陸頁面設計靈感。

“今天得到你的”是有效 CTA 的一個很好的例子。 如果您提供快遞服務，請在您的 CTA 中提及，讓您的用戶知道他們可以在幾小時或幾天內拿到您的產品。 在此頁面上，我們還看到了其他 CTA，例如“探索食譜”，但它們是故意透明的，因此不太引人注意。

如果您品牌的調色板不包含明亮的顏色，您可以將號召性用語按鈕放大以使其流行，例如 Under Armour 的示例。

一個好的經驗法則是讓你的 CTA 的字體重量比純文本重，但比你的第一個標題輕。 按鈕比超鏈接更容易被注意到和點擊，因此在所有類型的商業電子郵件中使用它們都不會出錯。

支持副本並不總是必要的——它會使頁面或電子郵件看起來更混亂，但如果您的 CTA 暗示進行購買，則您需要它。 然後，“退款保證”或“免費試用14天”可能會消除用戶的疑慮，最終提高您的轉化率。

原則 6. 獲得信任

如果你使用得當，社會認同可以成為你聽眾心靈的關鍵。 我們已經在我們的博客上討論了收集客戶反饋的方法 - 確保您有積極的評論可以開始使用。

不要將自己限制在徽標欄上 - 它們幾乎不會顯示您合作的品牌，而不是他們對您的業務的看法。 我們建議將每個客戶的推薦變成一個小小的成功故事。 你的社會證明越感人、多樣化和真實，它就會顯得越值得信賴。 如果客戶願意提供，請添加他們的真實姓名、職業和照片。 但是，更重要的是，請他們描述您的產品或服務給他們帶來的真實印象和情感。

反重力工作是一個在線營養指導計劃，他們的客戶不會迴避用前後照片分享他們令人印象深刻的轉變故事。

另一種贏得客戶信任的方法是提醒他們您品牌的傳統和豐富的歷史。 這正是時尚運動服飾品牌 Sergio Tacchini 的偏愛方式。

如果您的企業在當地或全球範圍內具有文化影響力，您也可以將這一事實變成一個引人入勝的故事來講述。 人們被歷史悠久的品牌所吸引，因為它顯示了它們的可靠性和完整性，以及它們對質量的承諾。

原則 7. 創造無摩擦的體驗

用戶體驗始於內容的加載速度。 如果您懷疑您的著陸頁太重並且阻礙了您的轉化，請不要猜測，只需使用 Google PageSpeed Insights 進行檢查即可。

下一個示例將說服您，您可以創建一個漂亮且色彩豐富的網站，而無需為其添加特殊效果和其他繁重元素。

Bombas 是一家生產耐用襪子、內衣和襯衫的公司。 他們還通過捐贈每次購買的物品來支持無家可歸的人。 這項令人難以置信的以目的為導向的業務在某種程度上使購買內衣變得更加愉快，這要歸功於其簡單直觀的網站，而且使用起來很有趣。

您還需要分析您的內容，使其用戶友好且移動優先。 使用單字段表單、單列佈局和響應式設計，讓您的電子郵件和頁面在旅途中易於閱讀。 請記住，超過一半的電子郵件是在移動設備上打開的。

有一種方法可以絕對確保您的電子郵件在任何設備上正確顯示，即使互聯網速度較慢 - 您可以擁抱簡單並有意去除繁瑣和笨重元素的內容。

有一個明顯的趨勢是支持純文本電子郵件，因為它們具有不完美、自然的感覺，因此它也將是一個明智的風格選擇。 乾淨、簡約的電子郵件將創造流暢的體驗，並輕柔地推動您的用戶進行轉換，而不會讓他們不知所措。

把這一切捆綁在一起

遵循以轉化為中心的設計的這七個原則，您將為您的內容提供和諧、平衡的外觀，同時還能吸引新的潛在客戶並擴大您的客戶群。 您還可以嘗試使用 SendPulse 工具來實現您剛剛學到的內容。

從我們的拖放登陸頁面構建器開始怎麼樣？ 您可以自定義我們的任何模板並通過僅包含您需要的元素來創建轉換怪物。 或者，使用我們的無代碼電子郵件構建器和自動化服務增強您的電子郵件營銷活動。 使用我們的工具，您可以獲得足夠的創作自由並開闢新的方法來提高轉化率！