Alibaba.com UED

注册表单的改进分解

vinnyhoo Posted in Interaction Design at 05月 19, 2008 |

为了降低用户注册难度，国际站的主注册表单一直在改进。主注册三月至今发生了两次较大的变化，现在对表单调整的地方分解如下：

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-数据跟踪是我们改进表单的根本依据，所以我们有了水晶观察者，在水晶球后观察用户的困难然后像魔法师一样给他们切实的帮助
后续还将就校验框架的交互表现做专题描述，以及表单改进后的阶段数据观察，敬请期待!