系统邮件 - UCD大社区

关于系统邮件的设计

kent.zhu — 2010-03-11 22:46:49

本文主要表达的意思是：邮件的设计与网页的设计有着巨大的差别。如果能用文字千万不要用图片；如果要用图片也千万记得把内容加入图片的Alt属性中；如果有可能给一个明确的退订链接。

写这篇文章的直接诱因是今天下午那个巨崩溃的淘宝注册体验（注意，我说的是给我的体验巨差，没有说用户体验！）。电子商务产品的设计中，我们会最频繁的面对的一个模块就是EDM，在这个过程中积累了一些想法，一并记录下来。

系统邮件可以简单分为2类：提醒类(注册提醒、订阅提醒、生日或节日提醒)、EDM(电子邮件营销)。

      一、作为提醒类的系统邮件，我个人觉得比较简单，只要把握住：简洁、直接2个要素就足够了。提醒类邮件不需要花哨的修饰，不需要夸张的表达，因为对用户而言他唯一需要的就是知晓邮件的内容同时点击那个他需要的链接就足够了，建议使用文本形式制作。
       >>对于发信人：表明身份即可，可以直接使用网站名称。如：Twitter、Flickr Mail
       >>对于标题：表明邮件的来处+需要处理的信息类型就足够了。如：kentzhu is now following you on twitter！
       >>对于邮件头部：需要有一个固定的头部，一般直接使用网站的LOGO就够了。当然，也看到部分EDM放的是LOGO+网站导航。建议不放，因为提醒邮件的作用在于让用户快速的完成任务，不是推广，区别与EDM邮件。
       >>对于邮件内容需要注意：
           1) 千万不要使用图片！这点我觉得是跟网页设计最大的区别，网页上设计师都会使用大且带颜色的按钮来吸引用户的视觉注意，但是在邮件设计中恰恰是个巨大的错误！因为，几乎所有的邮件系统在接受邮件的时候都默认不加载图片的。所以，在邮件中最有力的吸引视觉的手法是文字！比如，淘宝的注册提醒邮件，使用了2个巨大的登录按钮，但是，默认的时候图片被屏蔽，于是整个邮件一片空白….
           2) 链接地址千万使用明文的！目前主流的提醒邮件链接是一个文字链同时附加一个明文链接地址的做法，也是可以的。因为有的邮件系统可能会过滤文字超链接，所以设置成超链接和明文链接的地址一致的做法可以避免这一点。
          3) 如果，你真的要使用图片，那么，请在这个图片上加注"Alt"属性。这样即使图片被屏蔽了也能知道这个图片代表是嘛玩意。比如，Flickr的提醒邮件在这点上就很棒。
       >>对于正文：请千万简洁，表述一下这个是什么动作，用户该怎么做就OK了，其他的啰嗦的不要！因为在这个模块里，用户的目标任务是单一的，你需要的是用更单纯的页面来让用户快速的完成这个任务，这就OK了。
       >>其他：如果可以请告诉用户如何退订类似的邮件(别学流氓卓越亚马逊！)；可以善意的告诉用户请勿直接回复该邮件。

       二、EDM邮件对用户而言，用户可能会更关注其内容的丰富性和视觉效果。因此EDM邮件必然无法纯文字，且EDM邮件的主要目的是吸引用户去网站乃至与去购买，所以会更复杂一些。
       >>对于标题：务必吸引人。但是前提是要表述清楚内容同时不要过长。
       >>对于页面的宽度：建议控制在650px以下。个人比较倾向于使用650px，因为这个宽度不管是对于2栏还是3栏的设计都比较容易布局(刨除10px的间隙，然后再整除一下，很明显这个数字比较容易搞定)。
       >>对于页面内容：因为使用图片无可避免，但是，重要的内容请务必使用文字，哪怕是使用了图片也务必给出文字标识！这点上有啊的EDM做的很棒，有啊的EDM页头是LOGO+主导航的模式，LOGO使用了Alt属性，同时主导航是直接实用的文字链接的形式。这样就算整个邮件图片被屏蔽了重要的信息还是可以显示出来。
       >>对于图片的使用：建议给每个图片一个固定的宽度和高度及Alt属性标识，同时，注意不要使用背景图片。
       >>对于引导：一般的EDM都会在web端留一个源地址，所以，请在你的EDM的明显位置给出一个超链接，“如果图片无法显示请点击这里查看”，这样就算被屏蔽了也能引导部分用户。
       >>关于一致性：如果您会定期发送EDM(这句好似废话啊)，请注意使用统一的风格，主要是页头和页尾的风格统一。如果，你是有期刊号的请将期刊号和时间也一并加入！
       >>关于提醒：请将如何退订、如何联系等必要的内容不吝的放在页面的底部，做个彬彬有礼的推广者。同时，如果您愿意提供退订按钮，请务必试着实现一键退订….

