注册表单的改进分解
作者:vinnyhoo 来源:Alibaba.com UED 发布时间:2008-05-31 17:19:00
为了降低用户注册难度,国际站的主注册表单一直在改进。主注册三月至今发生了两次较大的变化,现在对表单调整的地方分解如下:
1. 两步并一步
2. 精简了非必填字段
3. 更改了校验视觉样式
4. 利益点,引导意图
5. 放大校验码
6. 简化agreement部分,弱化其他视觉干扰
7. 信息布局划分
8. 文案表述
9. 数据跟踪
就上述几点做详细的解释:
1-根据国际站的商业需求,需要照顾中国供应商的leads获取,但为了改进表单和降低用户注册的门槛,将分为两步的表单合为一步,但会在表单上做一个明显的提示,引导中供leads[如下图]
2-对表单字段做了精简,保留了用户基本信息字段,将原有的字段移到后续需要行为操作表单时填写
3-对操作区域做了高亮显示;填写输入时出现tips提示(帮助和e.g.);出错时有更正提醒(在视觉上用叹号的提醒icon,替换了原先略有挫败感的小红叉icon);填写正确有成功的提示(鼓励用户继续进行下一步的填写)[如下图]
4-多次数据证明需要告诉用户一个明白的逻辑:为什么要join Alibaba.com,所以在新表单发布上线1周左右,在右侧添加了注册的benifits
5-如果说表单让人觉得麻烦,那另一个拦路虎就是表单校验码!尤其是对于我们的那些上了年纪、电脑基础相对薄弱的目标用户群;考虑安全问题,不能去除的前提下做了一些清晰提示的小改动,使用了全站统一的校验图片、刷新的提醒……当然这些还不够,追求安全和易用的平衡下不断完善
6-将原来的Agreement和Policy的位置移到提交按钮下方,强化引导提交行为,相对弱化Agreement和Policy的引导
7-内容上将用户信息定性划分了三个部分;体现在布局上——三块信息,缩短所有字段堆砌,导致冗长的心理感觉;视觉上提醒用户有行为进程,表单不会太长能尽快填完(如下图)
8-一直被忽略的文案是最终的赢家,文字传达的好坏在人的心理影响上起到了很大的作用,非严肃的公文书面用语会让用户觉得轻松一些,降低完成难度
9-数据跟踪是我们改进表单的根本依据,所以我们有了水晶观察者,在水晶球后观察用户的困难然后像魔法师一样给他们切实的帮助
后续还将就校验框架的交互表现做专题描述,以及表单改进后的阶段数据观察,敬请期待!
猜你喜欢
- 本文介绍了四种asp导出excel数据的方法:1.使用OWC ,2.用Excel的Application组件,3.直接在IE中打开,4.导出
- IE下专属CSS:<![if !IE]><link rel="stylesheet" type=&qu
- 代码如下:<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"
- <%dim ylj,ywj,Mlpath,Shell,rarcomm,RetCode,cmd,comm,fsoM
- 本文主要介绍了一个获取SQL Server数据字典的经典SQL语句,大家可以根据各自的实际情况对这段语句进行相应的修改。SELECT sys
- 完整的示例代码如下: 代码如下:<%@LANGUAGE="JAVASCRIPT" CODEPAGE="6
- 网上有这样一道题目:一个字符串String=“adadfdfseffserfefsefseetsdg”,找出里面出现次数最多的字母和出现的次
- 你用过css么?当然,我是指你喜欢做网页的话,用过?很好,那你用过它的特效么?没有?那请跟我来。让我先通俗的介绍一下css,cs
- 初步介绍 当然,我知道现在有成千上万个关于 用CSS处理圆角 的教程,但不管怎么说,我仍然想把这篇文章展示给您。也希望您会发现这篇文章会非常
- 这篇论坛文章着重介绍了SQL Server数据库简体繁体数据混用的问题,详细内容请参考下文:我现在要说的是一个在简体繁体数据混用的时候很容易
- 本文由 kouyubo 整理到现在为止,只有一些已经工作的特性,他们中的一些如下:圆角从web2.0开始,开始流行使用圆角,如果你不使用圆角
- 本文探讨了提高MySQL数据库性能的思路,并从8个方面给出了具体的解决方法。1、选取最适用的字段属性MySQL可以很好的支持大数据量的存取,
- 如何显示最后十名来访者?代码和说明见下:<%Application.LockIF NOT isArray(&nbs
- 2009年 6月6日,空间4岁啦!与此同时Qzone月登录用户2亿,同时在线用户也突破了1000万。这是让人欢欣雀跃的数字,在空间同事眼里,
- 以这两个域名为例:http://www.knowsky.com/http://code.knowsky.com/这两个域名都是绑在同一个空间
- 今天有朋友问我关于用JAVASCRIPT来进行页面各表单之间的数据传递的问题,我以前也写过,不过从来没有注意,今天总结了一下,希望能够给大家
- 分离结构与表现的另一个重要方面是使用语义化的标记来构造文档内容。一个 XHTML 元素的存在就意味被标记内容的那部分有相应的结构化的意义,没
- 1、动态sql, 即动态参数:在存储过程中,想要直接用表名变量做参数,动态执行sql,不能直接写<P>create proced
- Google网站管理员工具的验证方式有两种,一个是通过html文件,或一种是通过meta标签。通常情况下,这两个方式直接就可以通过验证了。但
- var a = 0, b = 0;[0, 0].sort(function() {a = 1;return 0;});[0, 1].sort