交互设计实例:设计注册激活邮件的心得

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

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

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

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

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

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

解除屏蔽之后:

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

开心网:

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

新浪:

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

豆瓣:

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

Facebook:

点评:好

人人网:

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

时间: 2024-08-01 20:34:57

交互设计实例:设计注册激活邮件的心得的相关文章

CSS网页设计实例:设计制作大背景网页

网页制作Webjx文章简介:如何用CSS实现大背景网页设计. 自从我发布了大背景网页设计合集之后,我收到了很多电子邮件询问如何用css实现大背景的网页设计.因此我决定和大家分享大背景网站的设计技巧.在此教程中,我会用一些实例来说明如何用一张或者两张图片实现大背景网站的设计. 经常会犯的错误:背景被裁减(查看示例) 查看示例文件,在小于1280分辨率时,是没有问题的.但是如果你的显示器的分辨率大于1280像素,你会看到背景图片以外的部分. 实例1:一张图片(查看示例) 简单的解决问题的方法:将图片

用户体验设计:激活邮件页面的设计

最近做了一次口碑网注册流程改造,简单说一下激活邮件的设计上的一些小心得: 1.尽量不要用图片,尤其是别把激活链接做成一个点击按钮. 2.尽量少的给链接,最好只有一个显眼的链接.其他链接一律变短,弱化.链接明文显示.以上两点,都是基于激活邮件的第一要素:简洁,省去所有不必要的干扰元素.让用户打开邮件,快速点击激活链接走人,符合用户的利益,也符合网站的激活达成率要求.这里有个小技巧,可能有些设计师仅从设计角度考虑的话,把激活链接做成一个显眼的按钮状以示强调,适得其反.这往往是一张显眼的图片,而很多邮

交互设计实例:网易邮箱极速3.5版本设计

网易邮箱极速3.5版本历时半年多时间终于与大家见面了. 极速3.5有哪些新特性: 整齐,简洁的首页,能够自适应屏幕的大小提供最佳的显示方式. 一体化侧栏设计,功能更加集中,查找使用更方便. 全新的图标设计,读信时信头信息可以最小化,让你获得更大的阅读空间. 我们做了些什么: 无数次的交互,视觉的讨论和用研的验证. 产出效果图,超过200张. 制定了1套"视觉设计规范",和1套"交互控件规范". 简略讲讲各阶段所做的一些事情: 用研阶段: 极速3.5用研主要做的工作有

网站交互设计实例:正确的引导赢得用户的忠诚

文章描述:网站交互设计实例:正确的引导赢得用户的忠诚. 网站上,用和主色调对比很强的颜色或质感很强的按钮吸引用户进行操作,从而促成交易,或浏览相关重要信息. 正确的引导,符合了人机工程原理,优化了用户体验,给用户以易用.互动性.从而使网站给用户留下了美好印象,用户倍感温暖,加大了第二次访问的可能性. 那么反之,不正确的引导--误导,会是一种什么情况.笔者上周曾去南京一趟,便在沪宁城际高铁常州站站台遇到了误导. 笔者是高铁5号车厢,可是在其旁边不远却有一个有明显的动车13号车厢,该标志很明显很清晰

产品交互设计实例:首都机场的点烟器

文章描述:产品交互设计实例:首都机场的点烟器. 首都机场的吸烟室里并不像其他机场那样放几个固定的打火机,而是点烟器,和车载点烟器基本是一样的:先按下加热,加热好后,它会自动弹起,拔出来,里面的电阻丝已经是红红的了,就可以点烟了.上图为车载点烟器,与首都机场的点烟器一样,加热过程中只是被按下去了,未显示进度,也未能形象的表现出"正在加热"的含义. 我走到点烟器的近前,按下,让它加热,然后等待,等了一会儿还不见动静,不知是仍在加热还是出了故障.吸烟室里很多人,感觉自己被别人看着,不会用这玩

交互设计实例:嵌入登陆设计方案的改进探讨

文章描述:由一个嵌入登录设计方案想到的. 最近参与的project中需要把用户登录嵌入一个file open对话框,让用户在打开云端文件之前确认登录. Existing方案: 将用户登录相关功能集成到一个Combo Box中,用户通过其显示窗口描述当前用户账户状态. <User Name>-----------–用户已登入账户,显示其用户名 Sign in--------------–用户尚未登入账户,选择该command进行登录操作 Sign out--------------用户已经登入账

交互设计实例:sohu的widget开放平台的气球设计

曾经在sohu的开放平台上做过一些小的widget,其实这些widget已经是很久以前的事了,只是最近在看站点访问量时,还是想应该把这段记录下来.故事虽然很小,甚至都不算是产品,但是过程也许多少还能给人一些启发吧. 当时,对产品设计很多的思考来自于观察普通用户的行为,但苦于不能验证这些用户的感觉是否到位.sohu的widget开放平台已经建立了一段时间,于是萌生了业余时间做个小的widget,一来测试一下平台的传播性,另一方面可以通过数据更好地提高自己对用户的理解. 一. 飘扬的汽球 背景: 当

交互设计经验:设计过程中存在太多的矛盾

文章描述:交互设计经验:设计过程中存在太多的矛盾. 在产品团队中经常听到有人表态:"我们要做简洁的用户界面",同时又有另外一种声音传来:"我们要做功能强大的产品".乍一听,简洁意味着用户界面控件精炼,然而少数的交互方式如何表达各类强大的功能?反之,强大意味着功能丰富强劲,必然拥有错综复杂的联系,如何让其界面保持简洁?两者似乎无法共存,这让我突然想到自相矛盾的故事,楚国商人夸耀自己的矛锐利万分,同时自己的盾又坚固无比, "以子之矛,陷子之盾,何如?"

交互设计探讨:设计合理的明确的操作入口

"操作入口明确",就是指产品的任何一个功能都要有明确.合理的入口."操作入口",指的是产品内部不同模块之间的转接元素,例如在Web产品中,按钮控件.输入框.文字链等都属于操作入口:"明确"指的是入口的视觉感是清晰的.可识别的:"合理"是指入口的出现是符合用户操作逻辑的,适时的. 之所以要提出"操作入口明确",是因为用户在使用产品的过程中,往往遵循的是可分析的行为逻辑.对于产品本身而言,必须有相对应的操作提示