<?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.houshidai.com/tag/usability/feed" rel="self" type="application/rss+xml" />
	<link>http://www.houshidai.com</link>
	<description></description>
	<lastBuildDate>Fri, 11 Oct 2019 03:37:37 +0000</lastBuildDate>
	<language>zh-CN</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.4.1</generator>
		<item>
		<title>30个网站可用性设计基础概念</title>
		<link>http://www.houshidai.com/internet/30-web-design-concept.html</link>
		<comments>http://www.houshidai.com/internet/30-web-design-concept.html#comments</comments>
		<pubDate>Wed, 30 Nov 2011 14:09:20 +0000</pubDate>
		<dc:creator>RUI</dc:creator>
				<category><![CDATA[互联网]]></category>
		<category><![CDATA[原则]]></category>
		<category><![CDATA[可用性]]></category>
		<category><![CDATA[术语]]></category>
		<category><![CDATA[概念]]></category>
		<category><![CDATA[网站]]></category>

		<guid isPermaLink="false">http://houshidai.com/?p=4793</guid>
		<description><![CDATA[网站可用性设计基础概念： 作为一个专业的Web开发人，你是你访客爱好和需求的倡导者;你必须坚持你对良好的用户体 [...]]]></description>
			<content:encoded><![CDATA[<p><span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/website" title="查看 网站 中的全部文章" target="_blank">网站</a></span><span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/usability" title="查看 可用性 中的全部文章" target="_blank">可用性</a></span>设计基础<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/concept" title="查看 概念 中的全部文章" target="_blank">概念</a></span>：</p>
<p><img class="alignnone size-full wp-image-4796" title="webdesigntip" src="http://www.houshidai.com/wp-content/uploads/2011/11/webdesigntip.jpg" alt="" width="600" height="220" /></p>
<p><span id="more-4793"></span></p>
<p>作为一个专业的Web开发人，你是你访客爱好和需求的倡导者;你必须坚持你对良好的用户体验的理解，确保在复杂的<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/website" title="查看 网站 中的全部文章" target="_blank">网站</a></span>架构下你的访客仍可能找到他们的路径。这意味着在与用户和同事讨论时，你必须能够坚持你的立场，有效地传达自己的想法。事实上，你的工作就是妥协处理错误的思想和误导的<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/concept" title="查看 概念 中的全部文章" target="_blank">概念</a></span>，而不是盲从它们。</p>
<p>在这种境况下，没有任何东西可以帮助你，除了和你工作中根本问题相关的深刻知识。但是，即使你知道这些知识，重要的是你还要知道如何称呼这些概念，如何在讨论中用到它们。此外，准备一些你可能需要的准确<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/term" title="查看 术语 中的全部文章" target="_blank">术语</a></span>在手边作为论据，对你的讨论也是有帮助的。</p>
<p>在这篇文章，我们陈述了30个通常被遗忘、忽略和误解的重要的<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/usability" title="查看 可用性 中的全部文章" target="_blank">可用性</a></span>问题、<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/term" title="查看 术语 中的全部文章" target="_blank">术语</a></span>、规则和<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/principle" title="查看 原则 中的全部文章" target="_blank">原则</a></span>。可读性（readability）和易读性（legibility）有什么区别？究竟80/20和帕累托<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/principle" title="查看 原则 中的全部文章" target="_blank">原则</a></span>是什么意思？扫雷与满意度是什么意思？逐步强化和优雅降级又是什么？你都可以找到答案。</p>
<p><strong>一、可用性：规则和<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/principle" title="查看 原则 中的全部文章" target="_blank">原则</a></span></strong></p>
<p><strong>7±2 原则</strong></p>
<p>由于人类大脑处理信息的能力有限，它会将复杂信息划分成块和小的单元。根据乔治 A 。米勒（George A. Miller）的研究，人类短期记忆一般一次只能记住5-9个事物。这一事实经常被用来作为限制导航菜单选项到7个的论据;然而关于神奇的“7，加2或者减2”还是引起了激烈的讨论。因此目前还不清楚是否7±2原则能、可能或应该应用到web中。米勒的研究。</p>
<p><strong>2秒原则</strong></p>
<p>一个松散的原则，即用户没有必要对某些系统响应等待2秒以上的时间，比如应用程序转换和开始的响应时间。选择2秒有点武断，但确是一个合理的数量级。可靠的原则就是：用户等待时间越少，用户体验越好。［可用性优先］</p>
<p><strong>3次点击原则</strong></p>
<p>根据这个原则，如果用户在3次点击中无法找到信息和完成<span class='wp_keywordlink_affiliate'><a href="http://www.houshidai.com/tag/website" title="查看 网站 中的全部文章" target="_blank">网站</a></span>功能时，用户就会停止使用这个网站。换句话说，这个原则强调明确的导航，逻辑架构和后续站点的层次结构。在大多数情况下，点击的次数是无关紧要的;真正重要的是，游客总是能知道他们现在在哪，他们去过哪，他们接着将会去哪。如果用户感觉他们对该系统如何运作有个充分的了解的话，甚至10次点击，用户都会觉得OK。</p>
<p><strong>80/20原则（帕累托原则）</strong></p>
<p>帕累托原则（也被称为重要少数法则和因素稀疏原则）指出，80%的效应来自20%的原因。这是商业中的基本经验法则（“80%的销售额来自20%的顾客”），但也可以应用于设计和可用性。举例来说，我们可以通过确定那些贡献80%利润的20 %的用户、客户、活动、产品或程序，并最大限度地注意对他们适用，来显著提高效应</p>
<p><strong>8个接口设计的金科玉律</strong></p>
<p>作为接口设计研究的成果， Ben Shneiderman提出并收集了一些从经验中启发而来，适用于大多数交互系统的原则。这些原则适用于用户接口设计，也适用于网页设计。</p>
<p>1. 争取保持一致性</p>
<p>2. 为老用户提供可用的快捷方式</p>
<p>3. 提供有益的反馈</p>
<p>4. 设计结束功能的对话框</p>
<p>5. 提供简单的错误处理</p>
<p>6. 允许简单的逆转功能</p>
<p>7. 提供控制感。支持内部控制点</p>
<p>8. 减少短期记忆</p>
<p><strong>费茨定律</strong></p>
<p>由保罗费茨（Paul Fitts）发表于1954年，费茨定律模拟了人类活动，以目标距离和目标规模大小为函数，预测了迅速移动到目标区所需时间。该法通常应用到鼠标的移动，访客就必须从A点移动到B点。例如，这个规则对于如何放置内容区域，以更实用的方式，最大化内容可及性和提高内容点击率，是非常重要的。</p>
<p><strong>倒金字塔</strong></p>
<p>倒金字塔是一种在文章开头表达总结文字的写作风格。这种方式使用了新闻业中著名的“瀑布效应”，新闻作者试图让他们的读者即时知道他们的报道的主题。文章以总结开头，接着是关键点，最后那些次要的细节，如背景资料。由于网络用户需要即时的满足，这种倒金字塔写作风格，对于网络写作和更好的用户体验是非常重要的。</p>
<p><strong>满意</strong></p>
<p>网络用户不喜欢用最佳方式找到他们寻找的信息。他们对最合理和最健全的解决问题方案不感兴趣。相反，他们永远扫描他们认为“足够好”的quick‘n’dirty解决方案。在网络中，这种方式准确地描述了用户的满意：用户使用一个“足够好”的方案解决问题——即时在长远看来一些替代方案能够更好地满足他们的要求。</p>
<p><strong>二、可用性背后的心理学</strong></p>
<p><strong>婴儿鸭综合症</strong></p>
<p>婴儿鸭综合症描述了游客倾向忠于他们记住的最初设计，并且通过与最初设计的相似度来判断其他的设计。其结果是，用户通常倾向于那些与他们记住的最初设计相类似的设计，不喜欢陌生的系统。这些可用性问题是很多系统重新设计时存在的：用户，习惯了以前的设计，对新的网站架构会感到不舒服，他们必须找到自己的方式去使用网站。</p>
<p><strong>无视广告</strong></p>
<p>网络用户具有忽视一切看起来像广告的东西，有趣的是，他们非常擅于这。虽然广告是被注意到了，但几乎一直是被忽略的。由于用户已经为网站上不同的任务构建了相关联的图式，在网站上搜索特定的信息时，他们只将注意力集中在网页的部分区域，就是那些他们认为可能是相关信息的地方，也就是，小文本和超链接。在这个例子中，大的色彩缤纷的地方或动画横幅广告和其他的图形是被忽略的。</p>
<p><img src="https://byfiles.storage.live.com/y1povM8P3SLT0ZKvUDbN_SnQb1eZL9BDeQ9BHjdCDWVTMbeos7KbZ1fGWBR_QMsIBjSOl-pSTB6pOw/webdesigntip1.jpg?psid=1" alt="webdesigntip1" /></p>
<p>［来源：无视广告 一些发现和一些新发现］</p>
<p><strong>扣人心弦效应（蔡加尼克效应）</strong></p>
<p>人类无法忍受不确定性。我们倾向于对感兴趣的、未回答的问题尽快找到答案。扣人心弦效应就是基于这一事实的;扣人心弦的电影，文章和情节总是有出其不意的结果，往往总是以一个突然的震惊启示或者困难的局面离开。这种效应经常用在广告上：广告主往往通过要求游客解答刺激的问题，来迫使他们阅读广告，点击横幅广告或者跟进一个链接。</p>
<p>扣人心弦效应由布鲁玛 W. 蔡加尼克（Bluma W.Zeigarnik）在1927年发现，这个效应在读者间建立了情感联系，在营销学中极其有影响力。游客们可以更好地记住是什么广告，甚至是最小的细节都能记得更清晰确切。在web写作中，扣人心弦效应也被用来吸引游客进入网站。（如“抓取我们的RSS-Feed，以确保您不会错过文章的第二部分！”）。</p>
<p><strong>视知觉的格式塔原则</strong></p>
<p>这些原则是人机交互设计心理方面的基本原则。</p>
<p>          a. 接近法则认为，当我们知觉物体归类时时，易于把相近的物体归于一组。</p>
<p><img src="https://byfiles.storage.live.com/y1povM8P3SLT0YoyPJMdULFm-9sw0kuEpYlvmKMSY3LiJbPkmYQz_IP0JF7ADRs6mDkJyhNJdbbt8Y/webdesigntip2.jpg?psid=1" alt="webdesigntip2" /></p>
<p>MTV音乐颁奖的接近法则的真实例子。</p>
<p>          b. 相似法则指当内容元素彼此相似的时候我们会感知它们为一组。</p>
<p>          c. Prägnanz法则（图像-背景）指在知觉某个的视野时，一些物体（图像）看起来突显了出来，视野中的其他东西则消退到背景中。如：苹果机的标志可以被看作是一个正规笑脸和一个侧面欢喜的脸庞（看着计算机屏幕）</p>
<p>          d. 对称性法则指我们在知觉物体时倾向于把物体知觉为一个中心周边对称的形状。</p>
<p>          e. 连贯性法则指我们倾向于知觉联贯或连续流动的形式，而不是断裂或都不连续的形式，事实上它们并不连贯。如IBM标志：我们知觉到字母‘I’，‘B’，和‘M’，虽然我们事实上看到的形状，只有几行不同长度的白色空格彼此空悬。</p>
<p><strong>自我参照效应</strong></p>
<p>自我参照效应在网络写作中尤其重要，可以显著改善作者和读者之间的沟通。与我们个人观念相联系的事物要比那些和我们没有直接联系的事物记得更清楚。例如，阅读一篇文章后，用户能更好地记得他们个人经验中相关的人物，故事或事实。在可用性中自我参照效应通常被用在网络写作的表达和网站内容陈述。</p>
<p><strong>三、可用性术语表： 术语和概念</strong></p>
<p><strong>眼球追踪</strong></p>
<p>眼球追踪是测量我们凝视的点（我们看着的地方）或者相对于头部来说眼睛移动的过程。眼球追踪监测记录眼球每次的运动，并在网站最活跃的区域高光显示。眼球追踪研究可以帮助估计浏览网站的用户是否舒适地使用网站，以及他们理解网站背后的架构和系统有多快。在最近的眼球追踪研究Eyetrack07中，你可以找到一些有趣的可用性结果。</p>
<p><img src="https://byfiles.storage.live.com/y1pIITXh5ilfL23swG8dO_5-AWERb45ERFaKpYluW6Rt14I5Sq9KIs8h-xFw6f0iKM8txxO07HoVX8/webdesigntip3.jpg?psid=1" alt="webdesigntip3" /></p>
<p><strong>折叠位置</strong>（Fold）</p>
<p>折叠位置是指一个网站在屏幕上可见区域的最下方位置。当然折叠的位置也取决于你访客的屏幕分辨率。网页可见区域（也称为screenful）是指网页上不需要拉动滚动条就能看到的区域。既然折叠位置是不需要滚动就能看到，它常常被视为可能可以保证最高广告点击率和利润的区域。然而，折叠位置并没有那么重要。［Usability.gov］</p>
<p><strong>中心凹视（中心凹区）</strong></p>
<p>中央窝，人类眼睛的一部分，负责敏锐的中央视力，对于人类在阅读、看电视或电影、驾驶以及其他任何需要高度注意视觉细节的活动中，是非常必要的。中央窝是你的眼睛在瞄准时的一块小范围空间，它是你可以感知最高级别细节的唯一地方。中心凹区相当于两度视野或者放在你眼前的两个缩略图大小的紧密区域。这是你为游客传递最重要信息的地方。</p>
<p>中心凹视是非常重要的，因为在这个宽屏区域外你的访客如何看你的网页变化非常大。在这部分区域内，是你的视线注意力最大的唯一区域——只有在这里没有眼睛扫描是必要的。</p>
<p><strong>注释原则</strong></p>
<p>注释是一个自动的行为，它在链接链向的地方和用户一旦点击会链向的地方提供提示和摘要信息。提示可通过链接的标题特征来提供。从可用性的角度来看，用户希望有充分控制一切正在发生在网站上的事情的权利;清晰和准确的内外部链接解释，合理的连接源头标签，都可以提高一个网站的可用性。</p>
<p><strong>优雅降级（容错系统）</strong></p>
<p>优雅降级是指一个网站即使在它的部件（部分或完全）已经无法显示或者无效的情况下还能展示内容和基本的功能的这种能力。在实践中这意味着网站在每一个可能“过失”的情况下显示内容，可在用户可能的每种配置下（浏览器、插件、连接、操作系统等等）被使用。为“骨灰级用户”提供的仍然是丰富的、增强的页面版本。例如，典型地为多媒体内容提供可替代的显示，以确保在图片无法显示的时候内容仍然可以感知。［维基百科：容错系统］</p>
<p><strong>粒度</strong></p>
<p>粒度是指一个大的、复杂的数据集或信息分成何种程度的更小的单位。</p>
<p><strong>热区</strong></p>
<p>热区是网站可点击的区域，一旦被点击时会改变它们的形式或者/和外观、这是典型的：当链接或者任何其他网站元素被点击时的焦点效应。</p>
<p><strong>易读性（Legibility）</strong></p>
<p>易读性是指文章在视觉上是否明确。</p>
<p><strong>扫雷</strong></p>
<p>扫雷是指那些要确定网站链接的用户与网站的交互大多数情况下。在大多数情况下，扫雷是可用性问题中一个明确的警报信号。通常扫雷涉及用户在网页上快速移动光标或者指针，注视光标或指针在哪里有显示链接的变化。［Usability.gov］</p>
<p><strong>肉之谜导航系统（MMN）</strong></p>
<p>网络中的肉之谜导航描述了那种用户要想发现导航链接的目的点或者确定链接在哪里极其困难的设计。</p>
<p><strong>物理一致性</strong></p>
<p>这个概念描述了网站外观的一致性，-如logos的位置、导航、图形元素和版式的使用。物理一致性对于更好的方向和有效的网站导航是至关重要的。</p>
<p><strong>逐步强化（PE）</strong></p>
<p>逐步强化是一个设计战略，网站是以多层次的方式创建的——从适合所有浏览器的最基本的功能，再到更多的适合现行浏览器的加强的功能。逐步强化的主要优势在于它的“普遍可用性”——比如，事实上，它允许使用任何浏览器或者网络链接工具的人访问网站的基本内容和功能，同时它也提供使用更好网络带宽和更先进浏览器软件的用户更强版本的网页。［维基百科］</p>
<p><strong>可读性</strong></p>
<p>可读性描述了基于复杂句子和困难词汇的文字的可理解的程度。可读性的指标通常可以划分可用性层级，通过一些人轻易理解一篇阅读文章所需的年龄和级别来定。可读性不是易读性。［可用性的术语］</p>
<p><strong>用户为中心的设计（UCD）</strong></p>
<p>用户为中心的设计是这样一种设计理念，用户需求、偏好和行为决定了网站的基础，就是网站架构、导航和获取信息的方式。UCD被视为现代网络应用的标准方式，尤其是由于用户创造内容的兴起。在web2.0游客必须积极参与，因此需要最佳化他们需求的条件。</p>
<p><strong>警惕（持续关注）</strong></p>
<p>警惕是在长时间单调的任务中仍能持续关注的能力，比如校队文章查找拼写错误，提醒约会，自行修改文字处理机文档等。在现代网络应用中警惕的任务主要体现在后台、自动化和提供系统的可用性。</p>
<p><strong>走来即用的设计</strong></p>
<p>一个走来即用的设计是不言自明和直观的，所以第一次和一次性用户可以有效的使用它，而不需要实现介绍或培训。</p>
<p><strong>线框图</strong></p>
<p>线框图是一个网站基本的结构——骨架——描述了一个网站的思想、概念和结构。线框图可以被设计成介绍陈述，用来向股份持有者解释网站是如何设计的，提供了什么功能，用户是如何完成他们的任务的。线框图通常不会有任何视觉元素，或者一个完整的页面布局;他们往往是设计者画在纸上的初稿和草图。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.houshidai.com/internet/30-web-design-concept.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
