<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Alibaba.com UED &#187; 注册</title>
	<atom:link href="http://www.aliued.com/tag/%e6%b3%a8%e5%86%8c/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.aliued.com</link>
	<description>Alibaba.com User experience design team</description>
	<lastBuildDate>Mon, 26 Jul 2010 01:24:21 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.3</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>注册表单的改进分解</title>
		<link>http://www.aliued.com/2008/05/19/50/</link>
		<comments>http://www.aliued.com/2008/05/19/50/#comments</comments>
		<pubDate>Mon, 19 May 2008 06:35:27 +0000</pubDate>
		<dc:creator>vinnyhoo</dc:creator>
				<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[注册]]></category>
		<category><![CDATA[表单]]></category>

		<guid isPermaLink="false">http://www.aliued.com/?p=50</guid>
		<description><![CDATA[为了降低用户注册难度，国际站的主注册表单一直在改进。主注册三月至今发生了两次较大的变化，现在对表单调整的地方分解如下：
1．  两步并一步
2．  精简了非必填字段
3．  更改了校... ]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.aliued.com/wp-content/uploads/2008/05/1-2to1_1.gif"></a><a href="http://www.aliued.com/wp-content/uploads/2008/05/3-tips_error.gif"></a><a href="http://www.aliued.com/wp-content/uploads/2008/05/7-3parts.gif"></a>为了降低用户注册难度，国际站的<a href="http://us.my.alibaba.com/user/join/join_step1.htm">主注册表单</a>一直在改进。主注册三月至今发生了两次较大的变化，现在对表单调整的地方分解如下：</p>
<p>1．  <strong>两步并一步</strong></p>
<p>2．  精简了非必填字段</p>
<p>3．  更改了<strong>校验视觉样式</strong></p>
<p>4．  <strong>利益点</strong>，引导意图</p>
<p>5．  放大校验码</p>
<p>6．  <strong>简化agreement</strong>部分，弱化其他视觉干扰</p>
<p>7．  信息<strong>布局划分</strong></p>
<p>8．  <strong>文案</strong>表述</p>
<p>9．  <strong>数据</strong>跟踪</p>
<p>就上述几点做详细的解释： </p>
<p>1-根据国际站的商业需求，需要照顾中国供应商的leads获取，但为了改进表单和降低用户注册的门槛，将分为两步的表单合为一步，但会在表单上做一个明显的提示，引导中供leads[如下图]</p>
<p><a href="http://www.aliued.com/wp-content/uploads/2008/05/1-2to1_1.gif"><img class="alignnone size-thumbnail wp-image-57" title="1-2to1_1" src="http://www.aliued.com/wp-content/uploads/2008/05/1-2to1_1-150x150.gif" alt="改版前的两步注册" width="150" height="150" /></a><br />
 </p>
<p>2-对表单字段做了<strong>精简</strong>,保留了用户基本信息字段，将原有的字段移到后续需要行为操作表单时填写</p>
<p> <br />
3-对操作区域做了高亮显示；填写输入时出现tips提示（帮助和e.g.）；出错时有更正提醒（在视觉上用叹号的提醒icon，替换了原先略有挫败感的小红叉icon）；填写正确有成功的提示（鼓励用户继续进行下一步的填写）[如下图]</p>
<p> <a href="http://www.aliued.com/wp-content/uploads/2008/05/3-tips_error.gif"><img class="alignnone size-thumbnail wp-image-58" title="3-tips_error" src="http://www.aliued.com/wp-content/uploads/2008/05/3-tips_error-150x150.gif" alt="交互提示" width="150" height="150" /></a><br />
4-多次数据证明需要告诉用户一个明白的逻辑：为什么要join Alibaba.com,所以在新表单发布上线1周左右，在右侧添加了注册的benifits</p>
<p>5-如果说表单让人觉得麻烦，那另一个拦路虎就是表单校验码！尤其是对于我们的那些上了年纪、电脑基础相对薄弱的目标用户群；考虑安全问题，不能去除的前提下做了一些清晰提示的小改动，使用了全站统一的校验图片、刷新的提醒……当然这些还不够，追求安全和易用的平衡下不断完善<br />
 </p>
<p>6-将原来的Agreement和Policy的位置移到提交按钮下方，强化引导提交行为，相对弱化Agreement和Policy的引导<br />
 </p>
<p>7-内容上将用户信息定性划分了三个部分；体现在布局上——三块信息，缩短所有字段堆砌，导致冗长的心理感觉；视觉上提醒用户有行为进程，表单不会太长能尽快填完(如下图)<br />
 <a href="http://www.aliued.com/wp-content/uploads/2008/05/7-3parts.gif"><img class="alignnone size-thumbnail wp-image-59" title="7-3parts" src="http://www.aliued.com/wp-content/uploads/2008/05/7-3parts-150x150.gif" alt="区块划分" width="150" height="150" /></a></p>
<p>8-一直被忽略的<strong>文案</strong>是最终的赢家，文字传达的好坏在人的心理影响上起到了很大的作用，非严肃的公文书面用语会让用户觉得轻松一些，降低完成难度<br />
 </p>
<p>9-数据跟踪是我们改进表单的根本依据，所以我们有了水晶观察者，在水晶球后观察用户的困难然后像魔法师一样给他们切实的帮助<br />
后续还将就校验框架的交互表现做专题描述，以及表单改进后的阶段数据观察，敬请期待!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.aliued.com/2008/05/19/50/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
