SmartM 电子商务X 人才培训X 专业猎才 社群平台

SmartM 周一至周五天天PO新文,提供您电商、网路营销大小事,以及优质Ecommerce课程。

SmartM 周一至周五天天PO新文,提供您电商、网路营销大小事,以及优质Ecommerce课程。

设计电子报时该注意什么?这四个错误千万不要犯

电子豹
2016-01-20 09:00:00
设计电子报时该注意什么?这四个错误千万不要犯

要如何设计一封电子报,才能带给使用者良好的体验呢?一般状况下,使用者不会特别去注意到好的设计,但是会对错误的设计十分敏感。

 

因此这次我们找出了几个常在你身边出现的案例,或许可以帮助你发现你平常没注意到的细节。

 

友善的文字大小

友善的定义是,在手机画面上,使用者不需要手动将画面放大,来配合阅读的清晰度。虽然这听起来不是大学问,却可以决定使用者是否有愿意,长期阅读你的电子报。

 

例如在下面这封 The daily digg 的电子报中,我们分别截取其在 Android Gmail app 与 iOS 原生app 中所呈现出的样貌。可以清楚的发现,在 iOS 的版本中,字体相较下显得非常小,并且阅读上显得吃力。

 

所以在设计文字编排时,需要考虑到内容是否因为不同的浏览载具(注一)产生出过大的差异。

 daily_digg_compare

 

从手机思维出发

在过去,桌机上的 Outlook、浏览器曾是主流的收信管道,因此在制作时常以桌机的角度出发,导致图片尺寸过大,比例也常运用横式构图。

 

然而,若是使用手机收发信件的用户,有限的屏幕大小,以及横式的构图,若还利用旧思维,必然会带来新挑战,例如:过小的图片内容,导致阅读上的困难,甚至是企业识别 logo 无法被清楚地识别。

 

从桌机思维,所制作的元素,以及从 mobile 思维制作的元素,有什么大区别?让我们看看下面的案例:

 

下面这封 Salesforce 的内容虽然不差,但是可以看到,在桌机为主的设计理念下,主体的 logo 文字,在 mobile 的环境下几乎无法辨识。

 12494456_1026866964002261_900083684_o

 

而相较之下,BuzzFeed 的这封电子报,虽然 logo 也同样以文字组成,但是由于考虑到手机的长宽比例,图片中清楚简单的信息呈现,却让你能更容易阅读。

 12482810_1236589439688413_1086718714_o

 

 

 

色彩编排与对比

当电子报内容篇幅较长时,阅读者容易因为视觉上疲倦,而难以消化内容。这时候,可以考虑运用对比:色彩、排版,或是文字尺寸,将内容进行区隔分类,以利开信者阅读。

 

要怎么做?可以参考下面这封 Contently 的电子报。

 12470865_1236587996355224_1416853032_o_edit

 

行动呼吁 (call to action)

在网页或 app 中加入行动呼吁的按钮,已经是营销人员经常使用的手法。什么是行动呼吁呢?

 

行动呼吁指透过设计过的消息正文或呼吁,进而让使用者完成你所期待的行为。

 

在这封 Shopify 的电子报中,有针对每个不同的新闻、要求,都设置了行动呼吁,来让开信者完成相呼应的行为。例如:继续阅读。

 12510767_1027407713948186_1686637367_o

 

在设计行动呼吁时,有许多面向可以优化。然而,大小的错误,是一开始就可以避免的。

 

下面这个来自 Inc. Wire 的案例中,社群分享的按钮虽然已经和上下方的内容保持足够的空间,但是按钮本身的大小并不容易点击。这也是在制作电子报内容时可以特别注意的。

 12509941_1027424420613182_1996583555_o

 

总结

上述的案例,能让你在设计电子报的编排时,先避免一些错误设计的发生,还能提高电子报的开启率。

 

注一:电子邮件会因为浏览载具不同而有不同的呈现结果,常见的分别为 Android 原生、iOS 原生、Android Gmail、iOS Gmail、桌机浏览器等…。

 

 

延伸阅读

电子报入门必修:这四种电子报你肯定用的到

原文出处

本文授权转载自电子豹

 

严禁抄袭,若欲转载,敬请注明出处「SmartM」并附上原文连结。欢迎各大媒体交换文章连结。加入SmartM粉丝团,更多电商讯息等你关注 https://www.facebook.com/smartm.tw
加入SmartM电子商务学校
亲爱的读者们,欢迎加入SmartM电子商务网LINE@,关注最新的电子商务与网路行销情报,学习不间断,精采文章不漏接。请用手机点击「加入好友」连结,或是扫描QR Code加入。