>>一些补充：系统邮件的制作应该随时注意按照邮件的玩法来走，打开速度要快；页面不要过长，建议在2屏内。关于具体内的排版与设计且听下回分解。

奉上有啊EDM一枚(故意屏蔽图片)

相关话题：系统邮件源地址：http://www.ikent.me/blog/2313

如何设计注册激活邮件

大米 — 2010-01-04 21:20:58

最近做了一次口碑网注册流程改造，简单说一下激活邮件的设计上的一些小心得：
1、尽量不要用图片，尤其是别把激活链接做成一个点击按钮。
2、尽量少的给链接，最好只有一个显眼的链接。其他链接一律变短，弱化。链接明文显示。
以上两点，都是基于激活邮件的第一要素：简洁，省去所有不必要的干扰元素。让用户打开邮件，快速点击激活链接走人，符合用户的利益，也符合网站的激活达成率要求。这里有个小技巧，可能有些设计师仅从设计角度考虑的话，把激活链接做成一个显眼的按钮状以示强调，适得其反。这往往是一张显眼的图片，而很多邮箱在第一次打开这样的邮件时，是屏蔽图片的，这就导致用户第一次打开邮件时，看不到图片，也就是看不到链接。我推荐的做法是用加下划线的蓝色链接即可。另外，链接只有一个的话，就省去了用户判断思考的时间，看到链接点进去，肯定是点对的。链接做明文显示，看到的链接与点击的链接一致，这样，如果有些变态邮箱过滤链接的话，用户可以自行拷贝这个链接到浏览器地址栏中完成激活。

3、用简单的邮件头
做会员运营的网站，往往会形成一个固定的邮件头，上面会带一个logo，会加一些网站主频道，这能引导一部分流量，但我们要知道，激活邮件不是运营邮件，用户的目的很明确，点击激活链接走人。加了这些头链接，根本达不到吸引流量的目的。而且，网站的主频道往往随着网站业务的发展，几个月就会有一次变化，我们是否要求每几个月就要程序员来更新注册邮件模板呢？

4、给予适当的提醒和帮助
a、提示用户如果无法点击链接，直接拷贝链接激活。
b、提示这是一封系统发出的信，请勿直接回信。

5、表明身份，发信人使用网站名即可，如“口碑网”、“淘宝网”。

下面以gmail邮箱为例，截取了一些网站的激活邮件
口碑网：

淘宝网：
第一次看到的是图片被屏蔽的：

解除屏蔽之后：

点评：用了图片按钮，同时存在两个醒目的链接会干扰用户点击。

开心网：

点评：够简洁，但缺乏基本的帮助信息。

新浪：

点评：主次内容未做设计上的区分，同时存在两个醒目的链接会干扰用户点击。

豆瓣：

点评：还不错，最后一条虚线不知道有什么含义…

Facebook:

点评：好

人人网：

点评：最后一行帐号上的链接稍稍有点抢眼。

相关话题：系统邮件源地址：http://ued.koubei.com/?p=1021

