文章

行動優先的電子報版面:從結構拉高開啟率

返回

版面品質比多數人預期的更影響成效

不少團隊把電子報簡化成先做一張吸睛宣傳圖。圖片若在手機上載入失敗,整封信就變成灰色空白,讀者無從理解你要傳達的內容。

閱讀數據顯示,行動裝置已占信件開啟的大多數,比例常超過六成。版面若沒有跟著小螢幕調整,等於一開始就流失近半潛在讀者。能隨裝置重排的信件不是裝飾,而是現在經營信件行銷時必備的能力。把純圖片信改成可讀的文件結構,只保留關鍵圖像,開啟表現常常就會好轉。

做好行動適配的八個條件

小螢幕先用單欄

大螢幕可以排兩欄或三欄,手機寬度卻很窄。單欄流程最符合手指閱讀:資訊由上而下展開,視線不中斷,也不必橫向拖曳。

把寬度控在安全範圍

桌面版面宜落在 600px。這個寬度在 Gmail、Outlook 與 Apple Mail 等常見環境裡較不容易被裁切。到了手機,則讓內容自動撐滿整個螢幕寬度。

按鈕尺寸要適合手指

手機點選靠指腹,不是滑鼠。可點區域至少 44×44px,四周再留出間距,才能降低誤觸。

只寫「點此」或「按這裡」,通常很難促成動作。改成「立刻領取試吃券」或「查看本月方案」這類具體承諾,點擊意願才會提高。穩定的寫法是一個動作,加上一個明確好處。

字級不能小到被略過

小螢幕上的文字一旦過細,收件人往往直接滑走。可先採用這些範圍:

  • 標題:22-28px
  • 內文:14-16px
  • 行距:1.4-1.6 倍

控制圖文比例並補上替代文字

圖像與文字宜維持約 40:60。圖太多會拖慢載入,也提高被判為垃圾信的機會。若收件人正在通勤、網路不穩,圖出不來時,文字是否仍能獨立說完重點?每張圖都應附替代文字,因為許多收件程式預設不顯示圖片。

預覽列文字也要設計

預覽文字會出現在主旨旁或下一行,長度宜落在 85 到 100 個字元。它是主旨之外、最能影響是否打開的第二句話,適合補充承諾或留下懸念。

深色介面不能被忽略

把介面切成深色的人愈來愈多。避免白底搭配過淺的字,並確認標誌與圖像在深色背景仍清楚。使用透明底 PNG 時,更要先在深色模式下檢查。

退訂連結不可省略

法規要求每一封推廣信都提供明顯的退訂入口。這同時也是信任設計:當人感到可以隨時離開,把信標成垃圾郵件的動機通常會下降。

常用尺寸一覽

先對齊這些尺寸,能少掉許多跨裝置跑版:

規格項目桌面手機
版面寬度600px螢幕寬度 100%
標題大小22-28px20-24px
正文大小14-16px14-16px
按鈕寬度200px 起全寬,或至少 280px
按鈕高度44px 起48px 起
行高1.5 倍1.5 倍
左右留白20-30px15-20px
圖像寬度不超過 560px隨寬度縮放

收件軟體的支援也不一致:Gmail 多半不採用寫在 區塊中的規則,樣式應直接寫在元素上;Outlook 的排版引擎較舊,過於複雜的 CSS 很容易錯位。

拉高開啟率的五種寫法

開啟率是信件經營的第一道門。內文再好,沒被打開就不會產生任何後續:

主旨可用固定組合:把數字、好處與時效放在一起。像是「三個做法,讓網站轉換提高三成」,通常比「本期通訊」更有拉力。

寄件名稱要用品牌:顯示對方認得的品牌,不要用無法回覆的系統帳號。熟悉的名字會明顯提高打開的意願。

內容帶入個人脈絡:主旨或正文若出現姓名、過往購買,或依瀏覽紀錄做出的推薦,互動通常會更好。

寄送時段要看對象:週二至週四的上午 10:00 與下午 14:00,往往比週一的忙碌與週五的收心更合適。這只是平均傾向。企業受眾多在工作時間閱讀,餐飲消費則常在傍晚有較好表現。

正式寄出前先對照:同一封內容準備兩種主旨或按鈕,先發給一小群人,再把較佳版本送給其餘名單。

讓人願意點擊的版面順序

信被打開後,下一個任務是促成點擊。倒金字塔仍是最穩的閱讀順序:

  1. 先停住視線:用主視覺或粗體標題抓住注意力
  2. 再講清楚好處:用短句說明讀者能得到什麼
  3. 最後只給一個動作:放上醒目按鈕

一封信只追求一個主要成果。促銷、招募與活動同時出現時,讀者往往不知道該點哪一個。按鈕的顏色與擺放也要一併考慮。

五個容易被忽略的設計錯誤

許多定期通訊一直踩在這些問題上,卻沒有被發現:

  • 整封信就是一張大圖:載入慢,也更容易被系統當成垃圾郵件
  • 圖像沒有替代文字:圖未顯示時,畫面只剩空框
  • 只在桌面檢查:大螢幕正常,手機卻擠成一團
  • 連結過多、主次不分:十幾個入口並列,點擊反而被稀釋
  • 沒有提供退訂:既可能違反規定,也提高被標為垃圾信的機率

轉換往往從版面開始

能隨螢幕調整的信件不是美工收尾,而是直接牽動開啟、點擊與最終成交的基礎。延伸閱讀可看網頁設計入門。對齊尺寸、依倒金字塔編排,並在寄出前用不同裝置檢查,成效才比較能穩定上升。

信件真正要完成的事,是把人帶回網站。若企業網站本身難用,再精緻的信件也補不回流失。配合轉換優化,從信箱到網站的每一個接觸點都值得重新打磨。

WhatsApp
Chatbot Icon ANGLIA AI Chatbot
×
For more efficient responses, please shorten your question