<?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>Xiaoxiao&#039;s Weblog &#187; 以用户为中心</title>
	<atom:link href="http://liuyuntian.com/tag/%e4%bb%a5%e7%94%a8%e6%88%b7%e4%b8%ba%e4%b8%ad%e5%bf%83/feed" rel="self" type="application/rss+xml" />
	<link>http://liuyuntian.com</link>
	<description></description>
	<lastBuildDate>Wed, 16 May 2012 02:18:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>网站有效设计的10个原则</title>
		<link>http://liuyuntian.com/2008/02/04/10-principles-of-effective-web-design-chinese-version.html</link>
		<comments>http://liuyuntian.com/2008/02/04/10-principles-of-effective-web-design-chinese-version.html#comments</comments>
		<pubDate>Mon, 04 Feb 2008 09:09:39 +0000</pubDate>
		<dc:creator>xiaoxiao</dc:creator>
				<category><![CDATA[体验与设计]]></category>
		<category><![CDATA[交互]]></category>
		<category><![CDATA[以用户为中心]]></category>
		<category><![CDATA[信息]]></category>
		<category><![CDATA[可用性测试]]></category>
		<category><![CDATA[标准]]></category>
		<category><![CDATA[测试]]></category>
		<category><![CDATA[用户体验]]></category>
		<category><![CDATA[研究]]></category>
		<category><![CDATA[网站]]></category>
		<category><![CDATA[网站设计]]></category>
		<category><![CDATA[翻译]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://liuyuntian.com/2008/02/04/10-principles-of-effective-web-design-chinese-version.html</guid>
		<description><![CDATA[原文：10 Principles Of Effective Web Design 翻译：熊猫　2008-02-03 本文由熊猫同学授权翻译首发。并不是专业翻译，仅供参考。 　　决定一个网站成败命运的，不是视觉设计，而是设计的可用性和有效性。访问网页的用户们握着鼠标，决定一切，“以用户为中心”已然是成功网站的标准设计方向。总之，用户不用的功能，就不该存在。 　　我们并不打算重复探讨操作细节（比如：“搜索工具栏”应当怎么放置），相反，我们的目光将集中在网站有效设计的核心原则、启发式方法和入门上。这些如果能够使用得当，可以催产出更丰富的设计作品，且使呈现的信息更容易被获取。 请注意 我们有相关文章可供参考： 10大可用性梦魇 和 可用性30专题。 接下来论文中将涉及更多有效设计原则，你可以考虑订阅我们的RSS源。 　　为了能够合理利用这些原则，我们首先需要理解用户是怎样与网页交互活动的，是怎么思考的，行为的基本模式又是怎样的。 用户们是怎么思考的？ 　　通俗地讲，用户在互联网上的行为习惯与日常商店中的顾客们并无二样。来访者们扫视每个新页面，浏览其中的一些文本，点击他们最感兴趣的链接，或者隐约觉得能带他们找到他们想要内容的链接。事实上，页面的绝大部分，他们根本不看。 　　许多用户找寻感兴趣（或者他们觉得有用）且可以点击的信息，只要一些看起来符合期望的目标出现，用户就会去点击。如果新页面没有满足用户的期望，用户将点击“后退”，继续搜索。 用户看重质量和信誉。如果一个网站向用户提供了高质量的内容，用户就演绎忍受广告和糟糕的设计。这就是为何有些网站设计平平，但提供了高质量内容，就年复一年拥有着骄人的流量。内容重于形式。 用户不是阅读，而是浏览。用户分析一个网页的时候，寻找一些重要的节点或者锚点，目的是希望这些链接能够指引他们到期望的内容。 　　  用户不是阅读，而是扫视浏览。主要“高亮”区域在页面内容的中间断开了。这是典型的扫视浏览模式。　　 互联网用户是无耐心且必须立即被满足的。非常简单的原则：如果一个网站没有达到用户的期望，设计师的工作就失败了，公司也会有经济损失。认知负荷越高、导航越不直观，用户越倾向于离开这个网站，寻找它的替代品。　　 用户不做最优的抉择。用户不会寻找最便捷的方法找到他们需要的信息。他们也不是线性浏览一个网页，按顺序从一个站点跳转到另一个站点。相反，用户是很容易满足的，他们通常选择第一个让他们满意的选项。只要他们找到一个他们觉得能指向期望目标的链接，他们通常会立即点击。最优的抉择是有难度的，需要花费很多时间。满意即可非常高效。【视频】 　　  　　 　　两个图片都显示：网页阅读模式是非线性的。右下方的路径图显示了用户浏览一个网页的视线轨迹。 用户遵从他们的直觉。在通常的情况下，用户杂乱无章地扫视而非阅读设计师们呈现的信息。根据Steve Krug的研究，最根本的原因是：用户不关心。“如果我们发现一些东西奏效，我们就会被吸引。这些东西是怎么运作的对我们来说不重要，我们只要能够使用它们就足够了。如果你的受众喜欢大的公告栏，就要做的就是设计一个更大的，公告栏。” 用户希望有可控感。用户想控制他们自己的浏览行为本身，且依赖网站呈现的连续的内容。例如，他们不想一个新窗口出乎意料地弹出，他们希望用“后退”按钮返回刚刚的页面；因此，从不在一个新的浏览窗口中打开超链接是一个好的行为。 　　1.   别让用户思考 　　根据Krug的可用性第一原则，网页应当清晰且不言自明。当你创建一个网站的时候，你的工作就是避免问题——那些需要用户反复慎重考虑前因后果才能做出决定的选择。 　　如果网站的导航和结构不是直观的，产生的问题就会数量大增，且使得用户很难理解系统是如何工作的，怎样才能从A点跳转到B点。一个清晰的架构，中等强度温和的视觉引导，易于识别的链接，可以帮助用户找到实现目标的途径。 　　   　　让我们来看一个案例。Beyondis.co.uk 宣称自己是“超越栏目，超越产品，超越分布”的。这是何含义呢？自从发现用户倾向于“F”模式的网页浏览习惯，以上提到“栏目、产品、分布”是用户浏览网页时，首先必见的三元素。 　　虽然设计本身非常简单且直观，但用户仍然需要去找寻才能明白这个网页是做什么的。这就是所谓的不必要的问题。设计师职责是要让问题降到0。具有视觉效果的解释已经放在右边。只要交换左右模块的位置，可用性就会增加。 　　   　　ExpressionEngine 使用了与Beyondi非常相似的结构，但避免了不必要的问题。更进一步的是，宣传性的口号起到了效果，用户们会选择尝试服务，下载免费使用版本。 　　通过减少认知负荷，你可以使访客更容易获取系统背后的思想。只要你做到了这一点，你就可以理解为何这个系统是有用的，而用户又是怎样从中获益的。如果人们在你的网页上迷路的话，他们是不会使用你的网站的。 　　2. 别浪费用户的耐心 　　在任何一个你想向用户提供服务或者使用工具的项目工程了，尽量使你的门槛降低，对用户的要求减少。一项服务要求用户付出的越少，越有可能被一个随机进入的访者真正尝试。如果不用填那些他们以后都不会再次用到的长长的网页表格，首次来访的用户都会愿意尝试服务。请让用户自由浏览网页，让他们不用交换私人信息就能尝试你的服务。强迫用户填写电子邮箱地址来测试用户特征是不合理的。 　　 　　正如37Signals team的开发者Ryan Singe所言，用户们如果在看到产品之后被要求留下电子邮箱地址的话，可能是愿意的，因此他们对于留下电邮的回报是有想法的。 　　   [...]]]></description>
			<content:encoded><![CDATA[<p>原文：<a target="_blank" href="http://www.smashingmagazine.com/2008/01/31/10-principles-of-effective-web-design/">10 Principles Of Effective Web Design<br />
</a>翻译：熊猫　2008-02-03</p>
<p><strong>本文由熊猫同学授权翻译首发。并不是专业翻译，仅供参考。</strong></p>
<p>　　决定一个网站成败命运的，不是视觉设计，而是设计的可用性和有效性。访问网页的用户们握着鼠标，决定一切，“以用户为中心”已然是成功网站的标准设计方向。总之，用户不用的功能，就不该存在。<br />
　　我们并不打算重复探讨操作细节（比如：“搜索工具栏”应当怎么放置），相反，我们的目光将集中在网站有效设计的核心原则、启发式方法和入门上。这些如果能够使用得当，可以催产出更丰富的设计作品，且使呈现的信息更容易被获取。</p>
<p>请注意</p>
<ul>
<li>我们有相关文章可供参考： <a target="_blank" href="http://www.smashingmagazine.com/2007/09/27/10-usability-nightmares-you-should-be-aware-of/">10大可用性梦魇</a> 和 <a target="_blank" href="http://www.smashingmagazine.com/2007/10/09/30-usability-issues-to-be-aware-of/">可用性30专题</a>。</li>
<li>接下来论文中将涉及更多有效设计原则，你可以考虑<a target="_blank" href="http://www.smashingmagazine.com/wp-rss.php">订阅我们的RSS源</a>。</li>
</ul>
<p>　　为了能够合理利用这些原则，我们首先需要理解用户是怎样与网页交互活动的，是怎么思考的，行为的基本模式又是怎样的。</p>
<p><strong>用户们是怎么思考的？</strong></p>
<p>　　通俗地讲，用户在互联网上的行为习惯与日常商店中的顾客们并无二样。来访者们扫视每个新页面，浏览其中的一些文本，点击他们最感兴趣的链接，或者隐约觉得能带他们找到他们想要内容的链接。事实上，页面的绝大部分，他们根本不看。</p>
<p>　　许多用户找寻感兴趣（或者他们觉得有用）且可以点击的信息，只要一些看起来符合期望的目标出现，用户就会去点击。如果新页面没有满足用户的期望，用户将点击“后退”，继续搜索。</p>
<ul>
<li>用户看重质量和信誉。如果一个网站向用户提供了高质量的内容，用户就演绎忍受广告和糟糕的设计。这就是为何有些网站设计平平，但提供了高质量内容，就年复一年拥有着骄人的流量。内容重于形式。</li>
<li>用户不是阅读，而是浏览。用户分析一个网页的时候，寻找一些重要的节点或者锚点，目的是希望这些链接能够指引他们到期望的内容。</li>
</ul>
<p>　　 <img src="http://liuyuntian.com/wp-content/uploads/2008/02/scan.jpg" alt="Scan" /></p>
<p><span id="more-619"></span></p>
<ul>用户不是阅读，而是扫视浏览。主要“高亮”区域在页面内容的中间断开了。这是典型的扫视浏览模式。　　</p>
<li>互联网用户是无耐心且必须立即被满足的。非常简单的原则：如果一个网站没有达到用户的期望，设计师的工作就失败了，公司也会有经济损失。认知负荷越高、导航越不直观，用户越倾向于离开这个网站，寻找它的替代品。　　</li>
<li>用户不做最优的抉择。用户不会寻找最便捷的方法找到他们需要的信息。他们也不是线性浏览一个网页，按顺序从一个站点跳转到另一个站点。相反，用户是很容易满足的，他们通常选择第一个让他们满意的选项。只要他们找到一个他们觉得能指向期望目标的链接，他们通常会立即点击。最优的抉择是有难度的，需要花费很多时间。满意即可非常高效。【<a target="_blank" href="http://www.etre.com/usability/eyetracking/showme/">视频</a>】</li>
</ul>
<p>　　<a href="http://searchengineland.com/070413-121955.php"></a> <img src="http://liuyuntian.com/wp-content/uploads/2008/02/froogle.png" alt="froogle" /></p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/02/scanpath.jpg" alt="scanpath" /><a href="http://blog.eyetools.net/eyetools_research/4_community_of_learning/index.html"></a></p>
<p>　　两个图片都显示：网页阅读模式是非线性的。右下方的路径图显示了用户浏览一个网页的视线轨迹。</p>
<ul>
<li>用户遵从他们的直觉。在通常的情况下，用户杂乱无章地扫视而非阅读设计师们呈现的信息。根据Steve Krug的研究，最根本的原因是：用户不关心。“如果我们发现一些东西奏效，我们就会被吸引。这些东西是怎么运作的对我们来说不重要，我们只要能够使用它们就足够了。如果你的受众喜欢大的公告栏，就要做的就是设计一个更大的，公告栏。”</li>
<li>用户希望有可控感。用户想控制他们自己的浏览行为本身，且依赖网站呈现的连续的内容。例如，他们不想一个新窗口出乎意料地弹出，他们希望用“后退”按钮返回刚刚的页面；因此，从不在一个新的浏览窗口中打开超链接是一个好的行为。</li>
</ul>
<p><strong>　　1.   别让用户思考</strong><br />
　　根据Krug的可用性第一原则，网页应当清晰且不言自明。当你创建一个网站的时候，你的工作就是避免问题——那些需要用户反复慎重考虑前因后果才能做出决定的选择。</p>
<p>　　如果网站的导航和结构不是直观的，产生的问题就会数量大增，且使得用户很难理解系统是如何工作的，怎样才能从A点跳转到B点。一个清晰的架构，中等强度温和的视觉引导，易于识别的链接，可以帮助用户找到实现目标的途径。</p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/02/beyondis.png" alt="beyondis" /><a href="http://www.beyondis.co.uk/"></a><br />
 <br />
　　让我们来看一个案例。<a href="http://www.beyondis.co.uk/">Beyondis.co.uk</a> 宣称自己是“超越栏目，超越产品，超越分布”的。这是何含义呢？自从发现用户倾向于<a target="_blank" href="http://www.useit.com/alertbox/reading_pattern.html">“F”模式</a>的网页浏览习惯，以上提到“栏目、产品、分布”是用户浏览网页时，首先必见的三元素。</p>
<p>　　虽然设计本身非常简单且直观，但用户仍然需要去找寻才能明白这个网页是做什么的。这就是所谓的不必要的问题。设计师职责是要让问题降到0。具有视觉效果的解释已经放在右边。只要交换左右模块的位置，可用性就会增加。</p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/02/ee.png" alt="ee" /><a href="http://expressionengine.com/"></a><br />
 <br />
　　<a href="http://expressionengine.com/">ExpressionEngine</a> 使用了与Beyondi非常相似的结构，但避免了不必要的问题。更进一步的是，宣传性的口号起到了效果，用户们会选择尝试服务，下载免费使用版本。</p>
<p>　　通过减少认知负荷，你可以使访客更容易获取系统背后的思想。只要你做到了这一点，你就可以理解为何这个系统是有用的，而用户又是怎样从中获益的。如果人们在你的网页上迷路的话，他们是不会使用你的网站的。</p>
<p><strong>　　2. 别浪费用户的耐心</strong><br />
<strong>　　</strong>在任何一个你想向用户提供服务或者使用工具的项目工程了，尽量使你的门槛降低，对用户的要求减少。一项服务要求用户付出的越少，越有可能被一个随机进入的访者真正尝试。如果不用填那些他们以后都不会再次用到的长长的网页表格，首次来访的用户都会愿意尝试服务。请让用户自由浏览网页，让他们不用交换私人信息就能尝试你的服务。强迫用户填写电子邮箱地址来测试用户特征是不合理的。<strong> </strong>　　</p>
<p>　　正如37Signals team的开发者Ryan Singe所言，用户们如果在看到产品之后被要求留下电子邮箱地址的话，可能是愿意的，因此他们对于留下电邮的回报是有想法的。</p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/02/stikkit.jpg" alt="stikkit" /><a href="http://www.stikkit.com/signup"></a><br />
 <br />
　　<a target="_blank" href="http://www.stikkit.com/signup">Stikkit</a>是一个用户友好的极佳例子，它清晰易懂，且几乎不向访客索取任何东西。这也是你在你的网站应当使你的用户体验到的。</p>
<p>　　<a href="https://appmite.de/account/erstellen"></a> <img src="http://liuyuntian.com/wp-content/uploads/2008/02/bemite.png" alt="bemite" /><br />
　　<br />
　　很明显，<a href="https://appmite.de/account/erstellen">Mite</a>就索取很多。但是整个注册表可以在30秒之内完成——因为网页是横向的，用户不需要滚动页面。</p>
<p>　　如果要理想化地去除所有的障碍，首先就是不需要贡献些什么或者填写注册。仅仅一个用户注册表本身就足以阻碍用户在网站的随意浏览行为，且会对网站浏览产生很大不利影响。</p>
<p><strong>　　3. 抓住用户的注意</strong><br />
<strong>　　</strong>因为网站都是通常既提供静态的内容又提供动态的内容，一些用户界面就会比另一些更加吸引人。很明显，图像比文本更吸引眼球——就好像加粗的句子比未加粗的更容易引起注意。</p>
<p><strong> </strong>　　人类的眼睛是一个高度非线性运作的设备，网页用户能够直觉地识别边界、模式和运动。这是为什么视频广告特别容易引起反感，但是从市场营销的角度来说，他们的确完美地吸引了用户的注意。</p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/02/enso.png" alt="enso" /><a href="http://www.humanized.com/"></a><br />
 <br />
　　<a href="http://www.humanized.com/">Humanized.com</a>很好地利用了焦点原理。这个页面上直接呈现给用户的视觉元素只有一个“free”，它非常地吸引注意力，当仍然非常简洁且信息传递单纯。细小的线索给用户提供了充分地信息去找到“free”的产品。</p>
<p>　　使用中等强度的视觉元素来将用户的注意力吸引到网页的特定区域，能够使你网站的访客不假思索地从A点轻松到达B点，忽略背后可能存在的逻辑关系。访客遇到的问题越少，就越会具有良好的方向感，且会更加信任这个网站呈现的公司。换言之：对于这个屏幕呈现的内容需要琢磨的越少，可用性的首要目标——用户体验，就会越好。</p>
<p>　　<strong>4. 尽量使特征明显呈现</strong><br />
　　</p>
<p>　　当代网页设计总是嘲笑用鲜明视觉效果的大按钮指示用户：第一步——第二步——第三步……但是从设计的角度来说，这些元素事实上并非化石。相反的，这些导航是极其有效的，因为他们能够以一种非常简单和友好地方式带领网页的浏览者在网站内容间穿梭。</p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/02/dibusoft.jpg" alt="dibusoft" /><a href="http://dibusoft.com/"></a><br />
 <br />
　　<a href="http://dibusoft.com/">Dibusoft.com</a>将视觉的宜人性和清晰的网站结构相结合。这个网张有9个主要的导航选择，都放置在一眼能够看见的位置上。尽管，这些导航的颜色也许有些太浅了。<br />
　　让用户看清楚功能的合理性是成功用户界面的基准。这个是否达到了，实际上并不重要，重要的是内容是否被很好地理解了，而用户是否觉得他们与这个系统的交互非常舒服。</p>
<p>　　<strong>5. 有效书写<br />
</strong></p>
<p>　　由于网站与打印出版史不一样，它需要与用户喜欢的书写方式相匹配，且与浏览习惯相契合。鼓吹浮夸的文字将不会被阅读。大段没有图像、标粗或者斜体关键字的文本将被忽略。夸张的语言将被忽略。</p>
<p>　　说正经的。避免太过于高校或者自作聪明的名字，市场导向的名字，公司名，或者不被树枝的技术名词。例如，如果你描述了一种服务，需要用户注册一个账户，“注册”比“就从这开始吧！”要好，而后者依然好过“探寻我们打服务”。</p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/02/eleven2.png" alt="eleven" /><a href="http://www.eleven2.com/"></a><br />
 <br />
　　<a href="http://www.eleven2.com/">Eleven2.com</a>直击要害。没有华丽的语辞，没有夸张的陈述。取而代之的是一个价格：这就是用户来此需要的。</p>
<p>　　有效书写的优化解决方案</p>
<ul>
<li>使用简短的语句（直击要害，越快越好）</li>
<li>使用铺陈的方式（将内容分类，使用多层标题，用视觉线索和树状图）</li>
<li>使用平白直观的语言（一个宣传口号不用听上去像广告；给用户一些理性和客观的理由，让他们驻足在你的网站，享用你的服务）</li>
</ul>
<p>　　<strong>6. 尽量简洁<br />
</strong></p>
<p>　　 “简洁”是网站设计的首要原则。用户们很少驻足一个网站是因为喜欢它的设计，通常情况下他们是在找寻他们需要的信息，当然设计为他们提供了寻找帮助。尽量简洁，而不是复杂。</p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/02/crc.png" alt="crc" /><a href="http://crcbus.mattiaviviani.net/"></a><br />
 <br />
　　<a href="http://crcbus.mattiaviviani.net/">Crcbus</a>为网页访客提供了一个整洁简单的设计。也许因为它是意大利语的，你不能明白这个网站是干嘛的，但是，可以可以清晰地识别出导航，标题，内容区域和脚注。注意，图标都可以清晰地传递信息。只要将鼠标悬浮在图标上，更多的信息就自动呈现出来。</p>
<p>　　从用户的角度出发，好网页应当是一个纯文本的，没有广告的，新加内容与用户寻找目标密切相关的。这也是一个方便打印的网页带来用户良好体验的原因之一<br />
 </p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/02/simple.png" alt="simple" /><a href="http://getfinch.com/"></a> <br />
　　Finch清晰地呈现了网站信息，让用户在没有无关内容干扰的情况下，做出进一步浏览的选择。</p>
<p>　　<strong>7. 别怕留白<br />
</strong></p>
<p>　　事实上，在网页上留出空白区域的好处怎么估计都不过分。它不仅使网页访客的认知负荷减少，而且更容易获取网页所呈现的信息。新用户浏览网页时要做的第一件事情，通常是扫视全页，将内容区域在心理上划分成合适的组块，然后再对信息进行加工。<br />
　　复杂的结构不易于阅读，扫视，分析和使用。如果有两种选择，一是用明显的竖线将两个区域隔开，另一个是使用一些空白达到这种效果，通常比较好的选择是后者，即留出空白。分层减少页面复杂感（Simon法则）：视觉上的层次感觉越好，你网页上的内容信息就越容易被获取。</p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/02/cameron.jpg" alt="cameron" /><a href="http://cameron.io/"></a><br />
 <br />
　　空白区域是很好的。<a href="http://cameron.io/">Cameron.io</a>用空白区域作为设计的主打元素。这样就使得主要信息被层次鲜明地突出了。</p>
<p>　　<strong>8. 用“可视化”语言有效交流<br />
</strong></p>
<p>　　Aaron Marcus在“有效的视觉表达”一文中，曾经提及过<a target="_blank" href="http://web.cs.wpi.edu/~matt/courses/cs563/talks/smartin/int_design.html">三个基本原则</a>，其中一个就“视觉语言”，即用户在屏幕上所看到的内容。</p>
<ul>
<li>组织：为用户提供清晰稳定的概念结构。一致性，页面布局，模块关系和页面导航是组织中的重要概念。同样的表达方式和规则适用于所有元素。</li>
<li>经济化：尽量少地使用视觉元素。简约、清晰、区别性和重点突出，这四个要点需要被权衡。简约的含义是：只有表达需要的重要元素才可以被呈现。清晰则指的是：所有的组件都应当与它们传递的意义相吻合，不要引起歧义或者表达含糊。区别性是非常重要的，它要求所有元素都应当是独一无二的。重点突出则是指：关键的元素要能够被认知轻易捕获。</li>
<li>表达：使用用户能力能够接受的表达方式。为了使得表达顺畅，用户界面必须在可读性，易读性，结构，象征性，许多的观点，颜色和材质效果之间来找到一种平衡。在一个页面里最多只能用三种字体,最多只能用3种字号——文本每行最多呈现18个字或者50-80个字符。</li>
</ul>
<p>　　<strong>9. 规范是我们的朋友<br />
</strong></p>
<p>　　使用传统的元素设计出的网站并非索然无趣。事实上，传统规范非常有用，因为他们减少了学习的周期且节省了去收集有效性的精力。例如，如果所有网站对于RSS源都启用不同的视觉特征，这将是可用性的一个梦魇。这与我们习惯于对数据规范整理，或者对于商场的货架规律摆放，并无区别。</p>
<p>　　如果你遵从规范，你将获得用户的信心，信赖，信任，且证明你的可靠。遵从用户的希望——理解他们对于一个网站导航、文字结构、搜索栏位置的期望，等等。（参考Nielsen： <a target="_blank" href="http://www.useit.com/alertbox/">Usability Alertbox</a>）</p>
<p>　　<img src="http://liuyuntian.com/wp-content/uploads/2008/02/babelfish.png" alt="babelfish" /><a href="http://babelfish.yahoo.com/"></a><br />
 <br />
　　BabelFish in use: Amazon.com in Russian.<br />
　　</p>
<p>　　在可用性测试方面一个典型的例子是：将网页翻译成日语（假设你的网站用户不懂日语，例如，是使用<a href="http://babelfish.yahoo.com/">Babelfish</a>的），然后请你的可用性测试被试在异种语言的网页中寻找一些内容。如果规范被良好的遵从，那么用户是可以找到一些不适特别特殊的目标内容的，尽管他们对于这种语言一窍不通。</p>
<p>　　Steve Krug建议仅仅在你确认自己有一个更好的想法的时候再去创新，但是如果没有的话，好好遵守现有规范。</p>
<p>　　<strong>10. 早些测试，常常测试。<br />
</strong></p>
<p>　　TETO原则可被应用于任何网页设计，因为对于现有布局的重要的问题和细节，可用性测试总是能提供关键的洞见。<br />
测试不要做的太迟，太少，或是为了不合适的理由而做。“不为了不合适的理由儿测试”的意思是，许多设计方面的决策是为着当下的，你不能普适性地宣布某些布局方式就一定优于其它，因为你需要从一个特殊的角度去权衡（考虑需求，投资者的利益，预算，等等）</p>
<p>一些要点需要牢记于心:</p>
<ul>
<li>根据Steve Krug的研究，测试一个用户要比一个都不测好一倍，且在项目启动之初测试一个用户要比项目告罄的时候测试五十个要好得多。根据Boehm的法则一，错误在需求和设计活动中是非常常见的，而越迟被发现，代价就越昂贵。</li>
<li>测试是一个迭代的过程。这意味着你需要设计些东西，然后接着就测试它，修正它，然后再接着测试。也许第一轮不能发现一些问题，因为这些问题可能被其它问题所覆盖，用户们在其它问题上就已经被绊住了。</li>
<li>可用性测试总是带来有用的结果。无论是被指出现有网站存在的问题或者是没有触犯某些主流的设计错误，都会使您对于自己的项目做出一个有意义的审视。</li>
<li>根据Weinberg’的法则，网站的代码开发者不适合做为测试人员。这个原则同样适用于设计师。因为你对一个网站设计了相当长的时间，你已经不能够从一个全新的角度去审视它。你知道它是如何搭建的、如何工作的——你比独立的测试人员和网站访客们“知道的太多”。</li>
</ul>
<p>基线原则：如果你想做出一个极好的网站，那一定得测试。</p>
<p>参考文献</p>
<li><a href="http://web.cs.wpi.edu/~matt/courses/cs563/talks/smartin/int_design.html">Designing Effective User Interfaces</a> by <em>Suzanne Martin</em></li>
<li><a href="http://nibis.ni.schule.de/~lepke/homepage/webdesign/webdesign.html">Summary on Web Design</a></li>
<li><a href="http://www.macgregor.net/speaking/digitaleve/UID.swf">UID presentation</a> (Flash)</li>
<li><a href="http://www.usability.gov/pdfs/guidelines.html">Research-Based Web Design &amp; Usability Guidelines</a></li>
<li>“The psychology of computer programming” by <em>Gerald Weinberg</em></li>
<li>“Designing Web Usability” by <em>Jakob Nielsen</em> [JN / DWU]</li>
<li>“Prioritizing Web Usability” by <em>Jakob Nielsen</em></li>
<li>“Don’t Make Me Think” by <em>Steve Krug</em></li>
<li>“Usability for the Web: Designing Web Sites that Work” by <em>Tom Brinck, Darren Gergle, Scott Wood</em></li>
<li><a href="http://www.sylvantech.com/~talin/projects/ui_design.html">A Summary of Principles for User-Interface Design</a></li>
<hr /><h2>相关文章</h2><ul><li><a href="http://liuyuntian.com/2007/04/18/css-zen-garden-the-chinese-version.html" rel="bookmark" title="Permanent Link: 《CSS禅意花园》中文版">《CSS禅意花园》中文版</a></li><li><a href="http://liuyuntian.com/2008/04/03/googles-design-guidelines.html" rel="bookmark" title="Permanent Link: Google的设计导引">Google的设计导引</a></li><li><a href="http://liuyuntian.com/2008/12/02/update-wordpress-27-rc1.html" rel="bookmark" title="Permanent Link: 升级到WordPress2.7RC1">升级到WordPress2.7RC1</a></li></ul><hr /><small>Copyright &copy;  2003-2009 Xiaoxiao's Weblog All rights reserved.<br /> </small>]]></content:encoded>
			<wfw:commentRss>http://liuyuntian.com/2008/02/04/10-principles-of-effective-web-design-chinese-version.html/feed</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>100个以用户为中心的博客</title>
		<link>http://liuyuntian.com/2007/11/25/top-100-user-centered-blogs.html</link>
		<comments>http://liuyuntian.com/2007/11/25/top-100-user-centered-blogs.html#comments</comments>
		<pubDate>Sun, 25 Nov 2007 18:01:44 +0000</pubDate>
		<dc:creator>xiaoxiao</dc:creator>
				<category><![CDATA[体验与设计]]></category>
		<category><![CDATA[转载备份]]></category>
		<category><![CDATA[ucd]]></category>
		<category><![CDATA[以用户为中心]]></category>
		<category><![CDATA[博客]]></category>

		<guid isPermaLink="false">http://liuyuntian.com/2007/11/25/top-100-user-centered-blogs.html</guid>
		<description><![CDATA[[size=9]
转载来源：[url=http://www.virtualhosting.com/blog/2007/top-100-user-centered-blogs/][b]Top 100 User-Centered Blogs[/b][/url]
[b]By Jessica Hupp[/b]
Web designers often concern themselves with optimizing sites for spiders from Google, Yahoo, and other search engines, but pay little attention to creating sites that real people can use. This problem has sparked a movement towards user-centered web design, a topic that covers accessibility, web standards, and interfacing. Check out these blogs for the latest and greatest in this people-centric field of design.]]></description>
			<content:encoded><![CDATA[<p><span style="font-size: 9pt"><br />
转载来源：<a target="_blank" href="http://www.virtualhosting.com/blog/2007/top-100-user-centered-blogs/"><strong>Top 100 User-Centered Blogs</strong></a><br />
<strong>By Jessica Hupp</strong><br />
Web designers often concern themselves with optimizing sites for spiders from Google, Yahoo, and other search engines, but pay little attention to creating sites that real people can use. This problem has sparked a movement towards user-centered web design, a topic that covers accessibility, web standards, and interfacing. Check out these blogs for the latest and greatest in this people-centric field of design.<br />
<span id="more-489"></span><br />
<strong>The Top 10</strong><br />
These blogs are the best of the best when it comes to user-centered discussions.<br />
<strong><a target="_blank" href="http://37signals.com/svn/">Signal vs. Noise</a></strong>: Written by 37signals, the makers of simple, elegant tools like Ta-da List and Basecamp, this blog discusses up-to-the-minute information on design, experience, simplicity, and more.<br />
<strong><a target="_blank" href="http://www.456bereastreet.com/">456 Berea Street</a></strong>: Visit this very popular blog for insight into the world of web standards, accessibility, and usability.<br />
<strong><a target="_blank" href="http://www.dustindiaz.com/">./with Imagination</a></strong>: As a leader in user interface engineering, Dustin Diaz has a lot of knowledge to offer in this arena.<br />
<strong><a target="_blank" href="http://www.lukew.com/ff/index.asp">Functioning Form</a></strong>: Luke Wroblewski’s Functioning Form offers extensive information on user interface design.<br />
<strong><a target="_blank" href="http://goodexperience.com/blog/">This is Broken</a></strong>: This is Broken features a round-up and commentary on user experiences, good and bad.<br />
<strong><a target="_blank" href="http://www.adaptivepath.com/blog/">Adaptive Path</a></strong>: Adaptive Path strives to create experiences that “improve people’s lives,” and they love to share what they’ve learned with others.<br />
<strong><a target="_blank" href="http://boxesandarrows.com/">Boxes and Arrows</a></strong>: The subject matter focuses on interaction design and other closely related topics, but this blog sets an example because it’s a peer-written journal composed of mainly user-generated content.<br />
<strong><a target="_blank" href="http://www.alistapart.com/">A List Apart</a></strong>: A List Apart’s insightful articles cover important issues in design and development with an emphasis on web standards.<br />
<strong><a target="_blank" href="http://www.uxmatters.com/index.php">UX Matters</a></strong>: This web magazine delivers top-notch content about strategies for improving user experience.<br />
<strong><a target="_blank" href="http://www.uxmag.com/">UX Magazine</a></strong>: For this magazine, “user experience is everything.” Check it out for a round-up of all that’s important to enhancing user experience. </span><span style="font-size: 9pt"><strong>Accessibility</strong><br />
When designing your site, you can’t forget about people with disabilities. Find out more about how you can make your web development open to everyone by reading these blogs.<br />
<strong><a target="_blank" href="http://weblog.200ok.com.au/">200ok</a></strong>: This blog by Ben Buchanan discusses web development, paying special attention to accessibility and web standards.<br />
<strong><a target="_blank" href="http://www.accessify.com/news/">Accessify</a></strong>: Check out Ian Lloyd’s Accessify to learn how you can make what you develop more accessible.<br />
<strong><a target="_blank" href="http://curbcut.net/">Curb Cut</a></strong>: Visit the Curb Cut blog for loads of resources and discussions about accessibility.<br />
<strong><a target="_blank" href="http://www.unintentionallyblank.co.uk/">Unintentionally Blank</a></strong>: Phil Nash writes about web standards, particularly focusing on accessibility and usability.<br />
<strong><a target="_blank" href="http://clagnut.com/">Clagnut</a></strong>: Check out Clagnut for Richard Rutter’s insight on design and accessibility.<br />
<strong><a target="_blank" href="http://www.mcu.org.uk/">MCU</a></strong>: Jim Byrne, author of <a target="_blank" href="http://www.lulu.com/content/303748">60 Hot to touch Accessible Web Design tips</a>, offers insight into the world of accessibility, disabilities, and web design.<br />
<strong><a target="_blank" href="http://www.anitrapavka.com/index.html">Anitra Pavka</a></strong>: This blog provides news, commentary, and articles on topics concerning web accessibility.<br />
<strong><a target="_blank" href="http://rosiesherry.blogspot.com/">Rosie Sherry</a></strong>: Rosie Sherry discusses testing and tools that revolve around accessibility and web standards.<br />
<strong><a target="_blank" href="http://www.wiseguysonly.com/">Wise Guys Only</a></strong>: Tim Roberts discusses the tricky combination of Ajax and accessibility.<br />
<strong><a target="_blank" href="http://accessites.org/site">Accessities</a></strong>: Accessities proves that websites can be both accessible and attractive.<br />
<strong><a target="_blank" href="http://segala.com/blog/">Segala</a></strong>: Segala evangelizes accessibility and trust in web design.</p>
<p><strong>Human Computer Interaction</strong><br />
Web pages don’t just load themselves — people find them and open them. These blogs discuss the intersection of humans and computers in design.<br />
<strong><a target="_blank" href="http://www.interaction-design.org/">Interaction Design</a></strong>: Visit Interaction Design for an introduction to human computer interaction, interaction design, information architecture, and more.<br />
<strong><a target="_blank" href="http://www.sylvienoel.ca/blog/">Population of One</a></strong>: Sylvie Noel discusses her work on human computer interactions.<br />
<strong><a target="_blank" href="http://www.davidroedl.com/">Human-Computer Interaction Design</a></strong>: Read David Roedl’s blog for information on human-computer interaction with a focus on topics like sustainable interaction design, experience-focused HCI research, and more.<br />
<strong><a target="_blank" href="http://ergonomenon.com/">Ergonomenon</a></strong>: Ergonomenon discusses the intersection of ergonomics and human-computer interaction.<br />
<strong><a target="_blank" href="http://www.informationarchitects.jp/">Information Architects</a></strong>: Information Architects takes a look at interfaces that people like to use.<br />
<strong><a target="_blank" href="http://www.user-designer.com/">User Designer</a></strong>: Mike Bennett writes about human-computer interaction and interaction design, focusing on research and resources for user implementation.<br />
<strong><a target="_blank" href="http://www.gotomobile.com/">Gotomobile</a></strong>: Gotomobile discusses people-friendly interface design and standards in user-centered design principles.<br />
<strong><a target="_blank" href="http://becktench.com/hci/">Another HCI Blog</a></strong>: Read about Beck Tench’s thoughts on her HCI work at Another HCI Blog.<br />
<strong><a target="_blank" href="http://www.yucentrik.ca/en/yu_blog/">YuBlog</a></strong>: The YuBlog helps readers learn how to improve user experience by considering human factors.</p>
<p><strong>Web Standards</strong><br />
Web standards ensure that it’s easy for a wide variety of people to be served with quality web pages. Check out these blogs to find out more about web standards and how you can implement them in your own design.<br />
<strong><a target="_blank" href="http://webstandards.raquedan.com/">Standard Web Standards</a></strong>: Regnard Kreisler C. Raquedan covers the essentials of web standards and usability.<br />
<strong><a target="_blank" href="http://www.indelv.com/">Indelv</a></strong>: Check out this portal for web standards that includes reviews, news, tools, and more.<br />
<strong><a target="_blank" href="http://www.standards-schmandards.com/">Standards Schmandards</a></strong>: Peter Krantz shares solutions, tools, and code for designing within web standards.<br />
<strong><a target="_blank" href="http://muffinresearch.co.uk/">Muffin Research</a></strong>: Muffin Research focuses on web development with special attention devoted to web standards.<br />
<strong><a target="_blank" href="http://www.zeldman.com/contact/">Zeldman</a></strong>: Jeffrey Zeldman, author of <a target="_blank" href="http://www.happycog.com/publish/dwws/">Designing With Web Standards</a>, discusses the importance and implementation of web standards.<br />
<strong><a target="_blank" href="http://www.webstandards.org/buzz/">The Web Standards Project</a></strong>: The Web Standards Project evangelizes standards that make development easier and websites more accessible.<br />
<strong><a target="_blank" href="http://meyerweb.com/">Meyer Web</a></strong>: Eric Meyer discusses the importance of web standards and good design.<br />
<strong><a target="_blank" href="http://orderedlist.com/">Ordered List</a></strong>: Steve at Ordered List covers the imporance of web standards in information architecture, web design, and more.<br />
<strong><a target="_blank" href="http://www.maxdesign.com.au/">Max Design</a></strong>: Max Design focuses on web standards, usability, CSS, and accessibility.<br />
<strong><a target="_blank" href="http://www.andybudd.com/">Andy Budd</a></strong>: Andy Budd’s blog is about web design, particularly web standards, user centered design and information architecture.<br />
<strong><a target="_blank" href="http://veerle.duoh.com/">Duoh</a></strong>: Verlee, CEO of Duoh, promotes the benefits of web standards.<br />
<strong><a target="_blank" href="http://justaddwater.dk/">Just Add Water</a></strong>: On Just Add Water, you’ll find a wealth of information on web standards, usability, and accessibility.<br />
<strong><a target="_blank" href="http://mondaybynoon.com/">Monday By Noon</a></strong>: Jonathan Christopher discusses the latest in web standards and how they affect the Internet.</p>
<p><strong>User Experience and Interaction</strong><br />
In user-centered development, it’s all about how people experience what you’ve designed. Get more on this subject with these blogs.<br />
<strong><a target="_blank" href="http://blog.flamelab.de/">Flamelab</a></strong>: Read this blog to find out about user experience, the aesthetics of interaction, and more.<br />
<strong><a target="_blank" href="http://blog.morphemic.net/">Interaction Design Online</a></strong>: Lindsay Lauters discusses topics concerning user-centered design, accessibility, and more.<br />
<strong><a target="_blank" href="http://my.opera.com/usability/blog/">Usability Forum</a></strong>: Visit this blog for a group discussion on the usability of everyday things and the frustration that ensues when functionality isn’t considered.<br />
<strong><a target="_blank" href="http://www.peterboersma.com/blog/">[BEEP]</a></strong>: Find out what Peter Boersma has to say about user experience design in Web 2.0 and information architecture.<br />
<strong><a target="_blank" href="http://www.mikeindustries.com/blog/">Mike Industries</a></strong>: Mike Industries covers commentary on user interfaces and web design.<br />
<strong><a target="_blank" href="http://www.warpspire.com/features/">Warpspire</a></strong>: Kyle Neath’s Warpsire blog is about web design, and it’s full of resources for interface architecture and usability.<br />
<strong><a target="_blank" href="http://www.scottweisbrod.com/index.php/">Experience Planner</a></strong>: Scott Weisbrod discusses the many factors that go into creating a positive customer experience.<br />
<strong><a target="_blank" href="http://goodexperience.com/blog/">Good Experience</a></strong>: Good Experience encourages readers to focus on customer experience.<br />
<strong><a target="_blank" href="http://arc.typepad.com/customercrossroads/">Customer Experience Crossroads</a></strong>: Visit Susan Abbott’s blog to find out how to create a “branded customer experience.”<br />
<strong><a target="_blank" href="http://www.churchofthecustomer.com/">Church of the Customer</a></strong>: Jackie and Ben evangelize positive customer experiences.<br />
<strong><a target="_blank" href="http://www.instone.org/">Keith Instone</a></strong>: Keith Instone keeps readers up to date on the latest in making websites usable.<br />
<strong><a target="_blank" href="http://www.sensible.com/">Advanced Common Sense</a></strong>: Steve Krug helps readers improve the interfaces and usability of their websites.<br />
<strong><a target="_blank" href="http://totalexperience.corante.com/">Total Experience</a></strong>: Bob and Paula discuss design and experience as it affects our lives.<br />
<strong><a target="_blank" href="http://www.guuui.com/">GUUUI</a></strong>: GUUUI is a resource for interaction designers, with posts about tools, tests, and handy tricks.<br />
<strong><a target="_blank" href="http://www.softwareas.com/">Software As She’s Developed</a></strong>: Michael Mahemoff, author of <a target="_blank" href="http://www.ajaxpatterns.org/">Ajax Design Patters</a>, discusses the intersection of usability and Ajax.<br />
<strong><a target="_blank" href="http://www.webword.com/wp/">WebWord</a></strong>: John Rhodes educates readers on topics in usability and human factors in design.<br />
<strong><a target="_blank" href="http://darmano.typepad.com/logic_emotion/">Logic+Emotion</a></strong>: David Armano writes about experience design and the intersection it makes with business.<br />
<strong><a target="_blank" href="http://www.dkeithrobinson.com/">D. Keith Robinson</a></strong>: Find out what web experience expert David Keith Robinson has to say about design, web standards, content, and more.<br />
<strong><a target="_blank" href="http://www.designbyfire.com/">Design By Fire</a></strong>: Andrei Michael Heraslmchuk, owner of Design By Fire, was one of the first official interface designers for Adobe Systems. Check out his blog for insight on web standards, design, and user interfaces.<br />
<strong><a target="_blank" href="http://www.challishodge.com/contact-challis-hodge/">Challis Hodge’s UXblog</a></strong>: Challis Hodge discusses user experience and provides loads of resources for further UX education.<br />
<strong><a target="_blank" href="http://joshualedwell.typepad.com/usability_blog/">Compete on Usability</a></strong>: Joshua Ledwell encourages readers to concentrate on user experience.<br />
<strong><a target="_blank" href="http://www.experientia.com/blog/">Experientia</a></strong>: Experientia offers a look into user experience, design and innovation that puts people first.<br />
<strong><a target="_blank" href="http://uselog.blogspot.com/">The Product Usability Weblog</a></strong>: This blog discusses news, research, and current events related to consumer product usability.<br />
<strong><a target="_blank" href="http://www.usernomics.com/news/user-interface-design-news.html">Usernomics</a></strong>: Read Usernomics to find out more about user interface design, human factors, and ergonomics.<br />
<strong><a target="_blank" href="http://experiencecurve.com/">ExperienceCurve</a></strong>: Karl Long discusses the intersection of social media, marketing, and customer experience.<br />
<strong><a target="_blank" href="http://www.vanderwal.net/random/index.php">Vanderwal</a></strong>: Thomas Vanderwal covers the topics of information architecture, interaction design, and more.<br />
<strong><a target="_blank" href="http://louisrosenfeld.com/home/">Louis Rosenfeld</a></strong>: Lou Rosenfeld, author of <a target="_blank" href="http://www.oreilly.com/catalog/infoarch3/index.html">Information Architecture for the World Wide Web</a>, discusses current issues and thoughts in the fields of user experience and information architecture.<br />
<strong><a target="_blank" href="http://www.iaslash.org/">iaslash</a></strong>: iaslash covers topics related to user interface design, usability, and other concerns surrounding access and use of information.<br />
<strong><a target="_blank" href="http://www.etre.com/blog/">Etre</a></strong>: Etre discusses usability, accessibility and findability in this interesting blog.</p>
<p><strong>User-Centered Design</strong><br />
Design is more than just aesthetics. Read these blogs to find out how to make your development attractive and functional.<br />
<strong><a target="_blank" href="http://pinpointperformance.blogspot.com/">PinPoint Performance Solutions Blog</a></strong>: On this blog, you’ll find commentary on user-centered design, testing, and performance improvement.<br />
<strong><a target="_blank" href="http://www.usabilityblog.com/">Usability Blog</a></strong>: Read this blog for Paul Sherman’s take on usability, user-centered design, and user experience.<br />
<strong><a target="_blank" href="http://www.presentationzen.com/">Presentation Zen</a></strong>: Presentation Zen focuses on presentation design, both in person and otherwise.<br />
<strong><a target="_blank" href="http://www.uie.com/">User Interface Engineering</a></strong>: UIE delivers the latest in interesting usability design news.<br />
<strong><a target="_blank" href="http://www.iqcontent.com/blog/">iQ</a></strong>: iQ takes a look at what works and what doesn’t, and offers advice on how you can design a good user experience.<br />
<strong><a target="_blank" href="http://chrisbernard.blogs.com/design_thinking_digest/">Design Thinking Digest</a></strong>: Chris Bernard discusses design thinking that revolves around user experiences.<br />
<strong><a target="_blank" href="http://bokardo.com/">Bokardo</a></strong>: Joshua Porter offers his take on web design with people in mind.<br />
<strong><a target="_blank" href="http://www.cre8pc.com/blog/index.php">Cre8pc</a></strong>: Cre8pc focuses on holistic usability, accessibility and “people on purpose” web design.<br />
<strong><a target="_blank" href="http://www.dexodesign.com/index.html">Dexo Design</a></strong>: Russell Wilson, an expert in the field of interface design, offers his take on issues and current events in user-centered design.<br />
<strong><a target="_blank" href="http://staff.interesource.com/priority4/">Interesource</a></strong>: This blog discusses designing the web for people.<br />
<strong><a target="_blank" href="http://www.synapticburn.com/engage.php">Engage!</a></strong>: Dave Malouf reminds readers that “the core purpose of design is to engage” and solve problems.<br />
<strong><a target="_blank" href="http://infosthetics.com/">Information Aesthetics</a></strong>: Information Aesthetics celebrates data visualization and visual communication.<br />
<strong><a target="_blank" href="http://www.smallsurfaces.com/">Small Surfaces</a></strong>: Small Surfaces discusses interaction design, user interface, and other design topics related to mobile technology usability.<br />
<strong><a target="_blank" href="http://www.useit.com/alertbox/">Alertbox</a></strong>: Jakob Nielsen, the “king of usability,” offers insight into ways to make the Internet easier to use.<br />
<strong><a target="_blank" href="http://www.design-emotion.com/">Design &amp; Emotion</a></strong>: Brush up on the latest in user design with Marco van Hout.<br />
<strong><a target="_blank" href="http://www.lawsofsimplicity.com/">Laws of Simplicity</a></strong>: John Maeda discusses how the laws of simplicity affect design, business, technology and life.<br />
<strong><a target="_blank" href="http://blog.eyetools.net/">Eyetools Eyetracking Research</a></strong>: Learn about design and content optimization that revolves around where users’ eyes rest.</p>
<p><strong>User-Centered Writing and Content</strong><br />
Web 2.0 has brought on all sorts of social media and crowdsourcing content. Find out how you can successfully harness this phenomenon to become more user-centric.<br />
<strong><a target="_blank" href="http://viaspire.blogs.com/">Viaspire</a></strong>: Discover content strategies, information architecture, and other user-centered topics at Viaspire.<br />
<strong><a target="_blank" href="http://whatsnextinteractive.blogspot.com/">What’s Next Interactive</a></strong>: Find out about functionality and interactive content from Kathryn Campbell.<br />
<strong><a target="_blank" href="http://www.usereffect.com/">User Effect</a></strong>: This blog discusses how the user-driven Web 2.0 movement makes usability and user-centered design essential.<br />
<strong><a target="_blank" href="http://blog.futurelab.net/">Futurelab</a></strong>: Futurelab covers the why and how of customer-centric marketing and strategy.<br />
<strong><a target="_blank" href="http://notetaker.typepad.com/cgm/">Consumer Generated Media</a></strong>: Pete Blackshaw discusses the future of consumer generated media.<br />
<strong><a target="_blank" href="http://www.informationdesign.org/">InfoDesign</a></strong>: InfoDesign writes about the importance of “relevant, clear, and memorable information.”<br />
<strong><a target="_blank" href="http://blogs.msdn.com/shanemo/">UXB</a></strong>: Shane Morris, a user experience evangelist for Microsoft, covers interaction, usability, user-centered design and more.<br />
<strong><a target="_blank" href="http://workplayexperience.blogspot.com/">Work Play Experience</a></strong>: Adam Lawrence tells readers how the showbiz approach can help strengthen experience design.<br />
<strong><a target="_blank" href="http://www.subtraction.com/">Subtraction</a></strong>: Read what this design director for the New York Times has to say.<br />
<strong><a target="_blank" href="http://abriefmessage.com/">A Brief Message</a></strong>: A Brief Message discusses (briefly) real-world design.<br />
<strong><a target="_blank" href="http://nooface.net/">Nooface</a></strong>: Nooface explores design and content for interfaces beyond the PC.</p>
<p></span></p>
<hr /><h2>相关文章</h2><ul><li><a href="http://liuyuntian.com/2006/06/11/livecom-face-next-week.html" rel="bookmark" title="Permanent Link: live.com下周变脸">live.com下周变脸</a></li><li><a href="http://liuyuntian.com/2006/02/13/internet-user-experience-2006.html" rel="bookmark" title="Permanent Link: Internet User Experience 2006">Internet User Experience 2006</a></li><li><a href="http://liuyuntian.com/2006/03/24/ie7-at-mix-2006.html" rel="bookmark" title="Permanent Link: IE7在MIX06">IE7在MIX06</a></li></ul><hr /><small>Copyright &copy;  2003-2009 Xiaoxiao's Weblog All rights reserved.<br /> </small>]]></content:encoded>
			<wfw:commentRss>http://liuyuntian.com/2007/11/25/top-100-user-centered-blogs.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>UCDchina.com上线</title>
		<link>http://liuyuntian.com/2007/03/22/ucdchina-update.html</link>
		<comments>http://liuyuntian.com/2007/03/22/ucdchina-update.html#comments</comments>
		<pubDate>Thu, 22 Mar 2007 02:11:20 +0000</pubDate>
		<dc:creator>xiaoxiao</dc:creator>
				<category><![CDATA[体验与设计]]></category>
		<category><![CDATA[ucdchina]]></category>
		<category><![CDATA[以用户为中心]]></category>

		<guid isPermaLink="false">http://liuyuntian.com/2007/03/22/ucdchina-update.html</guid>
		<description><![CDATA[　　http://ucdchina.com/

　　想把标题改为"5P和UCDChina"，后来觉得太不文雅，依然推荐一下。5P来自五个各自有想法的家伙，开始YY了。OK，开始看他们表演吧。]]></description>
			<content:encoded><![CDATA[<p>　　http://ucdchina.com/</p>
<p>　　想把标题改为&#8221;5P和UCDChina&#8221;，后来觉得太不文雅，依然推荐一下。5P来自五个各自有想法的家伙，开始YY了。OK，开始看他们表演吧。<span id="more-385"></span></p>
<hr /><h2>相关文章</h2><ul><li><a href="http://liuyuntian.com/2010/12/19/two-question-at-ucdchina-book-club.html" rel="bookmark" title="Permanent Link: UCDChina书友会中的两个问题">UCDChina书友会中的两个问题</a></li><li><a href="http://liuyuntian.com/2008/03/08/my-twitter-2008-03-08.html" rel="bookmark" title="Permanent Link: 我的咕叽咕叽2008.03.08">我的咕叽咕叽2008.03.08</a></li><li><a href="http://liuyuntian.com/2008/04/02/cautious-update-wordpress-25.html" rel="bookmark" title="Permanent Link: 请慎重更新WordPress2.5">请慎重更新WordPress2.5</a></li></ul><hr /><small>Copyright &copy;  2003-2009 Xiaoxiao's Weblog All rights reserved.<br /> </small>]]></content:encoded>
			<wfw:commentRss>http://liuyuntian.com/2007/03/22/ucdchina-update.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