从一封营销邮件说起

yummy — 2009-02-10 05:47:01

原稿太烂，重写如下。

每天都会收到不少营销邮件，各种形式都有，以电子商务网站发出的居多。

最近几封引起了我的注意，其中有封来自好久不见的易趣。

如下图（邮件比较长，差不多截完，点击可看大图）。

October看见截图，非常感兴趣，我就顺便邀请来帮忙看看。

October对邮件的感觉非常有趣，有些完全出乎我的意料，加上我自己发现，总结如下：

* 邮件主题有乱码！
第一感觉就差了一半，没经过严格测试。类似的错误还有：第二个框子右边莫名多了个边。

* 超赞的“赞”略显模糊，谁“赞”？
我还没“体验”过，肯定不是我“赞”；如果“体验”过，也不一定会“赞”。意思，语序稍显矛盾。不如用更明白，更重用的词。

* 发件地址safety@service.eachnet.com，这种邮件从safety部门发出，会不会有些奇怪？
当然，不会有很多人注意到。

* 邮件重点在哪里？是中间那一大坨文字下方的“我要参加”？还是再下方的店铺模板？到底是用模板，还是推荐位？
没有突出重点，首页推荐才是真正的噱头。按照October的说法，首页推荐太吸引人了，其他都没兴趣看下去了。

* 中间一堆字，到底在说什么？
文字大量重复，关键东西完全被淹没。October很耐心的看完，还是不明白该做什么。“我要参加”前面的“抢”，抢什么？

* 左上角的易趣Logo不能点击。
October提出这样的疑问，让我大吃一惊，看来有些书上说不要让用户无法回到网站首页，是有道理的。

* “免费”不能点击。
October觉得那是个按钮。

* 主题是“赢”，图片中是“送”。
这两个词相差万里，自相矛盾。

* “体验方式”的说明多此一举。
October认为根本就没用，原因是里面提到的操作是要离开邮件到其他页面去完成。

* 只有8个模板
为什么没有更多模板？如果里面没我喜欢的模板，怎么才能看到更多？

* 最大的败笔。
无论点击”我要参加“，还是按照提示，选择了某个模板，都跳到了易趣论坛！完全不是邮件中的提示。

看到这个页面，我忽然明白了邮件为什么搞成了这个样子，又是懒惰的功劳。

下次再来总结总结营销邮件该怎么写。

相关话题：系统邮件源地址：http://www.yummyux.com/?p=164&nucrss=1

从叽歪网的系统邮件说开去

flychina — 2008-10-01 09:02:09

其次是打开邮件后的内容。

分如下7块：标题、LOGO、正文、提示、落款、签名档、页脚。

整体看下来叽歪网发这封邮件的用途就是和客户保持沟通，在节日送上祝福，并提醒多使用自己的产品。不过文字的组织和遣词上有些许不专业的地方。包括了词的用法、句法和结构美不美（不知道应该怎么说，就是文字是否整齐，是否押韵等等）、标点符号的使用等。虽然只有短短两段不足100个字，但是问题还是不少的，错误很明显，时间原因就不详细说了。

另外链接是否有必要加上蓝色下划线。我觉得不必要，一是叽歪网三个字本身桔黄色就代表了和正文的区隔，已经能够达到让用户识别出是链接的目的，二是蓝色和桔黄色在颜色搭配上个人觉得不太好看。

另外，最后，是否有必要告诉用户“此为系统发出的邮件，请不要回复:)”，我觉得没必要。一是因为叽歪网的用户个人觉得是对互联网比较熟悉的一批用户，对这种通知性的邮件看都不一定看，哪还会回复；二是就算有用户回复了也可以在收件服务器上做相应的限定不显示到收件箱，或者，如果这个邮箱是专门群发邮件的话，可以设置黑洞策略就好了。“可以用技术的方法解决的问题就不要麻烦用户”，我是这么认为的。

落款为什么要用蓝色，我不清楚，我觉得还是保持桔黄色，风格统一更好些。

