你的企業重視電子報嗎？對許多企業來說，電子報都是推廣產品、維繫客戶關係的重要管道。電子報的發展歷史已久，然而隨著時代改變，使用者的習慣也改變了，許多經營電子報的方式卻沒有跟著改變。根據 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。 太小的按鈕手指按不到，轉換率自然就下降了。

5.做好 CTA（Call To Action）按鈕的設計

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

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

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

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

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

8.別忘了調整點擊電子報後的到達網頁

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

9.追蹤、測試與實驗

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

Lab Memo：以下把剛剛提到的九個重點再總結一次：

1. 便於閱讀的文字大小
2. 合適的寬度
3. 考慮使用單欄式設計
4. 按鈕尺寸要夠大
5. 做好 CTA（Call To Action）按鈕的設計
6. 避免過於複雜、過長的內容
7. 圖片的替代文字一直都是必備
8. 別忘了調整點擊電子報後的到達網頁
9. 追蹤、測試與實驗

George Chang

Co-Founder at Conversion Lab | Website

走在追逐創業夢想的路上，相信使用者研究能幫助我們找到問題的核心。學經歷橫跨商業管理、網站程式開發、和使用者經驗設計，希望有一天能創立兼顧商業目標跟社會責任的企業。