<?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>标点符 &#187; 用户体验</title>
	<atom:link href="http://www.biaodianfu.com/category/web-design/user-experience/feed" rel="self" type="application/rss+xml" />
	<link>http://www.biaodianfu.com</link>
	<description>编译自己的互联网生活</description>
	<lastBuildDate>Wed, 08 Feb 2012 08:42:34 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Facebook的用户体验评判规则</title>
		<link>http://www.biaodianfu.com/facebook-five-dimensional-design-model.html</link>
		<comments>http://www.biaodianfu.com/facebook-five-dimensional-design-model.html#comments</comments>
		<pubDate>Thu, 07 Jul 2011 12:31:14 +0000</pubDate>
		<dc:creator>标点符</dc:creator>
				<category><![CDATA[用户体验]]></category>
		<category><![CDATA[Facebook]]></category>

		<guid isPermaLink="false">http://www.biaodianfu.com/?p=3960</guid>
		<description><![CDATA[本文来自19楼的UED博客，说是Facebook的内部资料，但是并没有找到出处，并不能辨别真伪，但是文章中间的观点还是非常值得借鉴和学习的。Google的用户体验评价方案只是提供了简单的分析思路，但是没有到具体的点，这篇文章可以弥补这个缺憾。 Facebook 的产品设计五维 情感 精准定位——设计对受众定位清晰，符合该设计目标用户群的使用体验。 亲和力——所有交互元素的设计上，用户对信息沟通顺畅，感觉似有人一般的亲和感。 分享——承载对Facebook连接、自由、生活的文化认同。 留恋度——给人超出想象的空间，让人留恋往返，对产品期待更多，得到二次访问。 易用 反馈及时——在交互过程中，用户的操作能够在屏幕上及时得到反馈效果，帮助用户提高效率。 方位清晰——清晰的知道自己在那里，退路在那里，能够去那里。 路径简短——完成任务在尽可能控制在三步之内，完成某项任务所花废的步骤和时间最短最好。 容错性好——设计限制因素，突出正确操作，隐藏可能的错误操作，减少勿操作。 形美 文字悦读——信息传达易读，符合中文阅读习惯，信息传达快速。 颜色合适——利用大众对颜色理解的寓意，使用正确的色彩加强产品的印象。 布局美观——均衡与对称的构图，使画面整体具有稳定性。 空间感强——运用几何透视的原理，设计中表现远近、层次、穿插等关系。 气势 专业性——细节完美，找不到明显的设计瑕疵。 整体性——所有交互元素的设计上，用户对信息沟通顺畅，感觉似有人一般的亲和感。 品牌成分——体现Facebook品牌形象，并使品牌资产保持延续与统一。 惊喜度——局部设计有贴心且另人惊喜的体验。 创新 共性——符合已知事物的普遍认知。 异性——在共性基础上，给人耳目一新的感受。 复制性——能够促进Facebook其它产品的发展。 颠覆性——在互联网上前所未见，能够变成同行业新的标准。 以上的五维可以说是面面俱到，从逻辑上将可以很好的辨别一个功能和页面到底用户体验如何，基于这样的标准，接下来就是按照标准进行评价了，为了评分更加公正，可以进行内部评分和外部评分来进行区分来达到最好的效果。 产品设计内部评审规则 评价周期 每个设计师每个月被评审1次。 Team leader每周组织一次评审，提前通知设计师。 人员组成 大评委1人(组织本次评审者，由产品设计主管担任) 评委4人以上（部门经理1 人、主管1人、同事1人、其它。） 被评设计师 评审流程 每次由被评设计师自行上报一个最近上线的作品。 会议形式，被评设计师向评委团进行设计理念简单介绍。 评委各自填写评审表，完成后交由大评委。 大评委对评审表进行数据计算，意见汇总，并制作评审报告。 组长负责每次新改版上线的用户数据收集。 保留好原始评审表，进行存档。 打印评审报告，并将评审意见告诉设计师，完成本次评审。 打分规则 产品设计五大指标总共20条，每一条进行0-5分的打分，如果全部满意即为100分。 单条如果打5分，必须写出理由。打0-4分可以不写理由。 计分时，去掉一个最高分和一个最低分，剩下的分数相加后的平均即为最后得分。 根据线上用户调查数据和评委打分各占50%，最后得出该设计的最终得分。 产品设计外部评审规则 线上用户调研也是用Facebook的产品设计五维去做，但不能用评委的版本，否则收集不到任何有用的信息。用户版只从情感、易用、形美、气势、创新五个大维度出题，不需要细化了，并且选项不能有任何引导性。而文字造成不要使用专业术语，用网友常用的网络用语就可以了。 产品设计用户在线调查问卷 [...]]]></description>
			<content:encoded><![CDATA[<p>本文来自19楼的UED博客，说是Facebook的内部资料，但是并没有找到出处，并不能辨别真伪，但是文章中间的观点还是非常值得借鉴和学习的。<a title="Google 用户体验指标衡量方案：HEART" href="http://www.biaodianfu.com/google-user-centered-metrics.html">Google的用户体验评价方案</a>只是提供了简单的分析思路，但是没有到具体的点，这篇文章可以弥补这个缺憾。</p>
<p><strong>Facebook 的</strong><strong>产品设计五维</strong></p>
<p>情感</p>
<ol>
<li>精准定位——设计对受众定位清晰，符合该设计目标用户群的使用体验。</li>
<li>亲和力——所有交互元素的设计上，用户对信息沟通顺畅，感觉似有人一般的亲和感。</li>
<li>分享——承载对Facebook连接、自由、生活的文化认同。</li>
<li>留恋度——给人超出想象的空间，让人留恋往返，对产品期待更多，得到二次访问。</li>
</ol>
<p>易用</p>
<ol>
<li>反馈及时——在交互过程中，用户的操作能够在屏幕上及时得到反馈效果，帮助用户提高效率。</li>
<li>方位清晰——清晰的知道自己在那里，退路在那里，能够去那里。</li>
<li>路径简短——完成任务在尽可能控制在三步之内，完成某项任务所花废的步骤和时间最短最好。</li>
<li>容错性好——设计限制因素，突出正确操作，隐藏可能的错误操作，减少勿操作。</li>
</ol>
<p>形美</p>
<ol>
<li>文字悦读——信息传达易读，符合中文阅读习惯，信息传达快速。</li>
<li>颜色合适——利用大众对颜色理解的寓意，使用正确的色彩加强产品的印象。</li>
<li>布局美观——均衡与对称的构图，使画面整体具有稳定性。</li>
<li>空间感强——运用几何透视的原理，设计中表现远近、层次、穿插等关系。</li>
</ol>
<p>气势</p>
<ol>
<li>专业性——细节完美，找不到明显的设计瑕疵。</li>
<li>整体性——所有交互元素的设计上，用户对信息沟通顺畅，感觉似有人一般的亲和感。</li>
<li>品牌成分——体现Facebook品牌形象，并使品牌资产保持延续与统一。</li>
<li>惊喜度——局部设计有贴心且另人惊喜的体验。</li>
</ol>
<p>创新</p>
<ol>
<li>共性——符合已知事物的普遍认知。</li>
<li>异性——在共性基础上，给人耳目一新的感受。</li>
<li>复制性——能够促进Facebook其它产品的发展。</li>
<li>颠覆性——在互联网上前所未见，能够变成同行业新的标准。</li>
</ol>
<p>以上的五维可以说是面面俱到，从逻辑上将可以很好的辨别一个功能和页面到底用户体验如何，基于这样的标准，接下来就是按照标准进行评价了，为了评分更加公正，可以进行内部评分和外部评分来进行区分来达到最好的效果。</p>
<p><strong>产品设计内部评审规则</strong></p>
<p>评价周期</p>
<ol>
<li>每个设计师每个月被评审1次。</li>
<li>Team leader每周组织一次评审，提前通知设计师。</li>
</ol>
<p>人员组成</p>
<ol>
<li>大评委1人(组织本次评审者，由产品设计主管担任)</li>
<li>评委4人以上（部门经理1 人、主管1人、同事1人、其它。）</li>
<li>被评设计师</li>
</ol>
<p>评审流程</p>
<ol>
<li>每次由被评设计师自行上报一个最近上线的作品。</li>
<li>会议形式，被评设计师向评委团进行设计理念简单介绍。</li>
<li>评委各自填写评审表，完成后交由大评委。</li>
<li>大评委对评审表进行数据计算，意见汇总，并制作评审报告。</li>
<li>组长负责每次新改版上线的用户数据收集。</li>
<li>保留好原始评审表，进行存档。</li>
<li>打印评审报告，并将评审意见告诉设计师，完成本次评审。</li>
</ol>
<p>打分规则</p>
<ol>
<li>产品设计五大指标总共20条，每一条进行0-5分的打分，如果全部满意即为100分。</li>
<li>单条如果打5分，必须写出理由。打0-4分可以不写理由。</li>
<li>计分时，去掉一个最高分和一个最低分，剩下的分数相加后的平均即为最后得分。</li>
<li>根据线上用户调查数据和评委打分各占50%，最后得出该设计的最终得分。</li>
</ol>
<p><strong>产品设计外部评审规则</strong></p>
<p>线上用户调研也是用Facebook的产品设计五维去做，但不能用评委的版本，否则收集不到任何有用的信息。用户版只从情感、易用、形美、气势、创新五个大维度出题，不需要细化了，并且选项不能有任何引导性。而文字造成不要使用专业术语，用网友常用的网络用语就可以了。</p>
<p>产品设计用户在线调查问卷</p>
<p>1、您对新XXX的整体满意度如何？(情感)</p>
<p>A 非常满意  B 比较满意  C 一般  D 比较不满意  E 非常不满意</p>
<p>2、您觉得XXX是否好看？(形美)</p>
<p>A 漂亮，太棒了  B 还可 C 一般  D 有点难看  E 恶心，不想再看第二次</p>
<p>3、您认为XXX使用起来怎么样？(易用)</p>
<p>A 更清晰了，方便使用  B 还可以  C没什么感觉  D不如原来方便 E太费劲了</p>
<p>4、您认为新XXX功能怎么样？(气势)</p>
<p>A太棒了，我喜欢  B还可以  C一般  D有点多余  E完全多余的</p>
<p>5、您认为对新XXX的功能XXX怎么样？(创新)</p>
<p>A非常有用，太好了  B比较有用  C一般  D不关注  E对我没什么用</p>
<p>Facebook产品设计五维最终呈现给设计师的是图标化评审报告，不仅能知道设计师在团队中的水平，还能知道具体在那方面做的好，那方面有提高的空间，指导意义远远大于分数的意义。</p>
<p>以下为来自19楼的两份资料：<a href="http://vdisk.weibo.com/s/rH82">产品设计评审模型&amp; 产品设计评委打分表</a></p>
<p>原文链接：<a href="http://blog.19ued.com/?p=1144">http://blog.19ued.com/?p=1144</a></p>
<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://www.biaodianfu.com/facebook-five-dimensional-design-model.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>谷歌用户体验设计准则</title>
		<link>http://www.biaodianfu.com/google-user-experience.html</link>
		<comments>http://www.biaodianfu.com/google-user-experience.html#comments</comments>
		<pubDate>Mon, 11 Apr 2011 14:06:54 +0000</pubDate>
		<dc:creator>标点符</dc:creator>
				<category><![CDATA[用户体验]]></category>
		<category><![CDATA[Google]]></category>

		<guid isPermaLink="false">http://www.biaodianfu.com/?p=3587</guid>
		<description><![CDATA[ 谷歌的愿景   Googl用户体验团队致力于创建有用的（useful）、快速的（fast）、简单的（simple）、有吸引力的（engaging）、创新的（ innovative）、适合大众的（universal）、有用的（profitable）、漂亮的（beautiful）、值得信赖的（trustworthy）、个性化的（personable）的应用。 Google用户体验的十大准则 1.将焦点集中在用户的生活，工作，和他们的梦想上。 Google 用户体验小组努力发现用户的真正需求，包括那些他们自己都无法阐明的需求。有了这些信息，Google 就可以创建解决现实问题的产品并激发所有人的创造力。Google的目标不仅仅是按部就班的工作，而是改善人们的生活。总之，一个精心设计的 Google 产品在日常生活中是非常有用的。他并不是靠花哨的视觉效果和技术打动用户的，虽然也有具备这些特性。他不会强迫用户去使用他们不想要的特性，但是他会引导有兴趣的用户自发的去使用他们。他不会入侵别人的生活，但是回想那些想要探索世界信息、工作的更加快速和便捷、分享想法的用户敞开大门。 2.每一毫秒的价值 没有什么比用户的时间更加宝贵。Google页面的快速加载得力于精简的代码和精心挑选的图片。为了让用户更加容易的找到想要的内容，Google将最重要的功能和文本放在最显眼的位置。一些不必要的点击、输入、步骤和其他操作都被Google去除了。Google 的产品只会请求一次信息并且包含了智能的默认选项。所有任务都是高效的。速度为用户带来便利。如果没有充足的理由，Google 绝对不会牺牲速度。 3.简单就是力量 简单造就了良好设计中的许多元素，包括易用性、速度、视觉效果和可访问性。一个产品从设计之初就应该保持简单。Google 不打算创建功能繁复的产品，我们最好的设计只包含那些用户完成目标过程中所必需的功能。即使产品需要大量的特性和复杂的视觉设计，也要看起来简单而强大。在以牺牲简单为代价去追求一个不太重要的功能之前，Google 会三思而后行。Google希望将产品推向新的发展方向，而不仅仅是增加更多功能。 4.引导新手和吸引专家 为多数人设计并不意味着为降低标准设计。最好的 Google 设计表面上看起来很简单，但是却包含了强大的功能，可以让需要的用户很容易地访问到。Google的目标是为新用户提供美妙的初始体验，同时也吸引那些经验丰富的用户，他们会让其他人也来使用这个产品。一个精心设计的 Google 产品会让新用户很快熟悉，在必要的时候提供帮助，并且保证用户可以通过简单符合直觉的操作使用产品的大多数有价值的功能。逐步披露高级功能会鼓励用户去扩展他们对产品的使用。在适当情况下，Google 会适时地提供一些智能功能来吸引那些资深网络用户——那些在多个设备和电脑之间共享数据的人、在线上和线下工作的人、以及需要存储空间的人。 5.敢于创新 设计上的一致性是 Google 产品获得信任的基石，它令用户舒适并提高他们的工作效率。但是要想把设计从沉闷乏味变得令人愉快就要依靠想象力。Google 鼓励那些创新、冒险的设计，只要它们符合用户需求。团队鼓励新的想法并发展它们。不是为了去适应现有的产品功能，Google 更着眼于改变整个游戏规则。 6.为全世界设计 万维网已经向世界各地的人们开放了互联网上的所有资源。例如，很多用户通过移动设备来使用 Google 的产品，而不是坐在桌子前面通过电脑。我们设计出的产品应该在用户随意选择的任何一种媒介上都可以适时调整和使用。在可能的情况下，Google 会适时地支持较慢的连接速度和旧版的浏览器，而且 Google 会允许用户选择如何浏览信息（屏幕大小，字体大小）和如何输入信息（智能查询分析）。用户体验团队会研究世界上用户体验的根本差异，为每一个用户、每一个设备和每一种文化设计出合适的产品。简单的翻译，或者功能上的“优雅降级”，都不足以满足人们的需要。Google 还致力于改善产品的可访问性。Google对简单和具有包容性产品的渴望，以及Google 让全世界的信息普遍可访问的使命，都要求产品支持辅助技术，向包括有身体和认知缺陷在内的所有用户提供愉悦的体验。 7.安排今天和明天的业务 那些盈利的 Google 产品竭力做到以有助于用户的方式赚钱。为了实现这一崇高目标，设计师将和产品团队一起确保商业计划能够和用户的目标无缝集成。他们会确保广告具有相关性、有用并可以明确地识别出是广告。 Google 也会注意保护那些广告客户和其它靠 Google 谋生的人的利益。如果靠某个产品增加收入会减少 Google 未来的用户数量，那么 Google 绝对不会做这种尝试。如果一个有利可图的设计没有让用户满意，它就会被打回重做。不是每个产品都需要盈利，但是不能有产品对业务不利。 8. 愉悦用户的眼睛，但不分散注意力。 如果人们看到一个 [...]]]></description>
			<content:encoded><![CDATA[<p><strong> 谷歌的愿景</strong></p>
<p>  Googl用户体验团队致力于创建有用的（useful）、快速的（fast）、简单的（simple）、有吸引力的（engaging）、创新的（ innovative）、适合大众的（universal）、有用的（profitable）、漂亮的（beautiful）、值得信赖的（trustworthy）、个性化的（personable）的应用。</p>
<p><strong>Google用户体验的十大准则</strong></p>
<p><strong>1.将焦点集中在用户的生活，工作，和他们的梦想上。</strong></p>
<p>Google 用户体验小组努力发现用户的真正需求，包括那些他们自己都无法阐明的需求。有了这些信息，Google 就可以创建解决现实问题的产品并激发所有人的创造力。Google的目标不仅仅是按部就班的工作，而是改善人们的生活。总之，一个精心设计的 Google 产品在日常生活中是非常有用的。他并不是靠花哨的视觉效果和技术打动用户的，虽然也有具备这些特性。他不会强迫用户去使用他们不想要的特性，但是他会引导有兴趣的用户自发的去使用他们。他不会入侵别人的生活，但是回想那些想要探索世界信息、工作的更加快速和便捷、分享想法的用户敞开大门。</p>
<p><strong>2.每一毫秒的价值</strong></p>
<p>没有什么比用户的时间更加宝贵。Google页面的快速加载得力于精简的代码和精心挑选的图片。为了让用户更加容易的找到想要的内容，Google将最重要的功能和文本放在最显眼的位置。一些不必要的点击、输入、步骤和其他操作都被Google去除了。Google 的产品只会请求一次信息并且包含了智能的默认选项。所有任务都是高效的。速度为用户带来便利。如果没有充足的理由，Google 绝对不会牺牲速度。</p>
<p><strong>3.简单就是力量</strong></p>
<p>简单造就了良好设计中的许多元素，包括易用性、速度、视觉效果和可访问性。一个产品从设计之初就应该保持简单。Google 不打算创建功能繁复的产品，我们最好的设计只包含那些用户完成目标过程中所必需的功能。即使产品需要大量的特性和复杂的视觉设计，也要看起来简单而强大。在以牺牲简单为代价去追求一个不太重要的功能之前，Google 会三思而后行。Google希望将产品推向新的发展方向，而不仅仅是增加更多功能。</p>
<p><strong>4.引导新手和吸引专家</strong></p>
<p>为多数人设计并不意味着为降低标准设计。最好的 Google 设计表面上看起来很简单，但是却包含了强大的功能，可以让需要的用户很容易地访问到。Google的目标是为新用户提供美妙的初始体验，同时也吸引那些经验丰富的用户，他们会让其他人也来使用这个产品。一个精心设计的 Google 产品会让新用户很快熟悉，在必要的时候提供帮助，并且保证用户可以通过简单符合直觉的操作使用产品的大多数有价值的功能。逐步披露高级功能会鼓励用户去扩展他们对产品的使用。在适当情况下，Google 会适时地提供一些智能功能来吸引那些资深网络用户——那些在多个设备和电脑之间共享数据的人、在线上和线下工作的人、以及需要存储空间的人。</p>
<p><strong>5.敢于创新</strong></p>
<p>设计上的一致性是 Google 产品获得信任的基石，它令用户舒适并提高他们的工作效率。但是要想把设计从沉闷乏味变得令人愉快就要依靠想象力。Google 鼓励那些创新、冒险的设计，只要它们符合用户需求。团队鼓励新的想法并发展它们。不是为了去适应现有的产品功能，Google 更着眼于改变整个游戏规则。</p>
<p><strong>6.为全世界设计</strong></p>
<p>万维网已经向世界各地的人们开放了互联网上的所有资源。例如，很多用户通过移动设备来使用 Google 的产品，而不是坐在桌子前面通过电脑。我们设计出的产品应该在用户随意选择的任何一种媒介上都可以适时调整和使用。在可能的情况下，Google 会适时地支持较慢的连接速度和旧版的浏览器，而且 Google 会允许用户选择如何浏览信息（屏幕大小，字体大小）和如何输入信息（智能查询分析）。用户体验团队会研究世界上用户体验的根本差异，为每一个用户、每一个设备和每一种文化设计出合适的产品。简单的翻译，或者功能上的“优雅降级”，都不足以满足人们的需要。Google 还致力于改善产品的可访问性。Google对简单和具有包容性产品的渴望，以及Google 让全世界的信息普遍可访问的使命，都要求产品支持辅助技术，向包括有身体和认知缺陷在内的所有用户提供愉悦的体验。</p>
<p><strong>7.安排今天和明天的业务</strong></p>
<p>那些盈利的 Google 产品竭力做到以有助于用户的方式赚钱。为了实现这一崇高目标，设计师将和产品团队一起确保商业计划能够和用户的目标无缝集成。他们会确保广告具有相关性、有用并可以明确地识别出是广告。 Google 也会注意保护那些广告客户和其它靠 Google 谋生的人的利益。如果靠某个产品增加收入会减少 Google 未来的用户数量，那么 Google 绝对不会做这种尝试。如果一个有利可图的设计没有让用户满意，它就会被打回重做。不是每个产品都需要盈利，但是不能有产品对业务不利。</p>
<p><strong>8. 愉悦用户的眼睛，但不分散注意力。</strong></p>
<p>如果人们看到一个 Google 的产品时说“哇，真漂亮！”，用户体验团队就可以欢呼了。一个积极的第一印象会让用户觉得舒服，使他们确信这个产品是可靠和专业的，并且会鼓励用户做出自己的产品。简约美学对于大部分的 Google 产品都是适用的，因为一个干净、清爽、加载迅速，而且不会分散用户的注意力的设计一定符合用户需求的。吸引人的图像、颜色和字体需要与速度、可扫描文本和简易导航取得平衡。尽管如此，考虑到用户和文化背景的因素，“简单优雅”并不是对所有产品来说都是最合适的。Google 产品的视觉设计会让用户感到满意并且有助于使用。</p>
<p><strong>9. 值得信任。</strong></p>
<p>好的设计可以深深赢得使用 Google 产品的用户的信任。Google 可靠性的建立是从基础就开始的，例如，界面确保高效和专业、动作容易撤销、广告被明确识别、术语的一致性以及令用户惊喜而非惊诧。此外，Google 的产品是向全世界开放的，它包含指向竞争对手的链接并且鼓励用户做出贡献，如社区地图或者 iGoogle 小工具。一个更大的挑战是确保 Google 对用户控制自己数据的权利表示了尊重。在如何使用信息和信息如何共享给他人（如果有的话）方面，Google 是透明的，所以用户可以做出知情的选择。我们的产品在有危险的时候会警告用户，比如不安全的链接，使用户容易受到垃圾邮件骚扰的行为，或者将数据分享在 Google 之外的其它地方而被存储的可能性。Google 越大，遵循“不作恶”的座右铭就越重要。</p>
<p><strong>10. 有人情味。</strong></p>
<p>Google 包括了各种各样的人格特质，而Google的设计也是有人性的。文本和设计元素都是友好、机灵并且智能的，而不是枯燥、古板或傲慢的。Google 的文本直接和用户对话，并提供实际、非正式的协助，就像任何一个人回答邻居所提出的问题一样。而且 Google 不会让有趣或个性干扰到设计的其它元素，尤其是当人们被生活或找到重要信息的能力严重困扰的时候。</p>
<p>Google 并不是什么都懂，而且没有设计是完美的。Google的产品希望得到反馈，Google 会根据这些反馈采取行动。当实践这些设计准则的时候，Google 用户体验团队会在每个产品的可用时间里寻找最佳的平衡。然后，迭代、创新和改善会循环往复。</p>
<p><em>原文链接（E文）：<a href="http://www.google.com/corporate/ux.html">http://www.google.com/corporate/ux.html</a></em></p>
<p>Related posts:<ol>
<li><a href='http://www.biaodianfu.com/google-wrong.html' rel='bookmark' title='Google也是会犯错的'>Google也是会犯错的</a></li>
<li><a href='http://www.biaodianfu.com/google-ten-things.html' rel='bookmark' title='来自Google的10条价值观'>来自Google的10条价值观</a></li>
<li><a href='http://www.biaodianfu.com/google-index-dababase.html' rel='bookmark' title='Google索引库到底有多大的猜想'>Google索引库到底有多大的猜想</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.biaodianfu.com/google-user-experience.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>机票预订可用性测试之错误与出错页</title>
		<link>http://www.biaodianfu.com/airline-tickets-booking-usability-error-page.html</link>
		<comments>http://www.biaodianfu.com/airline-tickets-booking-usability-error-page.html#comments</comments>
		<pubDate>Tue, 22 Feb 2011 04:55:50 +0000</pubDate>
		<dc:creator>标点符</dc:creator>
				<category><![CDATA[用户体验]]></category>
		<category><![CDATA[可用性]]></category>
		<category><![CDATA[机票]]></category>

		<guid isPermaLink="false">http://www.biaodianfu.com/?p=3339</guid>
		<description><![CDATA[一、提供清晰的出错总结 用户在填写表单时会出错，这是很正常的事。但是处理这些错误时每个在线的流程非常重要的一个环节，如果用户出错，他们应当在第一时间被告知出了问题。错误的提醒应当以文字描述的形式在页面的顶端呈现。 Opodo 在页面顶部为用户提供了清晰的总结，应当如何纠正错误。 二、保证错误被高亮展示在对应区域边上 因为当错误在一张表中发生时，使用者可能已经滚动到底部，从而无法看到顶部的错误提示。 同样的，如果提示信息是以弹出方式出现的，使用者可能无法找到哪边出错了，因为他们需要关闭弹出窗口再寻找错误。在提醒使用者出错之外，在出错的区域周围应当有一条提示信息，标注哪边错误了，如何更改。 BMI 没有提供错误总结或错误提示框，因此使用者需要把页面卷动到底部才会意识到有什么地方出错了。 三、提供清晰的纠正错误的指引 无论网站多么想要避免，使用者难免会在预订过程中犯一些错误。如果使用者不能马上明白错误在哪以及怎么去解决，他们就会放弃这个过程。当提供给他们高度可视化以及富含信息的错误提示时，使用者就可以很快的纠正错误，继续预订流程。如果用户发觉有些错误难以解决的话，他们更愿意去一个全程有帮助提示的站点。这些指导应当包括： 出错原因的解释以及如何修正 不把错误归结在使用者身上 不要使用“出错”之类明显负面的字眼 慎用专业词语以及长词 STA 没有明确解释错误的原因，可能会让使用者感到困惑，不知如何解决问题。 尽管只提供了一个弹出框，Ryanair解释了错误的原因，这样一来访问者就知道怎么去解决问题了。 四、保证系统可以智能纠正常见的错误 尽管使用者在经过预订流程时会犯各种各样的错误，但有些典型错误是可以通过利用某些智能技术被避免的。例如一个电话号码的提交可以有N种方式： (020) 7423 6320 020-7423-6320 020 7423 6320 预订流程应当利用空格，标点或者框结构使得这些数字和文字排列更有序，其他类似的信息都可以这么处理，比如：信用卡信息、生日、邮政编码、姓名。网站应当明确指出指定的格式是什么样的，但是仍然保留接受不同格式数据的可能。 Thomas Cook强制顾客在填写电话号码时加上国际编码和地区代码，也许会让许多人感到困惑，使得最终的结果出错。 机票预订可用性测试之航班搜索页 机票预订可用性测试之搜索结果页 机票预订可用性测试之预订流程页 机票预订可用性测试之错误与出错页 原始文章（E文）：http://www.webcredible.co.uk/user-friendly-resources/white-papers/travel-usability-2010.shtml  翻译：虞邵阳 Related posts: 在DreamHost上使用SSH时会用到的命令 电子商务网站定向销售 机票预订可用性测试之航班搜索页]]></description>
			<content:encoded><![CDATA[<p><strong>一、</strong><strong>提供清晰的出错总结</strong></p>
<p>用户在填写表单时会出错，这是很正常的事。但是处理这些错误时每个在线的流程非常重要的一个环节，如果用户出错，他们应当在第一时间被告知出了问题。错误的提醒应当以文字描述的形式在页面的顶端呈现。</p>
<p><img class="alignnone size-full wp-image-3340" title="opodo" src="http://www.biaodianfu.com/wp-content/uploads/2011/02/opodo1.png" alt="" width="456" height="175" /></p>
<p><em>Opodo 在页面顶部为用户提供了清晰的总结，应当如何纠正错误。</em></p>
<p><strong>二、</strong><strong>保证错误被高亮展示在对应区域边上</strong></p>
<p>因为当错误在一张表中发生时，使用者可能已经滚动到底部，从而无法看到顶部的错误提示。 同样的，如果提示信息是以弹出方式出现的，使用者可能无法找到哪边出错了，因为他们需要关闭弹出窗口再寻找错误。在提醒使用者出错之外，在出错的区域周围应当有一条提示信息，标注哪边错误了，如何更改。</p>
<p><img class="alignnone size-full wp-image-3341" title="bmi" src="http://www.biaodianfu.com/wp-content/uploads/2011/02/bmi2.png" alt="" width="370" height="669" /></p>
<p><em>BMI 没有提供错误总结或错误提示框，因此使用者需要把页面卷动到底部才会意识到有什么地方出错了。</em></p>
<p><strong>三、</strong><strong>提供清晰的纠正错误的指引</strong></p>
<p>无论网站多么想要避免，使用者难免会在预订过程中犯一些错误。如果使用者不能马上明白错误在哪以及怎么去解决，他们就会放弃这个过程。当提供给他们高度可视化以及富含信息的错误提示时，使用者就可以很快的纠正错误，继续预订流程。如果用户发觉有些错误难以解决的话，他们更愿意去一个全程有帮助提示的站点。这些指导应当包括：</p>
<ul>
<li>出错原因的解释以及如何修正</li>
<li>不把错误归结在使用者身上</li>
<li>不要使用“出错”之类明显负面的字眼</li>
<li>慎用专业词语以及长词</li>
</ul>
<p><img class="alignnone size-full wp-image-3342" title="sta" src="http://www.biaodianfu.com/wp-content/uploads/2011/02/sta1.png" alt="" width="474" height="116" /></p>
<p><em>STA 没有明确解释错误的原因，可能会让使用者感到困惑，不知如何解决问题。</em></p>
<p><img class="alignnone size-full wp-image-3343" title="ryanair" src="http://www.biaodianfu.com/wp-content/uploads/2011/02/ryanair1.png" alt="" width="360" height="152" /></p>
<p><em>尽管只提供了一个弹出框，Ryanair解释了错误的原因，这样一来访问者就知道怎么去解决问题了。</em></p>
<p><strong>四、</strong><strong>保证系统可以智能纠正常见的错误</strong></p>
<p>尽管使用者在经过预订流程时会犯各种各样的错误，但有些典型错误是可以通过利用某些智能技术被避免的。例如一个电话号码的提交可以有N种方式：</p>
<ul>
<li>(020) 7423 6320</li>
<li>020-7423-6320</li>
<li>020 7423 6320</li>
</ul>
<p>预订流程应当利用空格，标点或者框结构使得这些数字和文字排列更有序，其他类似的信息都可以这么处理，比如：信用卡信息、生日、邮政编码、姓名。网站应当明确指出指定的格式是什么样的，但是仍然保留接受不同格式数据的可能。</p>
<p><img class="alignnone size-full wp-image-3344" title="thomas-cook" src="http://www.biaodianfu.com/wp-content/uploads/2011/02/thomas-cook.png" alt="" width="497" height="101" /></p>
<p><em>Thomas Cook强制顾客在填写电话号码时加上国际编码和地区代码，也许会让许多人感到困惑，使得最终的结果出错。</em></p>
<p><a title="机票预订可用性测试之航班搜索页" rel="bookmark" href="http://www.biaodianfu.com/airline-tickets-booking-usability-flight-search.html">机票预订可用性测试之航班搜索页</a></p>
<p><a title="机票预订可用性测试之搜索结果页" rel="bookmark" href="http://www.biaodianfu.com/airline-tickets-booking-usability-flight-search-results.html">机票预订可用性测试之搜索结果页</a></p>
<p><a title="机票预订可用性测试之预订流程页" rel="bookmark" href="http://www.biaodianfu.com/airline-tickets-booking-usability-flight-booking.html">机票预订可用性测试之预订流程页</a></p>
<p><a title="机票预订可用性测试之错误与出错页" rel="bookmark" href="http://www.biaodianfu.com/airline-tickets-booking-usability-error-page.html">机票预订可用性测试之错误与出错页</a></p>
<p>原始文章（E文）：<a href="http://www.webcredible.co.uk/user-friendly-resources/white-papers/travel-usability-2010.shtml">http://www.webcredible.co.uk/user-friendly-resources/white-papers/travel-usability-2010.shtml</a>  翻译：<a href="http://t.sina.com.cn/ysysuzhou">虞邵阳</a></p>
<p>Related posts:<ol>
<li><a href='http://www.biaodianfu.com/dreamhost-ssh.html' rel='bookmark' title='在DreamHost上使用SSH时会用到的命令'>在DreamHost上使用SSH时会用到的命令</a></li>
<li><a href='http://www.biaodianfu.com/targeted-selling-recap.html' rel='bookmark' title='电子商务网站定向销售'>电子商务网站定向销售</a></li>
<li><a href='http://www.biaodianfu.com/airline-tickets-booking-usability-flight-search.html' rel='bookmark' title='机票预订可用性测试之航班搜索页'>机票预订可用性测试之航班搜索页</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.biaodianfu.com/airline-tickets-booking-usability-error-page.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>机票预订可用性测试之预订流程页</title>
		<link>http://www.biaodianfu.com/airline-tickets-booking-usability-flight-booking.html</link>
		<comments>http://www.biaodianfu.com/airline-tickets-booking-usability-flight-booking.html#comments</comments>
		<pubDate>Mon, 21 Feb 2011 13:52:26 +0000</pubDate>
		<dc:creator>标点符</dc:creator>
				<category><![CDATA[用户体验]]></category>
		<category><![CDATA[可用性]]></category>
		<category><![CDATA[机票]]></category>

		<guid isPermaLink="false">http://www.biaodianfu.com/?p=3328</guid>
		<description><![CDATA[一、在预订过程中提供联系电话 有些旅行者不习惯在线上完成全部的搜索和预订流程。他们可能只在网上搜索想要的结果，之后在电话上预订。有技术困难或者有进一步需求的客户会利用电话来预订，因此需要在搜索和预订页上醒目的展示联系电话。访问者可能会对有预订电话的网站更加信任，同同时他们可以在任何时候拿起电话询问，特别是当他们卡在某一步时。 Netflights 是唯一一家在站点的页首上提供了他们的电话号码和呼叫中心开放时间的网站。 二、使用适当的“向上销售” 航班的边缘利润是很少的，因此很多旅游站点非常热衷于交叉销售或者向上销售一些其他产品给用户。可是，很多交叉销售的方法会潜在的增加用户离开的概率。需要保证的是所有额外的产品都应当是“被选的”，不能让任何的使用者被自动的加入到一些额外销售的名单中。   Jet2.com 因为有自动加入的保险，以及没有清晰提示这些额外增加的项目。 例如，选座时，并没有清晰的提示说选座功能需要花费3.99元。注意到这些额外费用的访问者需要重新开展预订流程来避免这些额外的费用。 三、展示一条清晰的进程条 在预订过程中，访问者应当被清楚地告知他们目前处于预订过程中的什么位置以及还有多少步骤。通常用一个进度条表示即可。进度条应当是： 很容易注意到 标签非常易懂 高亮目前用户的位置 有一个流程的外观 British Airways 提供了一个带有简约标签的杰出进度条，每一个步骤都会被清晰的标注出。 Expedia 既没有提供一个进度条也没有给每一步标注数字，这会让访问者难以了解还有多少步才能完成预订过程。 四、保证取消或者改变预订信息的方法醒目 旅行的特性意味着用户经常会想知道改变或者取消行程的条款——即使只是为了心安而了解。很多站点让这些信息非常难寻，深埋在网站使用者条款中。一些条款的简介应当在预订流程中被展示——这样也会增加用户的信任度。 Monarch 提供了详细的条款和合同信息，包括在支付页上退款和改签的费用信息。 机票预订可用性测试之航班搜索页 机票预订可用性测试之搜索结果页 机票预订可用性测试之预订流程页 机票预订可用性测试之错误与出错页 原始文章（E文）：http://www.webcredible.co.uk/user-friendly-resources/white-papers/travel-usability-2010.shtml  翻译：虞邵阳 Related posts: 机票预订可用性测试之搜索结果页 机票预订可用性测试之航班搜索页 机票预订可用性测试之错误与出错页]]></description>
			<content:encoded><![CDATA[<p><strong>一、</strong><strong>在预订过程中提供联系电话</strong></p>
<p>有些旅行者不习惯在线上完成全部的搜索和预订流程。他们可能只在网上搜索想要的结果，之后在电话上预订。有技术困难或者有进一步需求的客户会利用电话来预订，因此需要在搜索和预订页上醒目的展示联系电话。访问者可能会对有预订电话的网站更加信任，同同时他们可以在任何时候拿起电话询问，特别是当他们卡在某一步时。</p>
<p><img class="alignnone size-full wp-image-3331" title="netflights" src="http://www.biaodianfu.com/wp-content/uploads/2011/02/netflights1.png" alt="" width="568" height="72" /></p>
<p><em>Netflights 是唯一一家在站点的页首上提供了他们的电话号码和呼叫中心开放时间的网站。</em></p>
<p><strong>二、</strong><strong>使用适当的“向上销售”</strong></p>
<p>航班的边缘利润是很少的，因此很多旅游站点非常热衷于交叉销售或者向上销售一些其他产品给用户。可是，很多交叉销售的方法会潜在的增加用户离开的概率。需要保证的是所有额外的产品都应当是“被选的”，不能让任何的使用者被自动的加入到一些额外销售的名单中。</p>
<p> <img title="jet2" src="http://www.biaodianfu.com/wp-content/uploads/2011/02/jet2.png" alt="" width="615" height="377" /></p>
<p><em>Jet2.com 因为有自动加入的保险，以及没有清晰提示这些额外增加的项目。 例如，选座时，并没有清晰的提示说选座功能需要花费3.99元。注意到这些额外费用的访问者需要重新开展预订流程来避免这些额外的费用。</em></p>
<p><strong>三、</strong><strong>展示一条清晰的进程条</strong></p>
<p>在预订过程中，访问者应当被清楚地告知他们目前处于预订过程中的什么位置以及还有多少步骤。通常用一个进度条表示即可。进度条应当是：</p>
<ul>
<li>很容易注意到</li>
<li>标签非常易懂</li>
<li>高亮目前用户的位置</li>
<li>有一个流程的外观</li>
</ul>
<p><img title="british-airways" src="http://www.biaodianfu.com/wp-content/uploads/2011/02/british-airways.png" alt="" width="540" height="93" /></p>
<p><em>British Airways 提供了一个带有简约标签的杰出进度条，每一个步骤都会被清晰的标注出。</em></p>
<p><strong><img class="alignnone size-full wp-image-3335" title="expedia" src="http://www.biaodianfu.com/wp-content/uploads/2011/02/expedia1.png" alt="" width="514" height="229" /></strong></p>
<p><em>Expedia 既没有提供一个进度条也没有给每一步标注数字，这会让访问者难以了解还有多少步才能完成预订过程。</em></p>
<p><strong>四、</strong><strong>保证取消或者改变预订信息的方法醒目</strong></p>
<p>旅行的特性意味着用户经常会想知道改变或者取消行程的条款——即使只是为了心安而了解。很多站点让这些信息非常难寻，深埋在网站使用者条款中。一些条款的简介应当在预订流程中被展示——这样也会增加用户的信任度。</p>
<p><img class="alignnone size-full wp-image-3336" title="monarch" src="http://www.biaodianfu.com/wp-content/uploads/2011/02/monarch.png" alt="" width="574" height="341" /></p>
<p><em>Monarch 提供了详细的条款和合同信息，包括在支付页上退款和改签的费用信息。</em></p>
<p><a title="机票预订可用性测试之航班搜索页" rel="bookmark" href="http://www.biaodianfu.com/airline-tickets-booking-usability-flight-search.html">机票预订可用性测试之航班搜索页</a></p>
<p><a title="机票预订可用性测试之搜索结果页" rel="bookmark" href="http://www.biaodianfu.com/airline-tickets-booking-usability-flight-search-results.html">机票预订可用性测试之搜索结果页</a></p>
<p><a title="机票预订可用性测试之预订流程页" rel="bookmark" href="http://www.biaodianfu.com/airline-tickets-booking-usability-flight-booking.html">机票预订可用性测试之预订流程页</a></p>
<p><a title="机票预订可用性测试之错误与出错页" rel="bookmark" href="http://www.biaodianfu.com/airline-tickets-booking-usability-error-page.html">机票预订可用性测试之错误与出错页</a></p>
<p>原始文章（E文）：<a href="http://www.webcredible.co.uk/user-friendly-resources/white-papers/travel-usability-2010.shtml">http://www.webcredible.co.uk/user-friendly-resources/white-papers/travel-usability-2010.shtml</a>  翻译：<a href="http://t.sina.com.cn/ysysuzhou">虞邵阳</a></p>
<p>Related posts:<ol>
<li><a href='http://www.biaodianfu.com/airline-tickets-booking-usability-flight-search-results.html' rel='bookmark' title='机票预订可用性测试之搜索结果页'>机票预订可用性测试之搜索结果页</a></li>
<li><a href='http://www.biaodianfu.com/airline-tickets-booking-usability-flight-search.html' rel='bookmark' title='机票预订可用性测试之航班搜索页'>机票预订可用性测试之航班搜索页</a></li>
<li><a href='http://www.biaodianfu.com/airline-tickets-booking-usability-error-page.html' rel='bookmark' title='机票预订可用性测试之错误与出错页'>机票预订可用性测试之错误与出错页</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.biaodianfu.com/airline-tickets-booking-usability-flight-booking.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>机票预订可用性测试之搜索结果页</title>
		<link>http://www.biaodianfu.com/airline-tickets-booking-usability-flight-search-results.html</link>
		<comments>http://www.biaodianfu.com/airline-tickets-booking-usability-flight-search-results.html#comments</comments>
		<pubDate>Mon, 21 Feb 2011 04:40:33 +0000</pubDate>
		<dc:creator>标点符</dc:creator>
				<category><![CDATA[用户体验]]></category>
		<category><![CDATA[可用性]]></category>
		<category><![CDATA[机票]]></category>

		<guid isPermaLink="false">http://www.biaodianfu.com/?p=3306</guid>
		<description><![CDATA[一、 提供一个清晰的结果页 通常，搜索结果页会提供大量的信息——清晰并且高效的组织和呈现这些信息给访问者就十分重要。如果访问者需要费力的解读内容，那他们很可能就不会继续流程了。 Travel Republic 拥有一个非常清晰并且组织良好的，以价格排序的搜索结果页。同时还提供了一个每个航线最低价格的快速浏览。 二、允许操作和分类各项结果 如果访问者搜索到了一长串的结果，那么提供进一步精确定位以找到预期结果的功能就十分必要。为大量的搜索结果排序，从而使带有关键指标的产品能够排至页首，对于某些目标并不明确的使用者来说十分重要。旅行者通常会按照价格排序来找出低价的航班，商务旅行者则可能会按照起飞和降落的时间排序。另一方面，过滤功能可以让使用者删去不符合要求的产品。这个功能对于某些有特定需求的旅行者很有用，例如想要乘直达航班的或者某个航空公司的忠实会员。   Travel Republic 在右方的下拉条中为搜索结果排序提供了广泛的选项 Opodo 的过滤功能很强大，不过都被隐藏在页面的折叠部分，如果能够做的更醒目，访问者会利用的更多。 三、让页面“友善”的被分享 不是每一个涉及预订流程的用户会最终下单，有些只是想要查看一下价格或者航班时间。敲定一个航程通常是朋友间或者一家人的决定，因此你的站点能够支持打印功能是非常重要的。确保打印出的内容易读并且没有遗漏重要信息。网站应当提供“邮寄给一个好友”功能(或者其他社区分享渠道)，邮件内容包含一个“重新整理”过的不限时间内带有相同搜索结果的页面。这样，访问者就可以通过一个方便快捷的方法寻求朋友的回馈，显著的提升用户体验。 Expedia 提供了很多分享选项，不过这些功能都只对注册用户有效。 BMI 是唯一的在航班预订流程中提供了“发送给好友”以及“打印”该页功能的网站。 四、支持喜爱“对比购买”的访问者 大部分的人会在多个旅行站点之间比较时间和价格，所以第一次访问大都不会预订航班。比较后购买在电子商务中十分普遍。特别是在电子商务旅游行业，平均每4个访问者中就有一人是从竞争对手站点同一分类中来的。鉴于这种行为，站点应当保证不同会话之间的搜索能够被保存。这样一来，访问者从另一站点返回后，不需要再次输入搜索条件。例如：提供“最近搜索”的内容。 BMI 是唯一提供了过去所有搜索总览的网站 五、尽早的展示价格 访问者通常会因在预订流程中额外出现的其他费用感到失望。对于任何一个电子商务的结算流程，这种现象都很明显。因此航班的价格必须绝对的清楚。因此在预订流程中，需要越早越清楚醒目的展示包含了所有费用的全价。访问者会在了解了所有价格信息后对于其他可选项做出选择，如果他们在之后得知有额外的费用的话，他们会被迫重新考虑。客户对于为一些他们本不知道的东西付钱的反应是十分消极的。 Ryanair 没有提示去程和归程的总价，容易让使用者对报价产生混淆。 EasyJet 在预定流程中给出了总价格，同时还包含了不同支付手段产生的额外费用。 六、更简单的开始定制或者重新搜索 预订流程不能假设使用者会对于搜索结果很满意。如果他们不满意，就应当帮助他们寻找另一个更合适的航班。最简单的方法就是在搜索结果页直接可以开展另一次新搜索。其中所有之前输入的搜索要素（例如日期，机场和人数）应当被保留。 Netflights 在整个预订过程的页面上保留了搜索框，因此访问者可以在任何时候开展新的搜索。 BMI 没有在搜索结果页上放搜索框，访问者只有通过点击“改变您的搜索”来加载搜索页。 七、提供每个机场的信息 如果用户不清楚下列内容，他们一般不会预订在某个特定机场的航班： 机场在哪 如何到达机场 交通状况如何 到达机场需要的时间 这些问题变得越来越重要，因为机场越来越多，前往一个不熟悉机场的概率也越来越大。许多网站都不能够提供机场的确切位置以及如何到达该机场。 BMI 机场信息可以在导航条上清晰的看到。 八、使用清晰的航班确认页 在搜索结果页选择了航班后，一个信息总结页应当被展现出来。这样访问者才能在继续预订流程之前，确认他们选择的航班细节。这个确认页面需要多种的信息的清晰展示，来帮助访问者最终拿主意，内容应当包括： 价格，清晰的在页首展示 起点与终点的地点以及机场全名的清晰展示 任何额外的，没有被包含的费用。 相关的航班信息，起飞降落的时间以及其他舱位等信息。 清晰的下一步指导，保证用户能够了解如何开展预订的下一步。   STA 提供了清楚易懂的被选择航班细节的总结，同时有非常清晰的下一步按钮。 机票预订可用性测试之航班搜索页 [...]]]></description>
			<content:encoded><![CDATA[<p><strong>一、</strong> <strong>提供一个清晰的结果页</strong></p>
<p>通常，搜索结果页会提供大量的信息——清晰并且高效的组织和呈现这些信息给访问者就十分重要。如果访问者需要费力的解读内容，那他们很可能就不会继续流程了。</p>
<p><img class="alignnone size-full wp-image-3307" title="travel_republic" src="http://www.biaodianfu.com/wp-content/uploads/2011/02/travel_republic.png" alt="" width="561" height="460" /></p>
<p><em>Travel Republic 拥有一个非常清晰并且组织良好的，以价格排序的搜索结果页。同时还提供了一个每个航线最低价格的快速浏览。</em></p>
<p><strong>二、</strong><strong>允许操作和分类各项结果</strong></p>
<p>如果访问者搜索到了一长串的结果，那么提供进一步精确定位以找到预期结果的功能就十分必要。为大量的搜索结果排序，从而使带有关键指标的产品能够排至页首，对于某些目标并不明确的使用者来说十分重要。旅行者通常会按照价格排序来找出低价的航班，商务旅行者则可能会按照起飞和降落的时间排序。另一方面，过滤功能可以让使用者删去不符合要求的产品。这个功能对于某些有特定需求的旅行者很有用，例如想要乘直达航班的或者某个航空公司的忠实会员。</p>
<p> <strong><img title="travel_republic_search" src="http://www.biaodianfu.com/wp-content/uploads/2011/02/travel_republic_search.png" alt="" width="556" height="54" /></strong></p>
<p><em>Travel Republic 在右方的下拉条中为搜索结果排序提供了广泛的选项</em></p>
<p><img title="opodo" src="http://www.biaodianfu.com/wp-content/uploads/2011/02/opodo.png" alt="" width="532" height="671" /></p>
<p><em>Opodo 的过滤功能很强大，不过都被隐藏在页面的折叠部分，如果能够做的更醒目，访问者会利用的更多。</em></p>
<p><strong>三、</strong><strong>让页面“友善”的被分享</strong></p>
<p>不是每一个涉及预订流程的用户会最终下单，有些只是想要查看一下价格或者航班时间。敲定一个航程通常是朋友间或者一家人的决定，因此你的站点能够支持打印功能是非常重要的。确保打印出的内容易读并且没有遗漏重要信息。网站应当提供“邮寄给一个好友”功能(或者其他社区分享渠道)，邮件内容包含一个“重新整理”过的不限时间内带有相同搜索结果的页面。这样，访问者就可以通过一个方便快捷的方法寻求朋友的回馈，显著的提升用户体验。</p>
<p><img class="alignnone size-full wp-image-3311" title="expedia" src="http://www.biaodianfu.com/wp-content/uploads/2011/02/expedia.png" alt="" width="144" height="432" /></p>
<p><em>Expedia 提供了很多分享选项，不过这些功能都只对注册用户有效。</em></p>
<p><img class="alignnone size-full wp-image-3312" title="bmi" src="http://www.biaodianfu.com/wp-content/uploads/2011/02/bmi.png" alt="" width="487" height="189" /></p>
<p>BMI 是唯一的在航班预订流程中提供了“发送给好友”以及“打印”该页功能的网站。</p>
<p><strong>四、</strong><strong>支持喜爱“对比购买”的访问者</strong></p>
<p>大部分的人会在多个旅行站点之间比较时间和价格，所以第一次访问大都不会预订航班。比较后购买在电子商务中十分普遍。特别是在电子商务旅游行业，平均每4个访问者中就有一人是从竞争对手站点同一分类中来的。鉴于这种行为，站点应当保证不同会话之间的搜索能够被保存。这样一来，访问者从另一站点返回后，不需要再次输入搜索条件。例如：提供“最近搜索”的内容。</p>
<p><img class="alignnone size-full wp-image-3313" title="bmi_search" src="http://www.biaodianfu.com/wp-content/uploads/2011/02/bmi_search.png" alt="" width="586" height="219" /></p>
<p><em>BMI 是唯一提供了过去所有搜索总览的网站</em></p>
<p><strong>五、尽早的展示价格</strong></p>
<p>访问者通常会因在预订流程中额外出现的其他费用感到失望。对于任何一个电子商务的结算流程，这种现象都很明显。因此航班的价格必须绝对的清楚。因此在预订流程中，需要越早越清楚醒目的展示包含了所有费用的全价。访问者会在了解了所有价格信息后对于其他可选项做出选择，如果他们在之后得知有额外的费用的话，他们会被迫重新考虑。客户对于为一些他们本不知道的东西付钱的反应是十分消极的。</p>
<p><img class="alignnone size-full wp-image-3321" title="ryanair" src="http://www.biaodianfu.com/wp-content/uploads/2011/02/ryanair.png" alt="" width="287" height="676" /></p>
<p><em>Ryanair 没有提示去程和归程的总价，容易让使用者对报价产生混淆。</em></p>
<p><img class="alignnone size-full wp-image-3322" title="easyjet" src="http://www.biaodianfu.com/wp-content/uploads/2011/02/easyjet.png" alt="" width="295" height="423" /></p>
<p><em>EasyJet 在预定流程中给出了总价格，同时还包含了不同支付手段产生的额外费用。</em></p>
<p><strong>六、更简单的开始定制或者重新搜索</strong></p>
<p>预订流程不能假设使用者会对于搜索结果很满意。如果他们不满意，就应当帮助他们寻找另一个更合适的航班。最简单的方法就是在搜索结果页直接可以开展另一次新搜索。其中所有之前输入的搜索要素（例如日期，机场和人数）应当被保留。</p>
<p><img class="alignnone size-full wp-image-3323" title="netflights" src="http://www.biaodianfu.com/wp-content/uploads/2011/02/netflights.png" alt="" width="562" height="275" /></p>
<p><em>Netflights 在整个预订过程的页面上保留了搜索框，因此访问者可以在任何时候开展新的搜索。</em></p>
<p><img title="bmi" src="http://www.biaodianfu.com/wp-content/uploads/2011/02/bmi1.png" alt="" width="369" height="124" /></p>
<p><em>BMI 没有在搜索结果页上放搜索框，访问者只有通过点击“改变您的搜索”来加载搜索页。</em></p>
<p><strong>七、提供每个机场的信息</strong></p>
<p>如果用户不清楚下列内容，他们一般不会预订在某个特定机场的航班：</p>
<ol>
<li>机场在哪</li>
<li>如何到达机场</li>
<li>交通状况如何</li>
<li>到达机场需要的时间</li>
</ol>
<p>这些问题变得越来越重要，因为机场越来越多，前往一个不熟悉机场的概率也越来越大。许多网站都不能够提供机场的确切位置以及如何到达该机场。</p>
<p><img class="alignnone size-full wp-image-3325" title="bmi-airports" src="http://www.biaodianfu.com/wp-content/uploads/2011/02/bmi-airports.png" alt="" width="507" height="198" /></p>
<p><em>BMI 机场信息可以在导航条上清晰的看到。</em></p>
<p><strong>八、使用清晰的航班确认页</strong></p>
<p>在搜索结果页选择了航班后，一个信息总结页应当被展现出来。这样访问者才能在继续预订流程之前，确认他们选择的航班细节。这个确认页面需要多种的信息的清晰展示，来帮助访问者最终拿主意，内容应当包括：</p>
<ol>
<li>价格，清晰的在页首展示</li>
<li>起点与终点的地点以及机场全名的清晰展示</li>
<li>任何额外的，没有被包含的费用。</li>
<li>相关的航班信息，起飞降落的时间以及其他舱位等信息。</li>
<li>清晰的下一步指导，保证用户能够了解如何开展预订的下一步。</li>
</ol>
<p> <img title="sta" src="http://www.biaodianfu.com/wp-content/uploads/2011/02/sta.png" alt="" width="454" height="287" /></p>
<p><em>STA 提供了清楚易懂的被选择航班细节的总结，同时有非常清晰的下一步按钮。</em></p>
<p><a title="机票预订可用性测试之航班搜索页" rel="bookmark" href="http://www.biaodianfu.com/airline-tickets-booking-usability-flight-search.html">机票预订可用性测试之航班搜索页</a></p>
<p><a title="机票预订可用性测试之搜索结果页" rel="bookmark" href="http://www.biaodianfu.com/airline-tickets-booking-usability-flight-search-results.html">机票预订可用性测试之搜索结果页</a></p>
<p><a title="机票预订可用性测试之预订流程页" rel="bookmark" href="http://www.biaodianfu.com/airline-tickets-booking-usability-flight-booking.html">机票预订可用性测试之预订流程页</a></p>
<p><a title="机票预订可用性测试之错误与出错页" rel="bookmark" href="http://www.biaodianfu.com/airline-tickets-booking-usability-error-page.html">机票预订可用性测试之错误与出错页</a></p>
<p>原始文章（E文）：<a href="http://www.webcredible.co.uk/user-friendly-resources/white-papers/travel-usability-2010.shtml">http://www.webcredible.co.uk/user-friendly-resources/white-papers/travel-usability-2010.shtml</a>  翻译：<a href="http://t.sina.com.cn/ysysuzhou">虞邵阳</a></p>
<p>Related posts:<ol>
<li><a href='http://www.biaodianfu.com/airline-tickets-booking-usability-error-page.html' rel='bookmark' title='机票预订可用性测试之错误与出错页'>机票预订可用性测试之错误与出错页</a></li>
<li><a href='http://www.biaodianfu.com/mobile-travel.html' rel='bookmark' title='旅游网站该如何利用移动互联网'>旅游网站该如何利用移动互联网</a></li>
<li><a href='http://www.biaodianfu.com/airline-tickets-booking-usability-flight-booking.html' rel='bookmark' title='机票预订可用性测试之预订流程页'>机票预订可用性测试之预订流程页</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.biaodianfu.com/airline-tickets-booking-usability-flight-search-results.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>机票预订可用性测试之航班搜索页</title>
		<link>http://www.biaodianfu.com/airline-tickets-booking-usability-flight-search.html</link>
		<comments>http://www.biaodianfu.com/airline-tickets-booking-usability-flight-search.html#comments</comments>
		<pubDate>Thu, 17 Feb 2011 04:42:08 +0000</pubDate>
		<dc:creator>标点符</dc:creator>
				<category><![CDATA[用户体验]]></category>
		<category><![CDATA[可用性]]></category>
		<category><![CDATA[机票]]></category>

		<guid isPermaLink="false">http://www.biaodianfu.com/?p=3294</guid>
		<description><![CDATA[一、 提供一个设计清晰的“第一步” 很多访问者来到一个旅游站点并不是想闲逛­，他们通常已经有了一个明确的目的地，他们想要立刻找出旅途所需要的花费。在首页上提供预订流程的入口，可以明确的告诉访问者他们可以如何计划自己的旅程，并且提高他们下次继续使用的机会。 Travelocity 以航班搜索为默认选项，在顶部进行了清晰的提示。 First Choice 默认没有清晰的展示搜索的选项和备选方案（例如：航班搜索） 二、提供预订流程功能性帮助 一位通过旅游中介预约旅程的客户可以在搜索航班时添加特殊的需求（例如想要公务舱，或者不想要任何附加费用）。通过在线预订的用户也有相同的需求，而预订流程需要能满足这些需求。 搜索功能应当提供下列内容以供选择： 可修改的的日期 联程、往返航班 仅选择直达航班 舱位选择 Expedia 有大量的选项供使用者选择。 Thomas Cook 没有提供进阶的搜索功能帮助搜寻机票 三、 提供一个易用的日历控件 在网站上添加日期输入框是很不稳定的，一方面用户会很容易输错日期，另一方面人们没有日历的帮助，也很难算准日期。大部分预订表单都支持通过日历输入日期，但是如果它没有被设计的很好，是弊大于利的。 一个好的日历需要满足以下易用性标准： 有一个清晰易懂的按钮让用户启用日历 日历应当和相关日期区域紧密贴近 每个月之前和之后的链接都在同一位置 如果不使用日历的话，使用者可以手动输入日期 使用者能够很方便的关闭日历功能 日历上归程的日期应当从去程结束的日期开始。 日历不能遮挡显示日期的区域 British Airways提供了一个双月日历，让访问者更方便的选择2个月之内的日期 四、完成“第一步”时提供容错空间 人们经常会在完成第一步航班搜索时出错，比如很多站点要求键入目的地名称，而正确拼写一个外地或国外的地名是很困难的。人们通常也不知道一个外地机场的全名，或者在目的地会是否有超过一个机场。许多站点会让访问者列举一个机场，而不是让他们选择一个城市名。 British Airways 智能化的提供了和拼错的地名最相近的目的地。 Ebookers没有提供任何拼写纠错的帮助。 机票预订可用性测试之航班搜索页 机票预订可用性测试之搜索结果页 机票预订可用性测试之预订流程页 机票预订可用性测试之错误与出错页 原始文章（E文）：http://www.webcredible.co.uk/user-friendly-resources/white-papers/travel-usability-2010.shtml  翻译：虞邵阳 Related posts: 机票预订可用性测试之预订流程页 机票预订可用性测试之错误与出错页 机票预订可用性测试之搜索结果页]]></description>
			<content:encoded><![CDATA[<p><strong>一、 提供一个设计清晰的“第一步”</strong></p>
<p>很多访问者来到一个旅游站点并不是想闲逛­，他们通常已经有了一个明确的目的地，他们想要立刻找出旅途所需要的花费。在首页上提供预订流程的入口，可以明确的告诉访问者他们可以如何计划自己的旅程，并且提高他们下次继续使用的机会。</p>
<p><span><img class="alignnone size-full wp-image-3295" title="travelocity_search" src="http://www.biaodianfu.com/wp-content/uploads/2011/02/travelocity_search.png" alt="" width="300" height="435" /></span></p>
<p><em>Travelocity 以航班搜索为默认选项，在顶部进行了清晰的提示。</em></p>
<p><img class="alignnone size-full wp-image-3296" title="firstchoice_search" src="http://www.biaodianfu.com/wp-content/uploads/2011/02/firstchoice_search.png" alt="" width="207" height="450" /></p>
<p><em>First Choice 默认没有清晰的展示搜索的选项和备选方案（例如：航班搜索）</em></p>
<p><strong>二、提供预订流程功能性帮助</strong></p>
<p>一位通过旅游中介预约旅程的客户可以在搜索航班时添加特殊的需求（例如想要公务舱，或者不想要任何附加费用）。通过在线预订的用户也有相同的需求，而预订流程需要能满足这些需求。</p>
<p>搜索功能应当提供下列内容以供选择：</p>
<ul>
<li>可修改的的日期</li>
<li>联程、往返航班</li>
<li>仅选择直达航班</li>
<li>舱位选择</li>
</ul>
<p><img class="alignnone size-full wp-image-3297" title="expedia_search" src="http://www.biaodianfu.com/wp-content/uploads/2011/02/expedia_search.png" alt="" width="263" height="481" /></p>
<p><em>Expedia 有大量的选项供使用者选择。</em></p>
<p><img class="alignnone size-full wp-image-3298" title="thomascook_search" src="http://www.biaodianfu.com/wp-content/uploads/2011/02/thomascook_search.png" alt="" width="295" height="479" /></p>
<p><em>Thomas Cook 没有提供进阶的搜索功能帮助搜寻机票</em></p>
<p><strong>三、 提供一个易用的日历控件</strong></p>
<p>在网站上添加日期输入框是很不稳定的，一方面用户会很容易输错日期，另一方面人们没有日历的帮助，也很难算准日期。大部分预订表单都支持通过日历输入日期，但是如果它没有被设计的很好，是弊大于利的。</p>
<ul>
<li>一个好的日历需要满足以下易用性标准：</li>
<li>有一个清晰易懂的按钮让用户启用日历</li>
<li>日历应当和相关日期区域紧密贴近</li>
<li>每个月之前和之后的链接都在同一位置</li>
<li>如果不使用日历的话，使用者可以手动输入日期</li>
<li>使用者能够很方便的关闭日历功能</li>
<li>日历上归程的日期应当从去程结束的日期开始。</li>
<li>日历不能遮挡显示日期的区域</li>
</ul>
<p><img class="alignnone size-full wp-image-3302" title="birtishairways" src="http://www.biaodianfu.com/wp-content/uploads/2011/02/birtishairways.png" alt="" width="424" height="227" /></p>
<p><em>British Airways提供了一个双月日历，让访问者更方便的选择2个月之内的日期</em></p>
<p><strong>四、完成“第一步”时提供容错空间</strong></p>
<p>人们经常会在完成第一步航班搜索时出错，比如很多站点要求键入目的地名称，而正确拼写一个外地或国外的地名是很困难的。人们通常也不知道一个外地机场的全名，或者在目的地会是否有超过一个机场。许多站点会让访问者列举一个机场，而不是让他们选择一个城市名。</p>
<p><img class="alignnone size-full wp-image-3303" title="birtish_airways_error" src="http://www.biaodianfu.com/wp-content/uploads/2011/02/birtish_airways_error.png" alt="" width="772" height="402" /></p>
<p><em>British Airways 智能化的提供了和拼错的地名最相近的目的地。</em></p>
<p><img class="alignnone size-full wp-image-3304" title="ebookers" src="http://www.biaodianfu.com/wp-content/uploads/2011/02/ebookers.png" alt="" width="419" height="142" /></p>
<p><em>Ebookers没有提供任何拼写纠错的帮助。</em></p>
<p><a title="机票预订可用性测试之航班搜索页" rel="bookmark" href="http://www.biaodianfu.com/airline-tickets-booking-usability-flight-search.html">机票预订可用性测试之航班搜索页</a></p>
<p><a title="机票预订可用性测试之搜索结果页" rel="bookmark" href="http://www.biaodianfu.com/airline-tickets-booking-usability-flight-search-results.html">机票预订可用性测试之搜索结果页</a></p>
<p><a title="机票预订可用性测试之预订流程页" rel="bookmark" href="http://www.biaodianfu.com/airline-tickets-booking-usability-flight-booking.html">机票预订可用性测试之预订流程页</a></p>
<p><a title="机票预订可用性测试之错误与出错页" rel="bookmark" href="http://www.biaodianfu.com/airline-tickets-booking-usability-error-page.html">机票预订可用性测试之错误与出错页</a></p>
<p>原始文章（E文）：<a href="http://www.webcredible.co.uk/user-friendly-resources/white-papers/travel-usability-2010.shtml">http://www.webcredible.co.uk/user-friendly-resources/white-papers/travel-usability-2010.shtml</a>  翻译：<a href="http://t.sina.com.cn/ysysuzhou">虞邵阳</a></p>
<p>Related posts:<ol>
<li><a href='http://www.biaodianfu.com/airline-tickets-booking-usability-flight-booking.html' rel='bookmark' title='机票预订可用性测试之预订流程页'>机票预订可用性测试之预订流程页</a></li>
<li><a href='http://www.biaodianfu.com/airline-tickets-booking-usability-error-page.html' rel='bookmark' title='机票预订可用性测试之错误与出错页'>机票预订可用性测试之错误与出错页</a></li>
<li><a href='http://www.biaodianfu.com/airline-tickets-booking-usability-flight-search-results.html' rel='bookmark' title='机票预订可用性测试之搜索结果页'>机票预订可用性测试之搜索结果页</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.biaodianfu.com/airline-tickets-booking-usability-flight-search.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>网站可用性测试核对表</title>
		<link>http://www.biaodianfu.com/website-usability-checklist.html</link>
		<comments>http://www.biaodianfu.com/website-usability-checklist.html#comments</comments>
		<pubDate>Mon, 07 Feb 2011 11:40:24 +0000</pubDate>
		<dc:creator>标点符</dc:creator>
				<category><![CDATA[用户体验]]></category>
		<category><![CDATA[可用性]]></category>

		<guid isPermaLink="false">http://www.biaodianfu.com/?p=3201</guid>
		<description><![CDATA[网站可用性主要分四个部分：无障碍、身份、导航和内容。核对时我们可以分三个评级：①好，无需修改；②需要做修改，但不影响正常运行；③需要马上进行修改的。需要注意的是，已下谈及的点并不是适合每个网站。 第一部分：无障碍 本节不仅包含传统的无障碍问题，包括任何可能阻止用户正常访问网站的信息的的问题。  1、网站加载时间是合理的 叫我老派，但我仍希望看到在根据100KB的网站来（60KB的甚至更好）。 2、充足的文本到背景对比度 暗光，灰，看似时尚，但用户不会毁掉我的视力看你的博客。 眼睛和显示器差异很大，所以保持你的核心内容对比度高。 黑白组合还是最好的选择。 3、 字体大小/间距是易于阅读 可读性差增加的沮丧和失望会导致用户现场遗弃。 此外，请确保您的行间距是足够的空白 &#8211; 空白空间是一个设计师的最好的朋友。 4、 Flash和加载项少用 不管你的网站看起来多么伟大，人们不会等待插件加载5分钟。 有节制地使用新技术时，才真正提高自己的目标。 坚持使用标准的HTML / CSS。 5、 有适当的图片alt标签 不仅为图片无法加载的时候使用ALT标签，搜索引擎也需要他们理解你的图片。  6、 网站页面定制Not-found/404 如果您网站上的页面不存在，创建自定义404页面，最好是指导你的访问者的内容。如果页面是个白页，很可能因此失去一个用户。 第二部分：身份 一个关键的问题，当有人第一次来到你的网站。你需要快速的告诉他“你是谁？” ，及“你是做什么？”，“我为什么要相信你？”等。 7、公司标志(LOGO)放置突出 把你的品牌标志放置在容易发现的地方， 人们期待它，喜欢它时，你使他们的生活方便。 8、使公司的服务明确的口号 你是做什么？” 简明地描述口号。 避免使用营销术语或你自己独特的价值主张。 9、主页易消化在5秒 在可用性测试中，我们经常谈论的5秒规则。网站的访问者是一个善变的一群，他们需要在短短几秒钟获得你网站主页的基本数据。 10、清晰的公司信息 古老的“关于我们”网页可能看起来枯燥，但信心是重要的，在网络上，人们需要一种简单的方法来了解您的详情。 11、 清楚地公司联系信息 同样，游客想知道，如果他们需要如何与您取得联系。 第三部分：导航 一旦人们不知道你是谁，你做什么，他们需要明确的路径，来寻找他们感兴趣的内容。 信息体系结构是一个巨大的话题，但这些问题涵盖了一些基本知识。 12、 主导航容易辨认 让你的主导航很容易找到，阅读和使用。 如果你有两个或更多的航区，使其明白为什么它们是不同的。 13、导航标签是清楚和简明 你的主要导航要短一些，直截了当，易于平常人掌握。 14、按钮/链接数量是合理的 当你的目录数目大于7或更多时，你需要考虑是否是真的需要他们。如果你的菜单使用的是三级导航菜单，那么请重新设计吧。 15、公司LOGO链接到首页 这听起来可能影响不大，但人们期望LOGO链接到首。当用户来到你的网页后不知道该做什么的时候，他们往往会点击LOGO。 16、链接颜色保持一致且容易识别 蓝色的链接是互联网标准的链接颜色。为了不破坏内容的可读性，在内容中不要大量使用蓝色链接或下划线。 17、网站搜索是很容易访问 如果你的网站提供搜索功能，请确保它是突出的。一遍的搜索框都放在右上角，在设计搜索按钮时，请简单明了的进行设计。 第四部分：内容 你应该听说过“内容为王”这句话。请确保你的内容是一致的。有组织的，易于阅读的。 18、明确表述主题的大标题  很多人在线上并不阅读而是扫描，将标题和内容却别看来，让去显示的更加清楚。为了搜索引擎优化，可以使用&#60;h1&#62;&#60;h2&#62;标签。 19、主要内容应该放在页面的上面 请将最重要的信息在浏览器第一屏就显示出来。 20、保持页面样式和颜色的一致性，要拥护知道他们还在访问你的网站。不同的颜色代表不同的功能。 21、慎重使用强调或粗体 不要过分的强调你的内容和过多的强调你的内容。 22、广告和弹出窗口要不吸引人 [...]]]></description>
			<content:encoded><![CDATA[<p>网站可用性主要分四个部分：无障碍、身份、导航和内容。核对时我们可以分三个评级：①好，无需修改；②需要做修改，但不影响正常运行；③需要马上进行修改的。需要注意的是，已下谈及的点并不是适合每个网站。</p>
<p><strong>第一部分：无障碍</strong></p>
<p>本节不仅包含传统的无障碍问题，包括任何可能阻止用户正常访问网站的信息的的问题。 </p>
<p>1、网站加载时间是合理的 叫我老派，但我仍希望看到在根据100KB的网站来（60KB的甚至更好）。</p>
<p>2、充足的文本到背景对比度 暗光，灰，看似时尚，但用户不会毁掉我的视力看你的博客。 眼睛和显示器差异很大，所以保持你的核心内容对比度高。 黑白组合还是最好的选择。</p>
<p>3、 字体大小/间距是易于阅读 可读性差增加的沮丧和失望会导致用户现场遗弃。 此外，请确保您的行间距是足够的空白 &#8211; 空白空间是一个设计师的最好的朋友。</p>
<p>4、 Flash和加载项少用 不管你的网站看起来多么伟大，人们不会等待插件加载5分钟。 有节制地使用新技术时，才真正提高自己的目标。 坚持使用标准的HTML / CSS。</p>
<p>5、 有适当的图片alt标签 不仅为图片无法加载的时候使用ALT标签，搜索引擎也需要他们理解你的图片。 </p>
<p>6、 网站页面定制Not-found/404 如果您网站上的页面不存在，创建自定义404页面，最好是指导你的访问者的内容。如果页面是个白页，很可能因此失去一个用户。</p>
<p><strong>第二部分：身份</strong></p>
<p>一个关键的问题，当有人第一次来到你的网站。你需要快速的告诉他“你是谁？” ，及“你是做什么？”，“我为什么要相信你？”等。</p>
<p>7、公司标志(LOGO)放置突出 把你的品牌标志放置在容易发现的地方， 人们期待它，喜欢它时，你使他们的生活方便。</p>
<p>8、使公司的服务明确的口号 你是做什么？” 简明地描述口号。 避免使用营销术语或你自己独特的价值主张。</p>
<p>9、主页易消化在5秒 在可用性测试中，我们经常谈论的5秒规则。网站的访问者是一个善变的一群，他们需要在短短几秒钟获得你网站主页的基本数据。</p>
<p>10、清晰的公司信息 古老的“关于我们”网页可能看起来枯燥，但信心是重要的，在网络上，人们需要一种简单的方法来了解您的详情。</p>
<p>11、 清楚地公司联系信息 同样，游客想知道，如果他们需要如何与您取得联系。</p>
<p><strong>第三部分：导航</strong></p>
<p>一旦人们不知道你是谁，你做什么，他们需要明确的路径，来寻找他们感兴趣的内容。 信息体系结构是一个巨大的话题，但这些问题涵盖了一些基本知识。</p>
<p>12、 主导航容易辨认 让你的主导航很容易找到，阅读和使用。 如果你有两个或更多的航区，使其明白为什么它们是不同的。</p>
<p>13、导航标签是清楚和简明 你的主要导航要短一些，直截了当，易于平常人掌握。</p>
<p>14、按钮/链接数量是合理的 当你的目录数目大于7或更多时，你需要考虑是否是真的需要他们。如果你的菜单使用的是三级导航菜单，那么请重新设计吧。</p>
<p>15、公司LOGO链接到首页 这听起来可能影响不大，但人们期望LOGO链接到首。当用户来到你的网页后不知道该做什么的时候，他们往往会点击LOGO。</p>
<p>16、链接颜色保持一致且容易识别 蓝色的链接是互联网标准的链接颜色。为了不破坏内容的可读性，在内容中不要大量使用蓝色链接或下划线。</p>
<p>17、网站搜索是很容易访问 如果你的网站提供搜索功能，请确保它是突出的。一遍的搜索框都放在右上角，在设计搜索按钮时，请简单明了的进行设计。</p>
<p><strong>第四部分：内容</strong></p>
<p>你应该听说过“内容为王”这句话。请确保你的内容是一致的。有组织的，易于阅读的。</p>
<p>18、明确表述主题的大标题  很多人在线上并不阅读而是扫描，将标题和内容却别看来，让去显示的更加清楚。为了搜索引擎优化，可以使用&lt;h1&gt;&lt;h2&gt;标签。</p>
<p>19、主要内容应该放在页面的上面 请将最重要的信息在浏览器第一屏就显示出来。</p>
<p>20、保持页面样式和颜色的一致性，要拥护知道他们还在访问你的网站。不同的颜色代表不同的功能。</p>
<p>21、慎重使用强调或粗体 不要过分的强调你的内容和过多的强调你的内容。</p>
<p>22、广告和弹出窗口要不吸引人 不要强迫用户点击你的广告。尽量的将你的广告和内容区分开来。</p>
<p>23、主要内容简介易懂 避免行话套话。</p>
<p>24、网址有意义且用户界面友好 设计基于关键字的有意义的网址。</p>
<p>25、HTML页面标题 &lt;title&gt;标签需要使用描述性的语句，页面标题往往是用户第一个看到的内容，所以从一开始就需要给访客留下好的映像。</p>
<p><a href="http://www.usereffect.com/topic/25-point-website-usability-checklist">http://www.usereffect.com/topic/25-point-website-usability-checklist</a></p>
<p>Related posts:<ol>
<li><a href='http://www.biaodianfu.com/baidu-blog-site.html' rel='bookmark' title='百度对博客系统的收录情况'>百度对博客系统的收录情况</a></li>
<li><a href='http://www.biaodianfu.com/php-6-and-mysql-5-for-dynamic-web-sites.html' rel='bookmark' title='《PHP 6与MySQL5基础教程》英文版PDF下载'>《PHP 6与MySQL5基础教程》英文版PDF下载</a></li>
<li><a href='http://www.biaodianfu.com/serve-synonym.html' rel='bookmark' title='Google Search Appliance 相关查询'>Google Search Appliance 相关查询</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.biaodianfu.com/website-usability-checklist.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>URL即UI</title>
		<link>http://www.biaodianfu.com/url-as-ui.html</link>
		<comments>http://www.biaodianfu.com/url-as-ui.html#comments</comments>
		<pubDate>Sun, 06 Feb 2011 11:13:51 +0000</pubDate>
		<dc:creator>标点符</dc:creator>
				<category><![CDATA[用户体验]]></category>
		<category><![CDATA[程序设计]]></category>
		<category><![CDATA[URL]]></category>

		<guid isPermaLink="false">http://www.biaodianfu.com/?p=3247</guid>
		<description><![CDATA[未来的很多年，URL还将成为用户界面的一部分。所以一个可用性好的网站需要： 一个容易记忆及拼写的域名 简短的URL网址 容易输入的URL 可视化的URL结构 用户可以删除URL最后的一层到达上级目录 URL保持不变 事实上，用户不需要像服务器一样了解每个URL，事实上更多的人是通过大概的印象曲访问网站的。 很多人会在没有访问网站前猜测网站的域名，所以你最好使用公司名称或品牌作为域名。 更多的人更喜欢记住网站名而不是将网站添加到书签，所以最好注册一个易于拼写的域名。 在用户将你的URL通过邮件告知别人时，保证你的URL要少于78个字符，因为如果URL过程可能会造成换行。 如果很多人通过输入那么最好使用简短的URL。 不要再URL中大下写混用，因为很多人会忽视大小写，但是部分服务器不会。 在服务器上进行拼写检查来减少由于拼写错误造成的问题。 持续的吸引外链 来自第三网站的外链对流量很重要，所以在生成你的URL的时候要考虑到易于传播。 保证所有的URL都是持续可以访问的，且链向的页面不做改变。 不要把文件的URL改来改去， 保证同一个文件前后只有一个URL。 域名是否必须是.COM? 很多人考虑是否.COM域名是否要比.CN（国别域名）要好？是的，很多人已经习惯了域名以.COM结尾。这是由于早期由美国人开发的浏览器会自动补全.COM（现在苹果的ipad上默认也有.COM按钮），基于这种情况，我的建议是： 如果网站是英文的或国际性最好使用.com域名 如果网站使用的是其他语言可以使用国别域名代替（强烈不建议使用CN域名，其中缘由大家都懂的） 如果网站内容是区域性的，无所谓使用哪种域名 国别域名相比.COM域名主要优势是，还有很多可以注册的简短的、易记的域名。 当前的域名很可能会消失 从长远的发展来看，需要大量的名称（按照人类语言习惯）来识别世界上每个实体。新的顶级域名会是向.shop，表示是一家商店。在用户输入前就对实体类别进行过滤。 由于旧的用户习惯，旧的浏览器或软件还是会存在很多年，所以好的域名还是会影响很多年。 原文链接：http://www.useit.com/alertbox/990321.html No related posts.]]></description>
			<content:encoded><![CDATA[<p>未来的很多年，URL还将成为用户界面的一部分。所以一个可用性好的网站需要：</p>
<ul>
<li>一个容易记忆及拼写的域名</li>
<li>简短的URL网址</li>
<li>容易输入的URL</li>
<li>可视化的URL结构</li>
<li> 用户可以删除URL最后的一层到达上级目录</li>
<li>URL保持不变</li>
</ul>
<p>事实上，用户不需要像服务器一样了解每个URL，事实上更多的人是通过大概的印象曲访问网站的。</p>
<ul>
<li>很多人会在没有访问网站前猜测网站的域名，所以你最好使用公司名称或品牌作为域名。</li>
<li>更多的人更喜欢记住网站名而不是将网站添加到书签，所以最好注册一个易于拼写的域名。</li>
<li>在用户将你的URL通过邮件告知别人时，保证你的URL要少于78个字符，因为如果URL过程可能会造成换行。</li>
<li>如果很多人通过输入那么最好使用简短的URL。</li>
<li>不要再URL中大下写混用，因为很多人会忽视大小写，但是部分服务器不会。</li>
<li>在服务器上进行拼写检查来减少由于拼写错误造成的问题。</li>
</ul>
<p><strong>持续的吸引外链</strong></p>
<p>来自第三网站的外链对流量很重要，所以在生成你的URL的时候要考虑到易于传播。</p>
<ul>
<li>保证所有的URL都是持续可以访问的，且链向的页面不做改变。</li>
<li>不要把文件的URL改来改去， 保证同一个文件前后只有一个URL。</li>
</ul>
<p>域名是否必须是.COM?</p>
<p>很多人考虑是否.COM域名是否要比.CN（国别域名）要好？是的，很多人已经习惯了域名以.COM结尾。这是由于早期由美国人开发的浏览器会自动补全.COM（现在苹果的ipad上默认也有.COM按钮），基于这种情况，我的建议是：</p>
<ul>
<li>如果网站是英文的或国际性最好使用.com域名</li>
<li>如果网站使用的是其他语言可以使用国别域名代替（强烈不建议使用CN域名，其中缘由大家都懂的）</li>
<li>如果网站内容是区域性的，无所谓使用哪种域名</li>
</ul>
<p>国别域名相比.COM域名主要优势是，还有很多可以注册的简短的、易记的域名。</p>
<p><strong>当前的域名很可能会消失</strong></p>
<p>从长远的发展来看，需要大量的名称（按照人类语言习惯）来识别世界上每个实体。新的顶级域名会是向.shop，表示是一家商店。在用户输入前就对实体类别进行过滤。</p>
<p>由于旧的用户习惯，旧的浏览器或软件还是会存在很多年，所以好的域名还是会影响很多年。</p>
<p>原文链接：<a href="http://www.useit.com/alertbox/990321.html">http://www.useit.com/alertbox/990321.html</a></p>
<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://www.biaodianfu.com/url-as-ui.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>用户体验的量化方法</title>
		<link>http://www.biaodianfu.com/quantify-user-experience.html</link>
		<comments>http://www.biaodianfu.com/quantify-user-experience.html#comments</comments>
		<pubDate>Mon, 26 Jul 2010 15:30:32 +0000</pubDate>
		<dc:creator>标点符</dc:creator>
				<category><![CDATA[用户体验]]></category>
		<category><![CDATA[数据模型]]></category>

		<guid isPermaLink="false">http://www.biaodianfu.com/?p=2428</guid>
		<description><![CDATA[“用户体验”这个术语指的是一个概念：把最终用户作为设计和开发活动的焦点，而不是系统、应用程序或者单纯的审美价值。它是基于一般的以用户为中心（用户至上）的设计理念。 量化用户体验有四个重要因素： 品牌(branding) 可用性(usability) 功能性(functionality) 内容(content) 这些因素不是独立的，单独作用的话，这些因素中没有一个能带来积极的用户体验；然而，如果综合起来，这些因素就组成了一个网站成功的主要因素。 举例来说，一个设计精美的网站，却频繁地出现服务器错误或超时。或者想象一个很棒的数据库应用程序，由于某种原因而从未被使用过，因为它被深深地掩埋在了网站信息架构的深处。在两种情况中，我们都可以看到，独立的品牌、可用性、功能和内容等要素是无法说明一个网站是成功的。然而，当综合在一起时，这些核心要素就构成了用户体验的基础。 比如说你来了一位新领导 ，他们对网站现状不满意，想让你帮忙把握网站的正确航向。如果你像我一样的话，第一件要做的事就是先浏览一下这个网站，然后在脑海中做一些粗略的记录。然后你怎样把这些想法和记录传达回给你的客户，而不是简单地像撕成八瓣一样对现有网站批判一番？ 问题在于，我们每个人对一个网站是好还是坏的感知，是受我们个人背景和行业特性的影响而有所偏倚的。如果被叫来评价一个网站的优点和缺点，一个开发人员、可用性专员、设计人员或信息架构人员可能会有完全不同的评判。 一个客观的测量分析工具，会帮你提供给客户有事实依据的建议，而不仅仅是主观臆断和观点。本文中我们将探讨的方法会帮助你： 尽可能消除个人偏见（主观因素）。 让不同背景的人（设计人员，开发人员，客户）能够在理解网站上有统一的共识。 创立与竞争对手网站或者以往的开发相比较的基本规则。 为你的客户提供一个关于他们网站的优缺点的事实依据和可视化的展示。 如上所述，用户体验由四个相互关联的要素所组成：品牌、可用性、功能、内容。但是，我们如何量化和衡量这些看似无形的元素呢？ 方法很简单。我们把分析分为四个部分，每个用户体验的元素为一个部分。对于每一个元素，我们创建一系列的描述或参数，用于针对性地测量网站。我们为每一个描述创建一个从1到X的尺度范围；并且在这个范围内给每个描述打分。一旦你完成了这个分析的第一部分，四个栏目中的每一个描述就都有了一个对应的分数。 在本文附上的范例分析中，我们只为每个元素使用了五个描述或参数。因此，我们使用了一个20分的尺度范围，这样网站的最高分值就是100。所以，如果我们为每个元素添加额外的五个描述或参数，我们就会使用10分的尺度范围来打分。 下面就是对范例分析中的每个元素以及描述或参数的概要： 品牌包括在网站中所有审美的、设计相关的项目。它带给网站想要的组织形象或信息的创意。用于测量品牌的描述包括： 网站提供给访客有吸引力的和难忘的体验 网站的视觉效果与品牌特征保持一致 图像、附加内容和多媒体对于体验的增值 网站传达出品牌的感知预示 网站利用了媒体的能力来增强和扩展品牌 功能包括所有技术方面的和“后台的”进程和应用。它让网站提供给所有最终用户交互式的服务，而且重要的是，注意这有的时候同时意味着前台公众用户和后台管理员。网站功能的描述包括： 用户及时获得对他们查询和提交信息的响应 任务进程的清晰告知（比如，成功页面或邮件更新提示） 网站和应用严格遵守通用的安全和隐私标准 在线功能与离线业务流程结合 网站包含管理员工具来加强管理员的效率 可用性带来的是所有网站元素和特性的总体易用性。可用性之下的二级主题包括导航和易用性（友好度）（注释：易用性处理的是使在线内容可用于用户的体验，享受和使用的问题）。可用性的描述包括： 网站防止错误发生，并帮用户从错误中恢复 整体网页侧重针对主要受众优化 网站帮助访问者达成一般目标和任务 网站遵循它自己的一致性和标准 网站为残疾用户提供内容 内容指的是网站的实际内容（文本，多媒体，图像）及其结构，或信息架构。我们来看信息和内容是如何按照定义的用户需要和客户的商业需求组织的。测量内容的描述包括： 链接密度有足够的清晰度，且容易导航 内容组织方便用户达到目标 内容及时准确 内容适合客户需要和商业需求 多语言的综合性内容 在多数情况下，我会为这四种元素分别使用10到20个独立的描述。我建议你使用如上描述作为你创建你自己的分析的基础。请记住，如果你添加了更多的描述，你必须也调整20分的尺度，以便每个元素的总分为100。例如，如果你为每个元素使用10个描述，那么你的评分尺度应该是1-20。如果你为每个元素使用20个描述，你的尺度应该是1-5。 一旦你完成了你的分析，并且得到了每个描述或参数的分值，就是时候把数据放入清晰而便于告知的格式中去了。 首先我们要做的是，把每个元素的所有的分值加总。因为我们已经设置了分值尺度，来为每个元素提供满分为100的分数，我们真正得到的是一个百分比的分数。一旦我们有了这些百分数，我发现最有效的是创建一个雷达图来直观地呈现。微软的Excel或者Open Office Calc都很适合，任何带有图表功能的数据表软件都可以。 使用你的数据表软件，你可以创建一个可视化的数据展示。 关于本文描述的分析和方法最棒的事情是，他们可以用于满足你的特定客户或项目需求。你当然可以在分析中添加第五个类别来描述易用性（友好度）或者商业指标。例如，你得到了一个政府客户，需要严格遵循508规则（针对美国）。你可以容易地创建一套描述或参数来专门处理易用性（友好度）元素，修改你的图表来相应展示。同样，你也可以很容易地创建一个类别来专门处理你的客户的重要商业指标，比如，ROI，点击率，转化量，或者重复顾客数。 可选地，这个分析平台还可以让你能够为你选择的元素添加更大的权重。比如说你有一个客户，他是奢侈品生产商，并且主要侧重在品牌和视觉效果上。你当然可以创建一个修改过的测量系统，来为品牌要素提供更大的权重，而为，比如说，可用性要素上减少权重。 译者：Leon Zhang, 数字营销宝典 (DigiMarketing.cn) [...]]]></description>
			<content:encoded><![CDATA[<p>“用户体验”这个术语指的是一个概念：把最终用户作为设计和开发活动的焦点，而不是系统、应用程序或者单纯的审美价值。它是基于一般的以用户为中心（用户至上）的设计理念。</p>
<p>量化用户体验有四个重要因素：</p>
<ol>
<li>品牌(branding)</li>
<li>可用性(usability)</li>
<li>功能性(functionality)</li>
<li>内容(content)</li>
</ol>
<p>这些因素不是独立的，单独作用的话，这些因素中没有一个能带来积极的用户体验；然而，如果综合起来，这些因素就组成了一个网站成功的主要因素。</p>
<p><img class="alignnone size-full wp-image-2429" title="ue" src="http://www.biaodianfu.com/wp-content/uploads/2010/07/ue.png" alt="" width="500" height="500" /></p>
<p>举例来说，一个设计精美的网站，却频繁地出现服务器错误或超时。或者想象一个很棒的数据库应用程序，由于某种原因而从未被使用过，因为它被深深地掩埋在了网站信息架构的深处。在两种情况中，我们都可以看到，独立的品牌、可用性、功能和内容等要素是无法说明一个网站是成功的。然而，当综合在一起时，这些核心要素就构成了用户体验的基础。</p>
<p><strong> </strong>比如说你来了一位新领导 ，他们对网站现状不满意，想让你帮忙把握网站的正确航向。如果你像我一样的话，第一件要做的事就是先浏览一下这个网站，然后在脑海中做一些粗略的记录。然后你怎样把这些想法和记录传达回给你的客户，而不是简单地像撕成八瓣一样对现有网站批判一番？</p>
<p>问题在于，我们每个人对一个网站是好还是坏的感知，是受我们个人背景和行业特性的影响而有所偏倚的。如果被叫来评价一个网站的优点和缺点，一个开发人员、可用性专员、设计人员或信息架构人员可能会有完全不同的评判。</p>
<p>一个客观的测量分析工具，会帮你提供给客户有事实依据的建议，而不仅仅是主观臆断和观点。本文中我们将探讨的方法会帮助你：</p>
<ul>
<li>尽可能消除个人偏见（主观因素）。</li>
<li>让不同背景的人（设计人员，开发人员，客户）能够在理解网站上有统一的共识。</li>
<li>创立与竞争对手网站或者以往的开发相比较的基本规则。</li>
<li>为你的客户提供一个关于他们网站的优缺点的事实依据和可视化的展示。</li>
</ul>
<p>如上所述，用户体验由四个相互关联的要素所组成：品牌、可用性、功能、内容。但是，我们如何量化和衡量这些看似无形的元素呢？</p>
<p>方法很简单。我们把分析分为四个部分，每个用户体验的元素为一个部分。对于每一个元素，我们创建一系列的描述或参数，用于针对性地测量网站。我们为每一个描述创建一个从1到X的尺度范围；并且在这个范围内给每个描述打分。一旦你完成了这个分析的第一部分，四个栏目中的每一个描述就都有了一个对应的分数。</p>
<p><a href="http://www.biaodianfu.com/wp-content/uploads/2010/07/4-UE.png"><img class="alignnone size-full wp-image-2431" title="4-UE" src="http://www.biaodianfu.com/wp-content/uploads/2010/07/4-UE.png" alt="" width="500" height="500" /></a></p>
<p>在本文附上的范例分析中，我们只为每个元素使用了五个描述或参数。因此，我们使用了一个20分的尺度范围，这样网站的最高分值就是100。所以，如果我们为每个元素添加额外的五个描述或参数，我们就会使用10分的尺度范围来打分。</p>
<p>下面就是对范例分析中的每个元素以及描述或参数的概要：</p>
<p><strong>品牌</strong>包括在网站中所有审美的、设计相关的项目。它带给网站想要的组织形象或信息的创意。用于测量品牌的描述包括：</p>
<ul>
<li>网站提供给访客有吸引力的和难忘的体验</li>
<li>网站的视觉效果与品牌特征保持一致</li>
<li>图像、附加内容和多媒体对于体验的增值</li>
<li>网站传达出品牌的感知预示</li>
<li>网站利用了媒体的能力来增强和扩展品牌</li>
</ul>
<p><strong>功能</strong>包括所有技术方面的和“后台的”进程和应用。它让网站提供给所有最终用户交互式的服务，而且重要的是，注意这有的时候同时意味着前台公众用户和后台管理员。网站功能的描述包括：</p>
<ul>
<li>用户及时获得对他们查询和提交信息的响应</li>
<li>任务进程的清晰告知（比如，成功页面或邮件更新提示）</li>
<li>网站和应用严格遵守通用的安全和隐私标准</li>
<li>在线功能与离线业务流程结合</li>
<li>网站包含管理员工具来加强管理员的效率</li>
</ul>
<p><strong>可用性</strong>带来的是所有网站元素和特性的总体易用性。可用性之下的二级主题包括导航和易用性（友好度）（注释：易用性处理的是使在线内容可用于用户的体验，享受和使用的问题）。可用性的描述包括：</p>
<ul>
<li>网站防止错误发生，并帮用户从错误中恢复</li>
<li>整体网页侧重针对主要受众优化</li>
<li>网站帮助访问者达成一般目标和任务</li>
<li>网站遵循它自己的一致性和标准</li>
<li>网站为残疾用户提供内容</li>
</ul>
<p><strong>内容</strong>指的是网站的实际内容（文本，多媒体，图像）及其结构，或信息架构。我们来看信息和内容是如何按照定义的用户需要和客户的商业需求组织的。测量内容的描述包括：</p>
<ul>
<li>链接密度有足够的清晰度，且容易导航</li>
<li>内容组织方便用户达到目标</li>
<li>内容及时准确</li>
<li>内容适合客户需要和商业需求</li>
<li>多语言的综合性内容</li>
</ul>
<p>在多数情况下，我会为这四种元素分别使用10到20个独立的描述。我建议你使用如上描述作为你创建你自己的分析的基础。请记住，如果你添加了更多的描述，你必须也调整20分的尺度，以便每个元素的总分为100。例如，如果你为每个元素使用10个描述，那么你的评分尺度应该是1-20。如果你为每个元素使用20个描述，你的尺度应该是1-5。</p>
<p>一旦你完成了你的分析，并且得到了每个描述或参数的分值，就是时候把数据放入清晰而便于告知的格式中去了。</p>
<p><img class="alignnone size-full wp-image-2432" title="ue-result" src="http://www.biaodianfu.com/wp-content/uploads/2010/07/ue-result.png" alt="" width="500" height="330" /></p>
<p>首先我们要做的是，把每个元素的所有的分值加总。因为我们已经设置了分值尺度，来为每个元素提供满分为100的分数，我们真正得到的是一个百分比的分数。一旦我们有了这些百分数，我发现最有效的是创建一个雷达图来直观地呈现。微软的Excel或者Open Office Calc都很适合，任何带有图表功能的数据表软件都可以。</p>
<p>使用你的数据表软件，你可以创建一个可视化的数据展示。</p>
<p><img class="alignnone size-full wp-image-2433" title="ue-comparison" src="http://www.biaodianfu.com/wp-content/uploads/2010/07/ue-comparison.png" alt="" width="500" height="425" /></p>
<p>关于本文描述的分析和方法最棒的事情是，他们可以用于满足你的特定客户或项目需求。你当然可以在分析中添加第五个类别来描述易用性（友好度）或者商业指标。例如，你得到了一个政府客户，需要严格遵循508规则（针对美国）。你可以容易地创建一套描述或参数来专门处理易用性（友好度）元素，修改你的图表来相应展示。同样，你也可以很容易地创建一个类别来专门处理你的客户的重要商业指标，比如，ROI，点击率，转化量，或者重复顾客数。</p>
<p>可选地，这个分析平台还可以让你能够为你选择的元素添加更大的权重。比如说你有一个客户，他是奢侈品生产商，并且主要侧重在品牌和视觉效果上。你当然可以创建一个修改过的测量系统，来为品牌要素提供更大的权重，而为，比如说，可用性要素上减少权重。</p>
<p>译者：Leon Zhang, <a href="http://digimarketing.cn/" target="_blank">数字营销宝典 (DigiMarketing.cn)</a></p>
<p>原作者：Robert Rubinoff；原文：<a href="http://www.sitepoint.com/print/quantify-user-experience"></a><a title="http://www.sitepoint.com/print/quantify-user-experience" rel="external" href="http://www.sitepoint.com/print/quantify-user-experience" target="_blank">http://www.sitepoint.com/print/quantify-user-experience</a></p>
<p>Related posts:<ol>
<li><a href='http://www.biaodianfu.com/dreamhost-ssh.html' rel='bookmark' title='在DreamHost上使用SSH时会用到的命令'>在DreamHost上使用SSH时会用到的命令</a></li>
<li><a href='http://www.biaodianfu.com/dont-make-me-think.html' rel='bookmark' title='《Don&#8217;t Make Me Think》PDF电子书下载'>《Don&#8217;t Make Me Think》PDF电子书下载</a></li>
<li><a href='http://www.biaodianfu.com/targeted-selling-recap.html' rel='bookmark' title='电子商务网站定向销售'>电子商务网站定向销售</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.biaodianfu.com/quantify-user-experience.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>提升网站转化率的六种方法</title>
		<link>http://www.biaodianfu.com/conversion-rate-way.html</link>
		<comments>http://www.biaodianfu.com/conversion-rate-way.html#comments</comments>
		<pubDate>Sun, 25 Jul 2010 17:43:00 +0000</pubDate>
		<dc:creator>标点符</dc:creator>
				<category><![CDATA[用户体验]]></category>
		<category><![CDATA[转化率]]></category>

		<guid isPermaLink="false">http://www.biaodianfu.com/?p=2425</guid>
		<description><![CDATA[网站在前期的运营推广中花费了大量的精力去提升网站的流量和引导用户，那么接下来要做的就是提高网站的转化率。何为转化率（Conversion Rate）？转化率是指访问某一网站访客中，转化的访客占全部访客的比例。这里所说的“转化”，可以是从单纯的访问您网站转变成为您网站会员（即注册会员）的行为，可以是您网站的会员从零购买经历转变成为有购买经历的会员的行为，可以是从单纯的网站访客转变成为参加您网站活动的访客的行为，可以是您的潜在客户转变成为产品正式客户的行为。转化率是网站最终能否盈利的核心，提升网站转化率比例是网站综合运营实力的结果。提升网站转化率的6个有效办法： 1.网站品牌 任何时候品牌效应都不能忽视，提高网站转化率也不例外。网站知名度、可信度、口碑、定位都决定了网站的转化率，具体包括： 网站完整的联系方式； 权威的网络认安全证标志； 网站经营资质证明； 网站备案信息； 第三方诚信认证； 媒体报道； 2.商品吸引力 用户最终花钱购买的是商品，所以商品质量的好坏也到了决定性的因素，任何时候都不要忽略到商品自身的重视，具体包括： 商品是否有质量保证； 商品是否有特色； 商品是否存在价格优势； 是否能够提供详细的商品介绍和使用说明； 商品图片是否有吸引力； 商品折扣和促销； 是否有返现或是商品赠送； 3.客户服务 在拥有品牌和商品质量的前提后，我们要考虑到是否对用户有一个贴心的服务制度，让用户购买商品无后顾之忧，主要包括： 在线客服能够及时应答客户疑问； 畅通的服务电话线路； 在线留言板以及及时解答； 及时且多套配送方案（配送时间/配送地域）； 可靠安全的支付方式，是否支持货到付款； 有效的退换货保证，并能及时响应； 便捷的订单查询和管理； 物流服务水平； 4.用户行为 即使我们已经拥有了很强的品牌影响力已经产品质量和服务，但是最终决定购买行为的是顾客，所以顾客行为对转化率的影响至关重要： 用户是否存在真实需求； 顾客忠诚度； 是否存在重复购买； 用户对商品及服务的真实评价； 顾客是否真的验收商品； 访问者在网站停留时间短及访问网页数量少； 老用户是否引导他人访问购买； 订单的评价价格； 5.访问者质量 在提升网站转化率时我们要对访问者进行一些分析，不同渠道的访问者的质量是不一样的，那么需要对访问者进行分析： 直接输入网址访问的用户； 其他网站的推介流量； 搜索引擎自然流量（SEO流量）； 搜索引擎付费流量（SEM流量）； 是否是新访客； 是否是活跃用户； 单个访客的成本是多少； 6.用户体验 一个网站是否拥有良好的用户体验跟提升转化率也是密不可分的，那些因素影响用户体验： 网站访问速度； 网站设计美观性； 网站易用性是否够高； 内容关联性是良好； 购买流程是否便捷； [...]]]></description>
			<content:encoded><![CDATA[<p>网站在前期的运营推广中花费了大量的精力去提升网站的流量和引导用户，那么接下来要做的就是提高网站的转化率。何为转化率（Conversion Rate）？转化率是指访问某一网站访客中，转化的访客占全部访客的比例。这里所说的“转化”，可以是从单纯的访问您网站转变成为您网站会员（即注册会员）的行为，可以是您网站的会员从零购买经历转变成为有购买经历的会员的行为，可以是从单纯的网站访客转变成为参加您网站活动的访客的行为，可以是您的潜在客户转变成为产品正式客户的行为。转化率是网站最终能否盈利的核心，提升网站转化率比例是网站综合运营实力的结果。提升网站转化率的6个有效办法：</p>
<p><strong>1.网站品牌</strong></p>
<p><strong></strong>任何时候品牌效应都不能忽视，提高网站转化率也不例外。网站知名度、可信度、口碑、定位都决定了网站的转化率，具体包括：</p>
<ul>
<li>网站完整的联系方式；</li>
<li>权威的网络认安全证标志；</li>
<li>网站经营资质证明；</li>
<li>网站备案信息；</li>
<li>第三方诚信认证；</li>
<li>媒体报道；</li>
</ul>
<p><strong>2.商品吸引力</strong></p>
<p><strong></strong>用户最终花钱购买的是商品，所以商品质量的好坏也到了决定性的因素，任何时候都不要忽略到商品自身的重视，具体包括：</p>
<ul>
<li>商品是否有质量保证；</li>
<li>商品是否有特色；</li>
<li>商品是否存在价格优势；</li>
<li>是否能够提供详细的商品介绍和使用说明；</li>
<li>商品图片是否有吸引力；</li>
<li>商品折扣和促销；</li>
<li>是否有返现或是商品赠送；</li>
</ul>
<p><strong>3.客户服务</strong></p>
<p>在拥有品牌和商品质量的前提后，我们要考虑到是否对用户有一个贴心的服务制度，让用户购买商品无后顾之忧，主要包括：</p>
<ul>
<li>在线客服能够及时应答客户疑问；</li>
<li>畅通的服务电话线路；</li>
<li>在线留言板以及及时解答；</li>
<li>及时且多套配送方案（配送时间/配送地域）；</li>
<li>可靠安全的支付方式，是否支持货到付款；</li>
<li>有效的退换货保证，并能及时响应；</li>
<li>便捷的订单查询和管理；</li>
<li>物流服务水平；</li>
</ul>
<p><strong>4.用户行为</strong></p>
<p>即使我们已经拥有了很强的品牌影响力已经产品质量和服务，但是最终决定购买行为的是顾客，所以顾客行为对转化率的影响至关重要：</p>
<ul>
<li>用户是否存在真实需求；</li>
<li>顾客忠诚度；</li>
<li>是否存在重复购买；</li>
<li>用户对商品及服务的真实评价；</li>
<li>顾客是否真的验收商品；</li>
<li>访问者在网站停留时间短及访问网页数量少；</li>
<li>老用户是否引导他人访问购买；</li>
<li>订单的评价价格；</li>
</ul>
<p><strong>5.访问者质量</strong></p>
<ul>
<li>在提升网站转化率时我们要对访问者进行一些分析，不同渠道的访问者的质量是不一样的，那么需要对访问者进行分析：</li>
<li>直接输入网址访问的用户；</li>
<li>其他网站的推介流量；</li>
<li>搜索引擎自然流量（SEO流量）；</li>
<li>搜索引擎付费流量（SEM流量）；</li>
<li>是否是新访客；</li>
<li>是否是活跃用户；</li>
<li>单个访客的成本是多少；</li>
</ul>
<p><strong>6.用户体验</strong></p>
<p>一个网站是否拥有良好的用户体验跟提升转化率也是密不可分的，那些因素影响用户体验：</p>
<ul>
<li>网站访问速度；</li>
<li>网站设计美观性；</li>
<li>网站易用性是否够高；</li>
<li>内容关联性是良好；</li>
<li>购买流程是否便捷；</li>
<li>商品分类陈列是否合理；</li>
<li>站内导航及搜索功能是否完善；</li>
<li>下单到收货的时间间隔是否令人满意；</li>
</ul>
<p><span style="color: #ff0000;">本文转载自网络，原文出错未知。</span></p>
<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://www.biaodianfu.com/conversion-rate-way.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