最后的签名档我觉得有点不伦不类，因为从落款处就隐隐有Gmail的风格，再加上类似Google Group那样的签名档，有点似驴非马。而且这段话分明对VC讲更合适。普通用户更关注来这里我能解决什么问题，能满足什么需求。如果是我，我会考虑用“ 你在做啥，你饭否了？请叽歪一下。”

页脚很标准，也很不人性。首先“如有任何疑问”，到你主页上肯定找不到我能解决问题的方法，电子邮件也没要求备案，对用户来说完全是无效信息。我的解决方案就是删掉这段就好了。

相关话题：系统邮件源地址：http://zx.growup.net.cn/blog/172.html

说说网站邀请和邀请邮件

张明星 — 2008-10-09 11:11:52

邀请功能是现在很多网站都有的一个重要功能,很久以前就想总结一下,拖到了现在,分两步分来说,一个是邀请的页面设计,另一方面就是邀请邮件的设计.注:这里的邀请指的是单独独立的邀请功能模块,而不是整合在找朋友功能中的邀请.

邀请页面

关于邀请的这个功能的实现主要有如下几个途径

给出邀请链接复制发送
导入邮件联系人(跟找朋友类似)
导入即时通讯联系人(同上,只是换成MSN等)
导入联系簿文件(上传CSV等)
直接发送邮件(包括高级内容的设置)

实现角度来说,各个网站根据自己的定位不同有不同的选择,一般来说:1,2,3是比较常见和有效率的,4比较少见,原因一是由于本身.整理维护联系人文件的用户不是很普遍(至少我没有),另一方面是把这样的文件上传用户对于安全会比较敏感.而且实际上2和3做的是同样的事情,只是受邀对象的关系程度有所区别.5的话虽然很常见(也许是最开始出现的邀请方式),但是有个问题就是实际操作起来还是比较困难,,我要邀请的话需要先查找她的邮件,然后复制粘贴过来,如邀请几个人的话操作成本可想而知.

找了几个例子截图上来,大家自己看吧我不说废话了,看得时候尤其注意一下邀请功能实现方式的取舍还有页面的布局,包括用户自定义内容的范围.
(点击可查看大图)

Facebook

点击右边的导入电子偶见地址后的页面

myspace cn

Flickr

Orkut

Digg

LASTFM本来原来有个截图,现在改版后貌似没有邀请功能了现在?没找到.原来的邀请页面只有LASTFM是最图文并茂的.

邀请邮件

很多人忽略的部分,很多人对网站第一印象就基于此.

邀请邮件的内容：现在涉及到的有邮件标题;相关链接；网站说明；用户引导；个人自定义内容；邮件免打扰说明；

需要指出的是，实际的邀请邮件对象既有可能是为注册用户，也有可能是已存在注册用户；请注意邀请邮件的行文风格人称语气.

主要内容模块

邮件标题:注意相应的行文语气-距离感
相关链接:快捷注册的链接,点击过后的页面应该是与注册页面不同的
网站说明:邀请别人要让他们知道网站是干什么的,是一个很好宣传定位网站的机会
用户引导:相当多的网站会给出NXETSTEP建议或者FAQ站务论坛链接等,跟注册后引导类似
个人自定义内容:先前发出邀请的人的自定义内容
关于免收此网站邮件的设置链接

OK,还是自己看截图吧,一切尽在图中.

Digg

MyspaceCN

Last fm

Orkut

Facebook

Flickr

总得来说,邀请邮件的目的只有一个,拉用户过来到你的网站,至于来了以后能不能注册留下,需要网站其他产品的设计来考虑了.

两封电子邮件营销例子

Tenk — 2008-11-25 09:18:26

下面是我收到的两封电子邮件，都是从垃圾箱里挖出来的，为什么往垃圾箱里瞅呢，唯一的解释看来只有一个，就是这人闲的五脊六兽。

先看他们在列表里的样子：

