<?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>GREEN（绿魔）的网络日志</title>
	<atom:link href="http://www.web2ez.org/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.web2ez.org</link>
	<description>博客内容为基于用户友好、开发者友好、搜索引擎友好的学习工作笔记和生活感悟</description>
	<lastBuildDate>Tue, 07 Sep 2010 05:47:32 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>减少注意力干扰</title>
		<link>http://www.web2ez.org/2010/09/attention/</link>
		<comments>http://www.web2ez.org/2010/09/attention/#comments</comments>
		<pubDate>Tue, 07 Sep 2010 05:47:32 +0000</pubDate>
		<dc:creator>GREEN</dc:creator>
				<category><![CDATA[web2ez]]></category>
		<category><![CDATA[表单设计]]></category>

		<guid isPermaLink="false">http://www.web2ez.org/?p=1285</guid>
		<description><![CDATA[应该让人们的注意力集中于完成表单，那些风格一致的导航、横幅广告等让网站看起来很出彩，他们适用于大多数页面，但他们可能不适合表单，只要他们出现了，最好的情况下他们也会分散用户的注意力，更有甚者，造成用户绕道而行，不再填写表单了。 看看麦包包和京东的注册表单在这一点上做的不错，注册表单比较干净利索，下单支付表单也一样。在这些页面，主要表单就够了，最多加一个logo和帮助应该就齐了，其他的元素根据情境做最少的增加，彻底去掉那些可有可无的装饰。 一个好的例子，乐淘（letao.com）的下单页面： 您可能还感兴趣：清晰的浏览路径长表单的处理金石良言：表单的组织标注表单的目的WEB惯例调查]]></description>
			<content:encoded><![CDATA[<p>应该让人们的注意力集中于完成表单，那些风格一致的导航、横幅广告等让网站看起来很出彩，他们适用于大多数页面，但他们可能不适合表单，只要他们出现了，最好的情况下他们也会分散用户的注意力，更有甚者，造成用户绕道而行，不再填写表单了。</p>
<p>看看麦包包和京东的注册表单在这一点上做的不错，注册表单比较干净利索，下单支付表单也一样。在这些页面，主要表单就够了，最多加一个logo和帮助应该就齐了，其他的元素根据情境做最少的增加，彻底去掉那些可有可无的装饰。</p>
<p>一个好的例子，乐淘（letao.com）的下单页面：</p>
<p><a href="http://www.web2ez.org/wp-content/uploads/2010/09/letao.jpg"><img class="alignnone size-full wp-image-1287" title="letao" src="http://www.web2ez.org/wp-content/uploads/2010/09/letao.jpg" alt="" width="500" height="403" /></a></p>
<div id="related"><p  class="related_post_title">您可能还感兴趣：</p><ul class="related_post"><li><a href="http://www.web2ez.org/2010/08/in-focus/" title="清晰的浏览路径">清晰的浏览路径</a></li><li><a href="http://www.web2ez.org/2010/08/particular/" title="长表单的处理">长表单的处理</a></li><li><a href="http://www.web2ez.org/2010/08/organization/" title="金石良言：表单的组织">金石良言：表单的组织</a></li><li><a href="http://www.web2ez.org/2010/08/objective/" title="标注表单的目的">标注表单的目的</a></li><li><a href="http://www.web2ez.org/2010/08/usage/" title="WEB惯例调查">WEB惯例调查</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.web2ez.org/2010/09/attention/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>16周打造超级型男健身特训（7~8周）</title>
		<link>http://www.web2ez.org/2010/09/build-muscle-5/</link>
		<comments>http://www.web2ez.org/2010/09/build-muscle-5/#comments</comments>
		<pubDate>Mon, 06 Sep 2010 05:47:24 +0000</pubDate>
		<dc:creator>GREEN</dc:creator>
				<category><![CDATA[web2ez]]></category>
		<category><![CDATA[超级健身计划]]></category>

		<guid isPermaLink="false">http://www.web2ez.org/?p=1283</guid>
		<description><![CDATA[第7周——第8周 (周一、周四训练安排) Muscle Building Exercise Sets Reps Rest: 1a:  Bench Press 3 5-8   1b:  Weighted Pullups 3 5-8 2 min 2a:  Military Press 3 5-8   2b:  1-Arm Dumbbell Row 3 5-8 2 min 3a:  Tricep Dip 2 8-12   3b:  Hammer Curl 2 8-12 2 min 4a:  Barbell Wrist Curl 2 10-20   [...]]]></description>
			<content:encoded><![CDATA[<p><strong>第7周——第8周 (周一、周四训练安排)</strong></p>
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="300" valign="top">Muscle Building Exercise</td>
<td width="56" valign="top">Sets</td>
<td width="56" valign="top">Reps</td>
<td width="56" valign="top">Rest:</td>
</tr>
<tr>
<td width="300" valign="top">1a:  Bench Press</td>
<td width="56" valign="top">3</td>
<td width="56" valign="top">5-8</td>
<td width="56" valign="top"> </td>
</tr>
<tr>
<td width="300" valign="top">1b:  Weighted Pullups</td>
<td width="56" valign="top">3</td>
<td width="56" valign="top">5-8</td>
<td width="56" valign="top">2 min</td>
</tr>
<tr>
<td width="300" valign="top">2a:  Military Press</td>
<td width="56" valign="top">3</td>
<td width="56" valign="top">5-8</td>
<td width="56" valign="top"> </td>
</tr>
<tr>
<td width="300" valign="top">2b:  1-Arm Dumbbell Row</td>
<td width="56" valign="top">3</td>
<td width="56" valign="top">5-8</td>
<td width="56" valign="top">2 min</td>
</tr>
<tr>
<td width="300" valign="top">3a:  Tricep Dip</td>
<td width="56" valign="top">2</td>
<td width="56" valign="top">8-12</td>
<td width="56" valign="top"> </td>
</tr>
<tr>
<td width="300" valign="top">3b:  Hammer Curl</td>
<td width="56" valign="top">2</td>
<td width="56" valign="top">8-12</td>
<td width="56" valign="top">2 min</td>
</tr>
<tr>
<td width="300">4a:  Barbell Wrist Curl</td>
<td width="56">2</td>
<td width="56">10-20</td>
<td width="56"> </td>
</tr>
<tr>
<td width="300">4b:  Barbell Reverse Wrist Curl</td>
<td width="56">2</td>
<td width="56">10-20</td>
<td width="56">2 min</td>
</tr>
</tbody>
</table>
<p><strong>第7周——第8周 (周二、周五训练安排)</strong></p>
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="300" valign="top">Muscle Building Exercise</td>
<td width="56" valign="top">Sets</td>
<td width="56" valign="top">Reps</td>
<td width="56" valign="top">Rest:</td>
</tr>
<tr>
<td width="300" valign="top">1:  Sumo Squat</td>
<td width="56" valign="top">3</td>
<td width="56" valign="top">5-8</td>
<td width="56" valign="top">2 min</td>
</tr>
<tr>
<td width="300" valign="top">2:  Barbell Squat (Not Front Squat)</td>
<td width="56" valign="top">3</td>
<td width="56" valign="top">5-8</td>
<td width="56" valign="top">2 min</td>
</tr>
<tr>
<td width="300" valign="top">3a:  Stiffed Leg Deadlift</td>
<td width="56" valign="top">3</td>
<td width="56" valign="top">5-8</td>
<td width="56" valign="top"> </td>
</tr>
<tr>
<td width="300" valign="top">3b:  Squat Hold</td>
<td width="56" valign="top">3</td>
<td width="56" valign="top">45 sec</td>
<td width="56" valign="top">2 min</td>
</tr>
<tr>
<td width="300" valign="top">4a:  Dumbbell Step Up</td>
<td width="56" valign="top">2</td>
<td width="56" valign="top">5-8</td>
<td width="56" valign="top"> </td>
</tr>
<tr>
<td width="300" valign="top">4b   Calf Raise (dumbbell)</td>
<td width="56" valign="top">2</td>
<td width="56" valign="top">8-12</td>
<td width="56" valign="top">90 sec</td>
</tr>
<tr>
<td width="300">5:   Super Plank</td>
<td width="56">1</td>
<td width="56">10/side</td>
<td width="56"> </td>
</tr>
</tbody>
</table>
<div id="related"><p  class="related_post_title">您可能还感兴趣：</p><ul class="related_post"><li><a href="http://www.web2ez.org/2010/08/8-minutes-abs/" title="8分钟6块腹肌特训">8分钟6块腹肌特训</a></li><li><a href="http://www.web2ez.org/2010/08/build-muscle-4/" title="16周打造超级型男健身特训（5~6周）">16周打造超级型男健身特训（5~6周）</a></li><li><a href="http://www.web2ez.org/2010/08/build-muscle-3/" title="16周打造超级型男健身特训（3~4周）">16周打造超级型男健身特训（3~4周）</a></li><li><a href="http://www.web2ez.org/2010/07/interval-training/" title="如何通过间歇训练来提高新陈代谢？">如何通过间歇训练来提高新陈代谢？</a></li><li><a href="http://www.web2ez.org/2010/07/build-muscle-2/" title="16周打造超级型男健身特训（1~2周）">16周打造超级型男健身特训（1~2周）</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.web2ez.org/2010/09/build-muscle-5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>8分钟6块腹肌特训</title>
		<link>http://www.web2ez.org/2010/08/8-minutes-abs/</link>
		<comments>http://www.web2ez.org/2010/08/8-minutes-abs/#comments</comments>
		<pubDate>Sun, 29 Aug 2010 16:24:32 +0000</pubDate>
		<dc:creator>GREEN</dc:creator>
				<category><![CDATA[web2ez]]></category>
		<category><![CDATA[超级健身计划]]></category>

		<guid isPermaLink="false">http://www.web2ez.org/?p=1277</guid>
		<description><![CDATA[8分钟6块腹肌特训：这套动作是专门为锻炼腹肌而设计的。 一周做3次，每隔一天做一次（例如周一-周三-周五），坚持2周后做第二集的训练，第一集和第二集的下载地址在本文最下方。 在做腹肌训练之前先做至少7分钟以上的有氧运动，刺激毛细血管，提高毛细血管密度，从而提高气体的交换率，肌肉能力因此而得到改善，能让身体加强氧化酶的生产以满足肌肉对能量的需求。注意：做的时候注意正确的呼吸。 如果在锻炼的过程中，感觉到不寻常的疲劳，请立即停止练习！ 中文版高清视频下载地址： 第一集：http://u.115.com/file/f0a5fbcd2c 第二集：http://u.115.com/file/f0958ecb11 或者在原网站下载：http://www.passion4profession.net/en/download-workouts/fat-burning/ 您可能还感兴趣：16周打造超级型男健身特训（7~8周）16周打造超级型男健身特训（5~6周）16周打造超级型男健身特训（3~4周）如何通过间歇训练来提高新陈代谢？16周打造超级型男健身特训（1~2周）]]></description>
			<content:encoded><![CDATA[<p>8分钟6块腹肌特训：这套动作是专门为锻炼腹肌而设计的。</p>
<p>一周做3次，每隔一天做一次（例如周一-周三-周五），坚持2周后做第二集的训练，第一集和第二集的下载地址在本文最下方。</p>
<p>在做腹肌训练之前先做至少7分钟以上的有氧运动，刺激毛细血管，提高毛细血管密度，从而提高气体的交换率，肌肉能力因此而得到改善，能让身体加强氧化酶的生产以满足肌肉对能量的需求。注意：做的时候注意正确的呼吸。</p>
<p>如果在锻炼的过程中，感觉到不寻常的疲劳，请立即停止练习！</p>
<p>中文版高清视频下载地址：</p>
<p>第一集：<a href="http://u.115.com/file/f0a5fbcd2c">http://u.115.com/file/f0a5fbcd2c</a></p>
<p>第二集：<a href="http://u.115.com/file/f0958ecb11">http://u.115.com/file/f0958ecb11</a></p>
<p>或者在原网站下载：<a href="http://www.passion4profession.net/en/download-workouts/fat-burning/">http://www.passion4profession.net/en/download-workouts/fat-burning/</a></p>
<div id="related"><p  class="related_post_title">您可能还感兴趣：</p><ul class="related_post"><li><a href="http://www.web2ez.org/2010/09/build-muscle-5/" title="16周打造超级型男健身特训（7~8周）">16周打造超级型男健身特训（7~8周）</a></li><li><a href="http://www.web2ez.org/2010/08/build-muscle-4/" title="16周打造超级型男健身特训（5~6周）">16周打造超级型男健身特训（5~6周）</a></li><li><a href="http://www.web2ez.org/2010/08/build-muscle-3/" title="16周打造超级型男健身特训（3~4周）">16周打造超级型男健身特训（3~4周）</a></li><li><a href="http://www.web2ez.org/2010/07/interval-training/" title="如何通过间歇训练来提高新陈代谢？">如何通过间歇训练来提高新陈代谢？</a></li><li><a href="http://www.web2ez.org/2010/07/build-muscle-2/" title="16周打造超级型男健身特训（1~2周）">16周打造超级型男健身特训（1~2周）</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.web2ez.org/2010/08/8-minutes-abs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>16周打造超级型男健身特训（5~6周）</title>
		<link>http://www.web2ez.org/2010/08/build-muscle-4/</link>
		<comments>http://www.web2ez.org/2010/08/build-muscle-4/#comments</comments>
		<pubDate>Fri, 27 Aug 2010 04:43:42 +0000</pubDate>
		<dc:creator>GREEN</dc:creator>
				<category><![CDATA[web2ez]]></category>
		<category><![CDATA[超级健身计划]]></category>

		<guid isPermaLink="false">http://www.web2ez.org/?p=1273</guid>
		<description><![CDATA[第5周——第6周 (周一、周四训练安排) Muscle Building Exercise 组数 次数 休息 1a:  Bench Press 3 5-8   1b:  Band Pres 3 20 2 min 2a:  Barbell Row 3 5-8   2b:  Band Row 3 20 2 min 3a:  Military Presss 2 5-8   3b:  Shoulder Band Press 2 20 2 min 4a:  Pull up 2 5-8   4b:  [...]]]></description>
			<content:encoded><![CDATA[<p><strong>第5周——第6周 (周一、周四训练安排)</strong></p>
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="300" valign="top">Muscle Building Exercise</td>
<td width="56" valign="top">组数</td>
<td width="56" valign="top">次数</td>
<td width="56" valign="top">休息</td>
</tr>
<tr>
<td width="300" valign="top">1a:  Bench Press</td>
<td width="56" valign="top">3</td>
<td width="56" valign="top">5-8</td>
<td width="56" valign="top"> </td>
</tr>
<tr>
<td width="300" valign="top">1b:  Band Pres</td>
<td width="56" valign="top">3</td>
<td width="56" valign="top">20</td>
<td width="56" valign="top">2 min</td>
</tr>
<tr>
<td width="300" valign="top">2a:  Barbell Row</td>
<td width="56" valign="top">3</td>
<td width="56" valign="top">5-8</td>
<td width="56" valign="top"> </td>
</tr>
<tr>
<td width="300" valign="top">2b:  Band Row</td>
<td width="56" valign="top">3</td>
<td width="56" valign="top">20</td>
<td width="56" valign="top">2 min</td>
</tr>
<tr>
<td width="300" valign="top">3a:  Military Presss</td>
<td width="56" valign="top">2</td>
<td width="56" valign="top">5-8</td>
<td width="56" valign="top"> </td>
</tr>
<tr>
<td width="300" valign="top">3b:  Shoulder Band Press</td>
<td width="56" valign="top">2</td>
<td width="56" valign="top">20</td>
<td width="56" valign="top">2 min</td>
</tr>
<tr>
<td width="300">4a:  Pull up</td>
<td width="56">2</td>
<td width="56">5-8</td>
<td width="56"> </td>
</tr>
<tr>
<td width="300">4b:  Kneeling Lat Pulldown</td>
<td width="56">2</td>
<td width="56">20</td>
<td width="56">2 min</td>
</tr>
<tr>
<td width="300">5:    Diamond Pushups</td>
<td width="56">1</td>
<td width="56">20</td>
<td width="56"> </td>
</tr>
</tbody>
</table>
<p><strong>第5周——第6周 (周二、周五训练安排)</strong></p>
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="300" valign="top">Muscle Building Exercise</td>
<td width="56" valign="top">组数</td>
<td width="56" valign="top">次数</td>
<td width="56" valign="top">休息</td>
</tr>
<tr>
<td width="300" valign="top">1a:  Front Squat</td>
<td width="56" valign="top">3</td>
<td width="56" valign="top">5-8</td>
<td width="56" valign="top"> </td>
</tr>
<tr>
<td width="300" valign="top">1b:  Jump Squat</td>
<td width="56" valign="top">3</td>
<td width="56" valign="top">20</td>
<td width="56" valign="top">2 min</td>
</tr>
<tr>
<td width="300" valign="top">2a:  Standard Deadlift</td>
<td width="56" valign="top">3</td>
<td width="56" valign="top">5-8</td>
<td width="56" valign="top"> </td>
</tr>
<tr>
<td width="300" valign="top">2b:  Hamstring Curl</td>
<td width="56" valign="top">3</td>
<td width="56" valign="top">20</td>
<td width="56" valign="top">2 min</td>
</tr>
<tr>
<td width="300" valign="top">3a:  Dumbbell Step Up</td>
<td width="56" valign="top">2</td>
<td width="56" valign="top">5-8</td>
<td width="56" valign="top"> </td>
</tr>
<tr>
<td width="300" valign="top">3b:  Forward Dumbbell Lunges</td>
<td width="56" valign="top">2</td>
<td width="56" valign="top">20</td>
<td width="56" valign="top">2 min</td>
</tr>
<tr>
<td width="300">4a:  Calf Raise (dumbbell)</td>
<td width="56">1</td>
<td width="56">5-8</td>
<td width="56"> </td>
</tr>
<tr>
<td width="300">4b:  Plank</td>
<td width="56">1</td>
<td width="56">45 sec</td>
<td width="56">1 min</td>
</tr>
</tbody>
</table>
<div id="related"><p  class="related_post_title">您可能还感兴趣：</p><ul class="related_post"><li><a href="http://www.web2ez.org/2010/09/build-muscle-5/" title="16周打造超级型男健身特训（7~8周）">16周打造超级型男健身特训（7~8周）</a></li><li><a href="http://www.web2ez.org/2010/08/8-minutes-abs/" title="8分钟6块腹肌特训">8分钟6块腹肌特训</a></li><li><a href="http://www.web2ez.org/2010/08/build-muscle-3/" title="16周打造超级型男健身特训（3~4周）">16周打造超级型男健身特训（3~4周）</a></li><li><a href="http://www.web2ez.org/2010/07/interval-training/" title="如何通过间歇训练来提高新陈代谢？">如何通过间歇训练来提高新陈代谢？</a></li><li><a href="http://www.web2ez.org/2010/07/build-muscle-2/" title="16周打造超级型男健身特训（1~2周）">16周打造超级型男健身特训（1~2周）</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.web2ez.org/2010/08/build-muscle-4/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>清晰的浏览路径</title>
		<link>http://www.web2ez.org/2010/08/in-focus/</link>
		<comments>http://www.web2ez.org/2010/08/in-focus/#comments</comments>
		<pubDate>Thu, 26 Aug 2010 01:39:47 +0000</pubDate>
		<dc:creator>GREEN</dc:creator>
				<category><![CDATA[web2ez]]></category>
		<category><![CDATA[表单设计]]></category>

		<guid isPermaLink="false">http://www.web2ez.org/?p=1267</guid>
		<description><![CDATA[先看一个顶对齐表格的眼动图： 标签，输入框，动作按钮在视觉上呈垂直路径，人们可以迅速对问题做出答复，完成表格的时间最少。 paypal以前的结算表单： 视觉是“之”字形，增加了读的难度，同时降低了表单的完成率。 改版后的： 这样就平衡了。视觉可以在表单上舒适的移动，不会错过任何重要的信息。一般而言，输入框之间的高度间隔约为50-75%。 您可能还感兴趣：减少注意力干扰长表单的处理金石良言：表单的组织标注表单的目的WEB惯例调查]]></description>
			<content:encoded><![CDATA[<p>先看一个顶对齐表格的眼动图：</p>
<p><a href="http://www.web2ez.org/wp-content/uploads/2010/08/yandong.jpg"><img class="alignnone size-full wp-image-1268" title="yandong" src="http://www.web2ez.org/wp-content/uploads/2010/08/yandong.jpg" alt="" width="400" height="500" /></a></p>
<p>标签，输入框，动作按钮在视觉上呈垂直路径，人们可以迅速对问题做出答复，完成表格的时间最少。</p>
<p>paypal以前的结算表单：</p>
<p><a href="http://www.web2ez.org/wp-content/uploads/2010/08/paypal1.jpg"><img class="alignnone size-full wp-image-1269" title="paypal1" src="http://www.web2ez.org/wp-content/uploads/2010/08/paypal1.jpg" alt="" width="500" height="363" /></a></p>
<p>视觉是“之”字形，增加了读的难度，同时降低了表单的完成率。</p>
<p>改版后的：</p>
<p><a href="http://www.web2ez.org/wp-content/uploads/2010/08/paypal2.jpg"><img class="alignnone size-full wp-image-1270" title="paypal2" src="http://www.web2ez.org/wp-content/uploads/2010/08/paypal2.jpg" alt="" width="500" height="430" /></a></p>
<p>这样就平衡了。视觉可以在表单上舒适的移动，不会错过任何重要的信息。一般而言，输入框之间的高度间隔约为50-75%。</p>
<div id="related"><p  class="related_post_title">您可能还感兴趣：</p><ul class="related_post"><li><a href="http://www.web2ez.org/2010/09/attention/" title="减少注意力干扰">减少注意力干扰</a></li><li><a href="http://www.web2ez.org/2010/08/particular/" title="长表单的处理">长表单的处理</a></li><li><a href="http://www.web2ez.org/2010/08/organization/" title="金石良言：表单的组织">金石良言：表单的组织</a></li><li><a href="http://www.web2ez.org/2010/08/objective/" title="标注表单的目的">标注表单的目的</a></li><li><a href="http://www.web2ez.org/2010/08/usage/" title="WEB惯例调查">WEB惯例调查</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.web2ez.org/2010/08/in-focus/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>长表单的处理</title>
		<link>http://www.web2ez.org/2010/08/particular/</link>
		<comments>http://www.web2ez.org/2010/08/particular/#comments</comments>
		<pubDate>Tue, 24 Aug 2010 11:19:49 +0000</pubDate>
		<dc:creator>GREEN</dc:creator>
				<category><![CDATA[web2ez]]></category>
		<category><![CDATA[表单设计]]></category>

		<guid isPermaLink="false">http://www.web2ez.org/?p=1263</guid>
		<description><![CDATA[有的表单要求人们填写大量的信息，但人们不可能有大量的时间来填写，为了让人们清楚的估计表单长度而提高表单完成效率，可以设计一个起始页来告知一些关于表单内容的情境信息。 这个例子中，起始页告诉了人们完成表单需要填写哪些信息，已经写明“整个注册过程需要花费10-15分钟”，就像心理测试里常用的“整个测试过程有80道题，估计需要花费10-15分钟填写”一样。如果没有这些，人们填写到一半因为无法忍受这个“无尽的任务”会产生许多不良后果，对网站的方案，对表单的沮丧，扭头寻找其他竞争网站等。 这种需要大量信息的表单不常见，一般出现在一些在线调查中。 您可能还感兴趣：减少注意力干扰清晰的浏览路径金石良言：表单的组织标注表单的目的WEB惯例调查]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.web2ez.org/wp-content/uploads/2010/08/500.jpg"></a>有的表单要求人们填写大量的信息，但人们不可能有大量的时间来填写，为了让人们清楚的估计表单长度而提高表单完成效率，可以设计一个起始页来告知一些关于表单内容的情境信息。</p>
<p><a href="http://www.web2ez.org/wp-content/uploads/2010/08/500.jpg"><img class="alignnone size-full wp-image-1264" title="500" src="http://www.web2ez.org/wp-content/uploads/2010/08/500.jpg" alt="" width="500" height="331" /></a></p>
<p>这个例子中，起始页告诉了人们完成表单需要填写哪些信息，已经写明“整个注册过程需要花费10-15分钟”，就像心理测试里常用的“整个测试过程有80道题，估计需要花费10-15分钟填写”一样。如果没有这些，人们填写到一半因为无法忍受这个“无尽的任务”会产生许多不良后果，对网站的方案，对表单的沮丧，扭头寻找其他竞争网站等。</p>
<p>这种需要大量信息的表单不常见，一般出现在一些<strong>在线调查</strong>中。</p>
<div id="related"><p  class="related_post_title">您可能还感兴趣：</p><ul class="related_post"><li><a href="http://www.web2ez.org/2010/09/attention/" title="减少注意力干扰">减少注意力干扰</a></li><li><a href="http://www.web2ez.org/2010/08/in-focus/" title="清晰的浏览路径">清晰的浏览路径</a></li><li><a href="http://www.web2ez.org/2010/08/organization/" title="金石良言：表单的组织">金石良言：表单的组织</a></li><li><a href="http://www.web2ez.org/2010/08/objective/" title="标注表单的目的">标注表单的目的</a></li><li><a href="http://www.web2ez.org/2010/08/usage/" title="WEB惯例调查">WEB惯例调查</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.web2ez.org/2010/08/particular/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>金石良言：表单的组织</title>
		<link>http://www.web2ez.org/2010/08/organization/</link>
		<comments>http://www.web2ez.org/2010/08/organization/#comments</comments>
		<pubDate>Mon, 23 Aug 2010 14:51:18 +0000</pubDate>
		<dc:creator>GREEN</dc:creator>
				<category><![CDATA[web2ez]]></category>
		<category><![CDATA[表单设计]]></category>

		<guid isPermaLink="false">http://www.web2ez.org/?p=1247</guid>
		<description><![CDATA[花时间评估表单中的所有问题，提高警觉，去掉一切不必要的问题。 所提问题的标签尽量简洁。 那些容易让人误解的简洁标签，应当找寻使用自然语言的机会，用较长的句子来说明问题也未尝不可。 可以把表单的内容组织成逻辑组，有助于浏览和填写。 如果表单包含大量问题，同时又有多个主题，可能需要多个网页来组织表单。 如果表单包含问题较少，即便分成多个主题，还是可以在一个网页中来组织。 包含大量问题，但只有1个主题的，用一个长网页来组织。 可以考虑在表单填写完成后提出可选问题，这可能会比在开始就提获得更多的回答。 建议用些时间来调查相同类型表单的WEB惯例，发现他们的通用元素和特色，结合情境用在自己的设计中。 采用最少的视觉信息来区分内容组。 您可能还感兴趣：减少注意力干扰清晰的浏览路径长表单的处理标注表单的目的WEB惯例调查]]></description>
			<content:encoded><![CDATA[<ul>
<li>花时间评估表单中的所有问题，提高警觉，去掉一切不必要的问题。</li>
<li>所提问题的标签尽量简洁。</li>
<li>那些容易让人误解的简洁标签，应当找寻使用自然语言的机会，用较长的句子来说明问题也未尝不可。</li>
<li>可以把表单的内容组织成逻辑组，有助于浏览和填写。</li>
<li>如果表单包含大量问题，同时又有多个主题，可能需要多个网页来组织表单。</li>
<li>如果表单包含问题较少，即便分成多个主题，还是可以在一个网页中来组织。</li>
<li>包含大量问题，但只有1个主题的，用一个长网页来组织。</li>
<li>可以考虑在表单填写完成后提出可选问题，这可能会比在开始就提获得更多的回答。</li>
<li>建议用些时间来调查相同类型表单的WEB惯例，发现他们的通用元素和特色，结合情境用在自己的设计中。</li>
<li>采用最少的视觉信息来区分内容组。</li>
</ul>
<div id="related"><p  class="related_post_title">您可能还感兴趣：</p><ul class="related_post"><li><a href="http://www.web2ez.org/2010/09/attention/" title="减少注意力干扰">减少注意力干扰</a></li><li><a href="http://www.web2ez.org/2010/08/in-focus/" title="清晰的浏览路径">清晰的浏览路径</a></li><li><a href="http://www.web2ez.org/2010/08/particular/" title="长表单的处理">长表单的处理</a></li><li><a href="http://www.web2ez.org/2010/08/objective/" title="标注表单的目的">标注表单的目的</a></li><li><a href="http://www.web2ez.org/2010/08/usage/" title="WEB惯例调查">WEB惯例调查</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.web2ez.org/2010/08/organization/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>标注表单的目的</title>
		<link>http://www.web2ez.org/2010/08/objective/</link>
		<comments>http://www.web2ez.org/2010/08/objective/#comments</comments>
		<pubDate>Mon, 23 Aug 2010 10:58:00 +0000</pubDate>
		<dc:creator>GREEN</dc:creator>
				<category><![CDATA[web2ez]]></category>
		<category><![CDATA[表单设计]]></category>

		<guid isPermaLink="false">http://www.web2ez.org/?p=1253</guid>
		<description><![CDATA[人们填表单是为了填完之后的东西：购物，使用服务，获取信息等。没人谁喜欢填表。 告诉人们在填完表单以后会获得什么，能干什么，这是提供清晰路径的一部分。 以下分别是新蛋、gmail、虾米网的注册表单一角： 然后是京东企业用户和校园用户注册： 最后是泰康人寿注册页面： 您可能还感兴趣：减少注意力干扰清晰的浏览路径长表单的处理金石良言：表单的组织WEB惯例调查]]></description>
			<content:encoded><![CDATA[<p>人们填表单是为了填完之后的东西：购物，使用服务，获取信息等。没人谁喜欢填表。</p>
<p>告诉人们在填完表单以后会获得什么，能干什么，这是提供清晰路径的一部分。</p>
<p>以下分别是新蛋、gmail、虾米网的注册表单一角：</p>
<p><a href="http://www.web2ez.org/wp-content/uploads/2010/08/newegg.gif"><img class="alignnone size-full wp-image-1255" title="newegg" src="http://www.web2ez.org/wp-content/uploads/2010/08/newegg.gif" alt="" width="210" height="119" /></a></p>
<p><a href="http://www.web2ez.org/wp-content/uploads/2010/08/google1.gif"><img class="alignnone size-full wp-image-1254" title="google" src="http://www.web2ez.org/wp-content/uploads/2010/08/google1.gif" alt="" width="325" height="76" /></a></p>
<p><a href="http://www.web2ez.org/wp-content/uploads/2010/08/xiami.gif"><img class="alignnone size-full wp-image-1256" title="xiami" src="http://www.web2ez.org/wp-content/uploads/2010/08/xiami.gif" alt="" width="184" height="143" /></a></p>
<p>然后是京东企业用户和校园用户注册：</p>
<p><a href="http://www.web2ez.org/wp-content/uploads/2010/08/qiye.gif"><img class="alignnone size-medium wp-image-1259" title="qiye" src="http://www.web2ez.org/wp-content/uploads/2010/08/qiye-300x59.gif" alt="" width="300" height="59" /></a></p>
<p><a href="http://www.web2ez.org/wp-content/uploads/2010/08/xiaoyuan.gif"><img class="alignnone size-full wp-image-1260" title="xiaoyuan" src="http://www.web2ez.org/wp-content/uploads/2010/08/xiaoyuan.gif" alt="" width="315" height="155" /></a></p>
<p>最后是泰康人寿注册页面：</p>
<p><a href="http://www.web2ez.org/wp-content/uploads/2010/08/kangtai.gif"><img class="alignnone size-medium wp-image-1261" title="kangtai" src="http://www.web2ez.org/wp-content/uploads/2010/08/kangtai-300x61.gif" alt="" width="300" height="61" /></a></p>
<div id="related"><p  class="related_post_title">您可能还感兴趣：</p><ul class="related_post"><li><a href="http://www.web2ez.org/2010/09/attention/" title="减少注意力干扰">减少注意力干扰</a></li><li><a href="http://www.web2ez.org/2010/08/in-focus/" title="清晰的浏览路径">清晰的浏览路径</a></li><li><a href="http://www.web2ez.org/2010/08/particular/" title="长表单的处理">长表单的处理</a></li><li><a href="http://www.web2ez.org/2010/08/organization/" title="金石良言：表单的组织">金石良言：表单的组织</a></li><li><a href="http://www.web2ez.org/2010/08/usage/" title="WEB惯例调查">WEB惯例调查</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.web2ez.org/2010/08/objective/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>表单设计 - 区分内容组</title>
		<link>http://www.web2ez.org/2010/08/distinguish/</link>
		<comments>http://www.web2ez.org/2010/08/distinguish/#comments</comments>
		<pubDate>Sun, 22 Aug 2010 14:04:05 +0000</pubDate>
		<dc:creator>GREEN</dc:creator>
				<category><![CDATA[web2ez]]></category>
		<category><![CDATA[界面设计]]></category>

		<guid isPermaLink="false">http://www.web2ez.org/?p=1242</guid>
		<description><![CDATA[内容组之间应该有所区分，例如雅虎的注册页面和163邮箱的注册页面，他们都用分隔横线和组标签，来区分各个组。也可以用弱背景色加上细线条来实现区分，例如： 以下的解决方案用交替背景色来组织标签左对齐和相应输入框，看起来颇具诱惑力，但这些背景色带来了大量的视觉噪音，反而阻碍了人们的浏览： 过多的视觉信息可能会导致注意力分散，弄巧成拙；我们应该用最少的视觉元素来保证焦点在表单内容上。 您可能还感兴趣：flick的单字段行内编辑直接响应用户操作logo指示退出登录的设计列表中的排序设计]]></description>
			<content:encoded><![CDATA[<p>内容组之间应该有所区分，例如雅虎的注册页面和163邮箱的注册页面，他们都用分隔横线和组标签，来区分各个组。也可以用弱背景色加上细线条来实现区分，例如：</p>
<p><a href="http://www.web2ez.org/wp-content/uploads/2010/08/2.jpg"><img class="alignnone size-full wp-image-1243" title="2" src="http://www.web2ez.org/wp-content/uploads/2010/08/2.jpg" alt="" width="500" height="451" /></a></p>
<p>以下的解决方案用交替背景色来组织标签左对齐和相应输入框，看起来颇具诱惑力，但这些背景色带来了大量的视觉噪音，反而阻碍了人们的浏览：</p>
<p><a href="http://www.web2ez.org/wp-content/uploads/2010/08/3.jpg"><img class="alignnone size-full wp-image-1244" title="3" src="http://www.web2ez.org/wp-content/uploads/2010/08/3.jpg" alt="" width="500" height="339" /></a></p>
<p>过多的视觉信息可能会导致注意力分散，弄巧成拙；我们应该用最少的视觉元素来保证焦点在表单内容上。</p>
<div id="related"><p  class="related_post_title">您可能还感兴趣：</p><ul class="related_post"><li><a href="http://www.web2ez.org/2010/08/flick-inline-editing/" title="flick的单字段行内编辑">flick的单字段行内编辑</a></li><li><a href="http://www.web2ez.org/2010/08/user-action/" title="直接响应用户操作">直接响应用户操作</a></li><li><a href="http://www.web2ez.org/2010/08/logo/" title="logo指示">logo指示</a></li><li><a href="http://www.web2ez.org/2010/08/sign-out/" title="退出登录的设计">退出登录的设计</a></li><li><a href="http://www.web2ez.org/2010/07/sort/" title="列表中的排序设计">列表中的排序设计</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.web2ez.org/2010/08/distinguish/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>WEB惯例调查</title>
		<link>http://www.web2ez.org/2010/08/usage/</link>
		<comments>http://www.web2ez.org/2010/08/usage/#comments</comments>
		<pubDate>Sat, 21 Aug 2010 14:15:18 +0000</pubDate>
		<dc:creator>GREEN</dc:creator>
				<category><![CDATA[web2ez]]></category>
		<category><![CDATA[数据分析]]></category>
		<category><![CDATA[表单设计]]></category>

		<guid isPermaLink="false">http://www.web2ez.org/?p=1238</guid>
		<description><![CDATA[WEB惯例调查，不止可用于表单的设计。但现在就说表单的： 调查就是比较相似网站的设计方案，观察某个特定的领域（如电子商务）中优秀的网站，记录下他们都采用了哪些通用的成功措施。 下图把15家电子商务网站的结算表单出现元素的不同统计了一遍： 同样，我们也可以做一个表格，统计一下国内电子商务名站的注册表单，它们分别出现了什么元素，注册成功后的后续页面出现了那些元素，注册失败的话，会发生什么样的事情等等。 您可能还感兴趣：表单设计的测试阶段减少注意力干扰清晰的浏览路径长表单的处理金石良言：表单的组织]]></description>
			<content:encoded><![CDATA[<p>WEB惯例调查，不止可用于表单的设计。但现在就说表单的：</p>
<p>调查就是比较相似网站的设计方案，观察某个特定的领域（如电子商务）中优秀的网站，记录下他们都采用了哪些通用的成功措施。</p>
<p>下图把15家电子商务网站的结算表单出现元素的不同统计了一遍：</p>
<p><a href="http://www.web2ez.org/wp-content/uploads/2010/08/usage.gif"><img title="usage" src="http://www.web2ez.org/wp-content/uploads/2010/08/usage.gif" alt="" width="375" height="1124" /></a></p>
<p>同样，我们也可以做一个表格，统计一下国内电子商务名站的注册表单，它们分别出现了什么元素，注册成功后的后续页面出现了那些元素，注册失败的话，会发生什么样的事情等等。</p>
<div id="related"><p  class="related_post_title">您可能还感兴趣：</p><ul class="related_post"><li><a href="http://www.web2ez.org/2010/08/form-usability-testing/" title="表单设计的测试阶段">表单设计的测试阶段</a></li><li><a href="http://www.web2ez.org/2010/09/attention/" title="减少注意力干扰">减少注意力干扰</a></li><li><a href="http://www.web2ez.org/2010/08/in-focus/" title="清晰的浏览路径">清晰的浏览路径</a></li><li><a href="http://www.web2ez.org/2010/08/particular/" title="长表单的处理">长表单的处理</a></li><li><a href="http://www.web2ez.org/2010/08/organization/" title="金石良言：表单的组织">金石良言：表单的组织</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.web2ez.org/2010/08/usage/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
