你的企業重視電子報嗎?對許多企業來說,電子報都是推廣產品、維繫客戶關係的重要管道。電子報的發展歷史已久,然而隨著時代改變,使用者的習慣也改變了,許多經營電子報的方式卻沒有跟著改變。根據 Google 的調查指出,台灣 16 歲以上民眾持有智慧型手機的比例已經超過半數,並且有 74% 的人曾經用智慧型手機來收發電子郵件。另一份美國的研究則指出,高達 66% 的電子郵件,是在手機或平板電腦上被打開的。

也就是說,大家在閱讀電子郵件的時間跟環境,也變得更多元了;可能用著 4 吋左右的螢幕而不是 17 吋以上的電腦螢幕;可能一手抓著公車握把,一手拿著手機在看電子郵件;用來閱讀電子郵件的軟體,也從 Outlook 漸漸變成手機內建的郵件 App。也因此,設計電子報的方式也必須有所改變,必須讓電子報在不同裝置上,都能夠清楚傳達訊息,也才能夠讓電子報發揮它應有的效果。

以下提供幾項讓電子報無論是在行動裝置上或電腦上,都能方便閱讀的設計建議:

1.便於閱讀的字型大小

在行動裝置上,需要更大的字型以便閱讀;在 iOS 設計規範中建議是 17~22px,在 Android 設計規範中則建議是 18~22px。雖然使用者可以透過縮放、拖曳來看完整封郵件,但還是別再考驗大家的眼力吧。

2.合適的寬度

盡量不要超過 600px,內容太寬的話,即使在桌機的電子郵件軟體中也是很難閱讀的。

3.考慮使用單欄式設計

為了讓不同裝置都能有好的效果,應簡化版面配置,避免用多欄式的設計,才不會看起來眼花撩亂。

4.按鈕尺寸要夠大

同樣可參考各家設計規範,Apple 說按鈕至少 44px * 44px;Android 則是 48px * 48px。 太小的按鈕手指按不到,轉換率自然就下降了。

Etsy 的 EDM,用單欄式的設計,盡量讓商品圖片有足夠的空間來呈現

Etsy 的 EDM,用單欄式的設計,盡量讓商品圖片有足夠的空間來呈現

5.做好 CTA(Call To Action)按鈕的設計

要使用者去購買、訂閱等重點行為的按鈕,是整封電子郵件最重要的部分,一定要清楚。由於許多人是使用單手、用大拇指來操作手機,所以 CTA 最好是置中、寬度夠寬,無論使用者是用左手還是右手都能輕鬆按到。

Canva 的 email,有清楚的 CTA 按鈕,尺寸便於點擊

Canva 的 email,有清楚的 CTA 按鈕,尺寸便於點擊

6.避免過於複雜、過長的內容

好好地傳達一件事就好,不要包山包海什麼都想講,在手機上不適合看太長的文章。是在手機上看電子郵件,不是在電腦上逛網站,所以也不應該有太多的導覽、複雜的架構、太多的 Call To Action 按鈕等等。

7.圖片的替代文字一直都是必備

要好好思考哪些圖片是必要的,並且把替代文字(alt)都設定好。有些 App 預設是會顯示圖片的,有些則否。

8.點擊電子報後的到達網頁

電子報搞定了,點擊電子報之後到達的網頁也應該要能在行動裝置上妥善顯示才是。

9.追蹤、測試與實驗

最後要提醒的是,記得使用流量追蹤服務,以便追蹤、分析每次電子報的成效。上線之前,模擬手機裝置來進行測試,確認在不同裝置上都有好的效果。設計不同的版本來進行 A/B Test 或是進一步規劃使用者研究,不斷摸索最佳的作法,讓電子報的成效最大化。

本文同時刊載於 Conversion Lab

Image source:By Michael Coghlan, CC BY SA 2.0