第一封，发件人，让我疑惑了一下，标题和正文开头都还不错，所以给我的感觉是我是有价值的。
第二封，发件人，很像病毒，标题，是想让我赶紧点这个很有才的网站，然后中毒吧；还有那惨不忍赌的正文开头，本人宣判你已经彻底的被烙上“病毒、垃圾”。

当然这两封邮件我都看了，要不就没有以下内容了。
第一封来自米胖：

wangtianhe2550 发送至我
swimbug你好，正像我们费尽心机找到你一样，也许你也在找我们。虽然生活很现实，但我们的身边依然有一些对很多东西充满好奇的人。有时候他们是 Geek，有时候他们是潮人，有时候，他们只是玩家…三年来，我们的目标就是打造出一个给你用的网站（不要奇怪，我们找的就是你这样懂数码、玩手机的时代青年~~）。这是一个热闹又保持一定分寸的社区，今天代表近百万用户诚挚邀请你加入。她很聪明，她亲切友好，试一下，你会爱上她。(这里已经有很多 Nokia fans，大家都在等你~~)

绝对不一样的体验，请点这里试用

如果上面链接不可点，请复制下列地址到浏览器打开
http://www.mpsns.org.cn/index2.html

唯一的疑惑是wangtianhe2550，还有怎么是Tom.com而不是其他的比如mpsns.com，再来看正文内容，一是触动你的好奇神经，间接夸你一番，二是直接寻找目标用户群体。

我们应该相信文字所拥有的魅力，前提是你要组织好什么是重点，从哪个角度来描述。可惜的是这封信还是躺在了垃圾箱里。另外，我“点这里试用”后，看到米胖，发现其实我已经注册过了，只是米胖不认识我。

第二封来自游条网：

ÓÎÌõÍø 发送至我
(Gmail提示)图片没有显示。显示以下图片
本邮件链接了部分图片，如果您无法正常浏览请点击 <这里>
通过地图分享旅游经验，分享旅游照片，分享城市生活！
游条网——展开你的地图人生，你的乐趣所在！
完美人生 = 【生活 + 邂逅 + 旅游】加入我们,体验与众不同的游条人生!!
-> 生活 <-
-> 邂逅 <-
-> 旅游 <-

第二封使用了HTML格式，因此实际上的排版并没有这么工整，简直糟糕的要命，就跟那些卖性用品的、壮阳的、一下子加长8CM的没什么区别，不是吗？其实第二封已经被烙上“病毒、垃圾”，所以我压根就没点开过。

下面列几点我对互联网产品邮件营销的格式的建议：

发件人：看起来像人名其实是不错的选择，域名跟正文所要推广的网址一样可能会更好，最少应该使用比较常用的邮箱域名，就比如tom.com吧。
主题：请不要自夸，这得用户说了算，应该从用户的价值和利益出发，切合主题，简单且明了。
正文：正文格式应该尽量避免使用大面积图片排版，当然如果已经是网站的用户了，可以稍微宽松一点。请注意正文的开头部分，这部分内容在很多邮箱服务会显示在邮件列表里。
最后也是最重要的尽量避免被当作垃圾邮件，这点我不了解，所以也说不出个所以然来。我猜测米胖的邀请信被当作垃圾邮件的原因是wangtianhe2550这个发件人地址向Gmail的用户发了有一定数量的邮件。

其实邮件营销是不是就应该躺在垃圾箱里，这本身已经是个问题，但至少不能让别人太反感，如果有幸进入用户的收件箱，只要能给用户带来哪怕一丝的愉悦或惊喜也就不那么垃圾了。

十分糟糕的卓越亚马逊和当当网的Email营销

oxygen — 2008-12-12 23:47:53

卓越亚马逊和当当网是国内两家最大的综合 B2C 商城，无处不在的价格战，以及 5 元运费之争，早已让双方的竞争达到白热化状态。昨天，我的手机第一次收到了当当网的促销信息，敢情这经济危机的冬天真是不好过啊。而更为常见的，则是卓越和当当频繁到极致的 Email 资讯。

