<?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; 注册&amp;表单</title>
	<atom:link href="http://www.aliued.com/tag/%e6%b3%a8%e5%86%8c%e8%a1%a8%e5%8d%95/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.aliued.com</link>
	<description>Alibaba.com User experience design team</description>
	<lastBuildDate>Wed, 04 Jan 2012 02:30:54 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.3</generator>
		<item>
		<title>注册表单的规则——读《Patterns for Sign Up &amp;Ramp Up》</title>
		<link>http://www.aliued.com/2008/06/26/84/</link>
		<comments>http://www.aliued.com/2008/06/26/84/#comments</comments>
		<pubDate>Thu, 26 Jun 2008 14:16:43 +0000</pubDate>
		<dc:creator>vinnyhoo</dc:creator>
				<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[注册&表单]]></category>

		<guid isPermaLink="false">http://www.aliued.com/?p=84</guid>
		<description><![CDATA[ 《Patterns for Sign Up &#38;Ramp Up》很早就读完了，之所以今天才写读后感，细细读完了发现，它更为接近吸引注册、提升活跃度的社区构建引导，是一份社区活跃会员度研究的好资料。 既然答应... ]]></description>
			<content:encoded><![CDATA[<p> <a title="查看地址" href="http://www.scribd.com/doc/3418440/may008-signup" target="_blank">《Patterns for Sign Up &amp;Ramp Up》</a>很早就读完了，之所以今天才写读后感，细细读完了发现，它更为接近吸引注册、提升活跃度的社区构建引导，是一份社区活跃会员度研究的好资料。</p>
<p>既然答应写读后感，就从我的视角来说一点与注册有关的东西，先把整篇资料的骨架分解一下，然后再结合其中观点谈目前的感受。</p>
<p>注册其实是个有点枯燥的任务，《Patterns for Sign Up &amp;Ramp Up》里提到的观点是：</p>
<p><strong>Give the user good reasons to join</strong>——乍看起来有点营销的味道，事物的本质不变，但人的情绪是可以扭转的——让用户有充分的理由来注册；</p>
<p><strong>Make the sign-up process feel effortless</strong>——改变枯燥令人生厌的感觉，就是我们需要做的努力：让表单或整个注册过程变得轻松省力；</p>
<p><strong>Don&#8217;t leave new users hanging</strong>——这个观点在整篇资料里的意义侧重于提升活跃度的办法——用户不是完成了注册就完成了使命，了解社区的新事物才是刚刚开始；</p>
<p><strong>Accelerate initial connection-making</strong>——如果说活跃度从上一个观点拉开序幕，那么这里就是如何使用户在社区里开始生活，建立联系比如通过自己之前发布的信息来联系好友，真的体验海内存知己，天涯若比邻的感觉。</p>
<p>整篇的骨架结构就是一个循序渐进的行为引导，为facebook的引入会员、维护社区活跃的初始引导，做了详细的注解和指导，可做手册查阅。读后侧重工作的总结，梳理几条注册表单的规则：</p>
<p><strong>I.当表单结构需要多步时，需要注意的是给出清晰的导航</strong><br />
a. 使用进度标尺来告诉用户当前的位置和整个步骤<br />
b. 强调几个步骤中的逻辑联系，比如标明：step1、step2、step3<br />
c. 用有意义的图片或ICON甚至是标题来解释各个步骤<br />
d. 使用简单的语言或第二人称描述行为动作<br />
e. 逻辑步骤最好限制在3步内</p>
<p><strong>II.用户在注册行为中的提示<br />
</strong>a. 提示信息（tips）尽量在需要帮助或有前后行为衔接的地方出现<br />
b. 对用户的鼓励应在进程中体现，如每完成一项输入提示一个打勾的图标<br />
c. 尽量避免出现弹出框的警示提醒<br />
d. ICON的出错提示避免用警告的表达，使用户有挫败感<br />
e. 简单易识别的ICON来标记提示、成功、出错的样式<br />
f. 提交表单时如果有出错，过长的表单最好将出错提醒显示在整表头部，指引用户改正</p>
<p><strong>III.关于文案</strong><br />
a. 质量重于数量，一针见血地说出亮点，而非平铺罗列<br />
b. 尽力避免有特殊含义的文案，如果有专属名词请一定要解释清楚，避免用户的困惑<br />
c. 尽力思考文案表面的亮点，什么才最吸引用户，有时“最新”的字样不一定是用户最感兴趣的<br />
d. 在我们以往的项目中多项数据和实践强调证明文案真的很重要</p>
<p><strong>IV.表单的布局</strong><br />
a. 尽量使用对齐的字段、等长的输入框以及一致的视觉样式来减少视觉干扰<br />
b. 尽量控制在一屏内出现3-6个字段和输入框（多用于多步骤的情况）<br />
c. 如果有选填和必填时标明差别<br />
d. 为不同概念的信息归类，尽可能地分开选填和必填</p>
<p>这些表单设计的通用规则，美国Yahoo的LukeW同学对表单做的充分解释也涵盖了它们，都是最为常用的，总结一下给同学们参考，活跃度的引导还是有非常多能深挖的点。这里按下不表，留作后续分解^_^。</p>
<p> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.aliued.com/2008/06/26/84/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>表单系列·出错字段排行榜</title>
		<link>http://www.aliued.com/2008/06/23/80/</link>
		<comments>http://www.aliued.com/2008/06/23/80/#comments</comments>
		<pubDate>Mon, 23 Jun 2008 11:55:06 +0000</pubDate>
		<dc:creator>vinnyhoo</dc:creator>
				<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[注册&表单]]></category>

		<guid isPermaLink="false">http://www.aliued.com/?p=80</guid>
		<description><![CDATA[  最近一直忙，我们的注册页面还是在持续优化。今天抽时间分析了下数据，依然以主注册表单为例，对表单里3个区块、9个字段做了个小小出错排行；看看哪个是用户出错最多的字段、都错在... ]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.aliued.com/wp-content/uploads/2008/06/table.gif"><img class="aligncenter size-full wp-image-81" title="table" src="http://www.aliued.com/wp-content/uploads/2008/06/table.gif" alt="出错字段排行榜" width="500" height="284" /></a> </p>
<p>最近一直忙，我们的注册页面还是在持续优化。今天抽时间分析了下数据，依然以<a href="http://us.my.alibaba.com/user/join/join_step1.htm?cd=0">主注册表单</a>为例，对表单里3个区块、9个字段做了个小小出错排行；看看哪个是用户出错最多的字段、都错在哪、便于以后针对性改进。话不多说了，揭榜开始：</p>
<p><strong>第一名：province</strong><br />
Province是在那四个有province/State的国家时出现在Location处的字段，国家根据商业需求需要放出这几个国家的区域选项，这样原本上一步没有操作行为的字段：国家，根据IP自动读取，导致人们会自然忽略第一个动作从province/State开始，本月中旬做了一点小改动：在旁边做了文案的提示，选择后消失。</p>
<p><strong>第二名：memberRoleCNBuyer</strong><br />
这个字段是在IP定位为中国时，商业利益需要引导去“I want to Sell”的选择，所以“I want to Buy”没有默认选中，在很多用户在表单填写完提交时会遗漏角色的选择。</p>
<p><strong>第三名：Email</strong><br />
我们的Email字段也是表单中的出错大户，原因有2：1.许多用户对注册表单的使用经验中,有Email字段时会联想赠送邮箱的服务，可能会只填写Email前缀或者填写Email后缀为alibaba.com的情况；2.纯粹的出错，有非法的email格式。</p>
<p>解决方法：在表单里放出这个email是用来登录Alibaba的提示，并且提示例子，告诉用户如何填写才是正确的格式，最重要的是保证不会将其泄露给第三方导致spam。</p>
<p><strong>第四名：passwordConfirm<br />
</strong>应填未填或与前面的password不一致</p>
<p><strong>第五名：password<br />
</strong>数据显示最多的出错情况：应填未填。这个似乎是让我们比较困惑的地方，为什么会不填呢?</p>
<p>猜测：1.是用户有可能疑惑这个密码是一个新密码呢，还是上一步填写Email邮箱的密码? 2.轻易提交了密码会不会不安全.</p>
<p>这个是历史遗留问题，我们一直没解释清楚引导用户填写密码的原因，但通常人们的习惯密码应该是那样几个固定便于自己记忆的密码，以前我们还有检测密码强度，安全性低的就不能通过，但这对互联网经验不多又上了年纪的用户来说无疑太辛苦，导致表单一直提交不过，搞懂这密码强度的“奥妙”恐怕要比登天还难，所以现在把这个坎去了，看看是否能在提示上还有更优的方案。</p>
<p><strong>第六名：phoneNumber</strong><br />
电话号码也是根据商业需求，同时考虑行动便捷我们设置了国家码、地区码、电话号码的三段分别填写。国家码是根据国家选择后自动读取，看似方便了很多，但为什么也出错呢？都错哪了呢？看了数据我们发现，有的用户会在国家码的输入框里一口气输完全部的号码！很执着！</p>
<p>我们的分析是：tips的提示可能不够显著，如果在移动到每个格子是highlight关键词，比如加粗Country Code/Area Code/Phone Number，会让用户更容易注意；另外，校验框架对于输入框里灰色默认提示，在鼠标行动过后就不再提示，也是导致用户困惑的一种可能。</p>
<p>解决方法：在表单上直接呈现案例，提示用户那个区域该怎么填；值得深入下去的是我们还要在研究一下我们的主流用户，各自的phoneNumber习惯格式。</p>
<p><strong>第七名：校验码</strong><br />
数据显示最多的出错情况也是应填未填，分析原因是在提交表单出错后，需要重新输入验证码，有些用户可能不理解或者忘记。也许我们需要说明输入验证码的原因，或者在出错需要再次键入验证码的时候给用户一个提醒。解决方法：使用了集团统一的校验码图片，图片位置和表单输入框有些出入，另外我们替换了原来那个让人有点迷惑的刷新小图标，直接显示了替换一张新图片的文字link;同时我们把图片放在了输入框上方，方便对照填写。</p>
<p><strong>第八名：Company Name</strong><br />
出错原因还是应填未填，一口气写了那么多，还真有点出汗，没办法，商业需求的必要字段，原因就不多解释了擦擦汗-_-b、小歇一会准备写最后一个字段。</p>
<p><strong>第九名：Last Name</strong><br />
最后一名，值得表扬！老问题，和Phone Number有点类似，数据观察用户喜欢一口气在第一个框里把名字全写了，我们可能没有为有middle name的用户提供一个完整的服务&gt;_&lt;导致他们困惑了。我们能做的是不判断Last Name为必填，空的时候也可以通过，但是便于其他的友好服务比如页眉、邮件等地方，还是希望能够按规则输入完整信息。</p>
<p>呼……一口气终于都写完了，注册表单的排行榜都揭晓完毕了。小小的表单想为用户提供更好的帮助，还是需要做更多深入的，以上观点还有不全面的地方欢迎补充和指正，改动后的数据也在继续收集分析进行中，一切都还在路上；希望我们改进的同时，也能为正在做类似工作的同学们，供到一点小小的帮助^_^</p>
]]></content:encoded>
			<wfw:commentRss>http://www.aliued.com/2008/06/23/80/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

