要如何设计一封电子报,才能带给使用者良好的体验呢?一般状况下,使用者不会特别去注意到好的设计,但是会对错误的设计十分敏感。
因此这次我们找出了几个常在你身边出现的案例,或许可以帮助你发现你平常没注意到的细节。
友善的定义是,在手机画面上,使用者不需要手动将画面放大,来配合阅读的清晰度。虽然这听起来不是大学问,却可以决定使用者是否有愿意,长期阅读你的电子报。
例如在下面这封 The daily digg 的电子报中,我们分别截取其在 Android Gmail app 与 iOS 原生app 中所呈现出的样貌。可以清楚的发现,在 iOS 的版本中,字体相较下显得非常小,并且阅读上显得吃力。
所以在设计文字编排时,需要考虑到内容是否因为不同的浏览载具(注一)产生出过大的差异。
在过去,桌机上的 Outlook、浏览器曾是主流的收信管道,因此在制作时常以桌机的角度出发,导致图片尺寸过大,比例也常运用横式构图。
然而,若是使用手机收发信件的用户,有限的屏幕大小,以及横式的构图,若还利用旧思维,必然会带来新挑战,例如:过小的图片内容,导致阅读上的困难,甚至是企业识别 logo 无法被清楚地识别。
从桌机思维,所制作的元素,以及从 mobile 思维制作的元素,有什么大区别?让我们看看下面的案例:
下面这封 Salesforce 的内容虽然不差,但是可以看到,在桌机为主的设计理念下,主体的 logo 文字,在 mobile 的环境下几乎无法辨识。
而相较之下,BuzzFeed 的这封电子报,虽然 logo 也同样以文字组成,但是由于考虑到手机的长宽比例,图片中清楚简单的信息呈现,却让你能更容易阅读。
当电子报内容篇幅较长时,阅读者容易因为视觉上疲倦,而难以消化内容。这时候,可以考虑运用对比:色彩、排版,或是文字尺寸,将内容进行区隔分类,以利开信者阅读。
要怎么做?可以参考下面这封 Contently 的电子报。
在网页或 app 中加入行动呼吁的按钮,已经是营销人员经常使用的手法。什么是行动呼吁呢?
行动呼吁指透过设计过的消息正文或呼吁,进而让使用者完成你所期待的行为。
在这封 Shopify 的电子报中,有针对每个不同的新闻、要求,都设置了行动呼吁,来让开信者完成相呼应的行为。例如:继续阅读。
在设计行动呼吁时,有许多面向可以优化。然而,大小的错误,是一开始就可以避免的。
下面这个来自 Inc. Wire 的案例中,社群分享的按钮虽然已经和上下方的内容保持足够的空间,但是按钮本身的大小并不容易点击。这也是在制作电子报内容时可以特别注意的。
上述的案例,能让你在设计电子报的编排时,先避免一些错误设计的发生,还能提高电子报的开启率。
注一:电子邮件会因为浏览载具不同而有不同的呈现结果,常见的分别为 Android 原生、iOS 原生、Android Gmail、iOS Gmail、桌机浏览器等…。