尽管社会化网络营销手段越来越丰富，但传统的直邮（DM,Direct Mail）广告依然是维系商家与消费者的单向渠道，低成本、高效率、定向传送等特征足以让任何一个商家引起重视。同时 Email 营销也是网络营销人士关注的一个基本领域，但看了下面卓越亚马逊与当当网的 Email 营销系统，你就会知道，看起来十分简单的 Email 营销要做好并不容易。

先来看卓越亚马逊，虽然美国的亚马逊无比牛逼，但这个中国小子过得并不好。

当我点击上图中的“退订本类邮件”时，卓越亚马逊给我来了一个没有经过任何优化处理、十分不友好的 404 页面。

另外，我前不久刚换了我的常用 Email 地址（包括卓越的登陆 Email），而卓越网的“更新我的邮件订阅”则需要登陆后才能对自己的 Email 进行设置；同时，我原来的 @Gmail.com 邮箱则是默认为接收卓越邮件的。也就是说，现在我的 Gmail 邮箱必须无条件地接收来自卓越的邮件，而不能退订！（除非我再次更改登陆 Email 进行退订）

看了雷人的卓越亚马逊的 Email 营销系统，再来看看更让人失望的当当网。

值得肯定的一点是，当当网允许用户在邮件里输入 Email 地址以退订，这看起来真的很体贴。

但这其实只是一个虚招，在随后弹出的订阅地址里（http://www.dangdang.com/dd2001/recommendmail/maillist.asp，注意url里的2001，莫非这是当当2001年的系统，真节约人力资源啊），你必须重新输入你的 Email 地址（今天重点说 Email 营销，这个页面仅支持 IE 浏览器的诟病就不说了）。在这个新页面里，我试着订阅了“工商管理”和“计算机/网络”两个类别的图书资讯，但在接下来的页面里，出现的却是“个人理财 | 经济”，我彻底被雷翻了。

订阅系统出错我就认了，就当我眼花了吧。不死心的我，再次点击“查询已订阅资讯”按扭，查询的结果与之前的页面一模一样，系统并没有告诉我到底订了哪些资讯——何必放这个多余的按扭糊弄人呢？

被卓越亚马逊和当当网狠狠地雷了之后，来总结一下。

1、一个优秀的 Email 营销系统，除了能够做到精准地发送信息外，更重要的是要允许用户进行更改、退订。没有尊重用户选择权的网站，无论做得多么牛逼赚了多少钱（何况卓越与当当还在亏损），都只是流氓公司，发送的信息迟早会被用户标记为 Spam。一些不能方便进行退订的 Email，都被我标为了 Spam，直接过滤。

2、互联网产品的任何一个按扭，都有它的目的和意义，多一个不好，少一个也不行。卓越亚马逊和当当网的 Email 营销，一定给用户造成了非常多的困扰，因为中国用户的平均电脑使用水平真的不高。

3、网站的不同产品之间要做到信息互通与整合。虽然卓越亚马逊允许我更换登陆 Email 地址，但在 Email 订阅方面却没有考虑到这一细节。

4、我不认为卓越亚马逊和当当网花不起钱请不到优秀的产品经理，但从产品上来看，他们的态度的确很有问题。或许一款好的邮件订阅系统的确不能帮助卓越亚马逊和当当网盈利，但我觉得“细节决定成败”的道理在互联网比其它行业都体现得更加淋漓尽致。

5、有人说 4 是不好的数字，我凑一个第 5 点吧。从上面的比较可以看出，卓越亚马逊稍微比当当网强那么一点，登陆才能设置保证了用户权利，同时后台的订阅管理也比较清晰，方便管理。从我经常买书（两个网站都是 VIP 会员）的情况来看，我也更愿意在卓越下订单。

相关话题：系统邮件源地址：http://ecvip.org/archives/754