scribble

吕小荣

Blog Friends RSS About

如何设计邮件的退订按钮?

24 January, 2015

我订阅了很多优质网站的邮件,每周邮箱会收到几十封设计精美的电子邮件。

按照类型分为

  • 有事务性邮件
  • 有营销类邮件。

按照内容分为

  • 每周精选
  • 订单动态
  • New feature
  • 找回密码
  • 促销
  • ….

我倒不是真的对这些邮件的内容感兴趣,而是想看一下优秀的邮件是如何设计的。一旦碰到精致的邮件,我就会保存到 Evernote 中。

这周在退订一些网站的邮件时,发现了一个关于退订的魔鬼细节。

4. 最烂的邮件:没有退订按钮,标记为垃圾邮件!

我特别好奇这种邮件的发送方是什么心理,为什么不让用户退订?

  1. 给非目标用户发送邮件,多费钱呀。

  2. 你不让用户退订,用户就拿你没办法了吗?小手一点,直接标记为垃圾邮件。

「又拍云」的所有邮件都没有退订按钮,每次收到他们的邮件,我直接标记为 spam。

3. 稍烂的退订方式:先登录,再退订。

采用这种退订方式的网站不胜枚举。

当用户点击「退订」:

  1. 看到登录框,老老实实输入密码,成功退订邮件。

  2. 看到登录框,老老实实输入密码,密码连续输错,心中一万只草泥马奔腾,拉黑!

  3. 看到登录框,拒绝登录。直接拉黑。

Flow

2. 单纯且善良的退订方式:点击后立刻退订成功。

  1. 用户点击「退订」

  2. 跳转到一个页面,提示用户退订成功。

wundlist

这种方式是最善良,最高效的方式,但是存在2个问题:

  1. 用户可能误点击退订按钮。

  2. 如果网站有A、B 两种类型的邮件,用户无法选择性的退订 A。

1. Best and Last

到目前为止,我个人遇到的最优雅的退订方式是 简书 和 Busuu。他们的流程如下:

  1. 用户点击「退订」

  2. 跳转到用户的邮件设置页面(无需登录)

  3. 用户根据自己的喜好配置邮件提醒(无需登录)

这样做的好处:

不用输入密码,降低了交互复杂度。用户可以选择性的退订邮件类型,而不是一股脑的全盘退订。

实现方式

  1. 简书的退订链接是通过 user id 来标识用户, 退订 token 来防伪造。

    http://www.jianshu.com/settings/email/unsubscribe?unsubscribe_token=ezqlv2k6xfvs&user_id=646

    简书

  2. Busuu 通过 message_id 来标志用户,hash 来放伪造。

    http://link.busuu.com/manage/3jw/oc?message_id=3654906860&hash=3u6rna76pmcj

    Busuu

人和人的差距是学习拉开的,产品与产品的差距是细节拉开的。