<?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>IInterest &#187; 用户体验</title>
	<atom:link href="http://www.iinterest.net/tag/%e7%94%a8%e6%88%b7%e4%bd%93%e9%aa%8c/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.iinterest.net</link>
	<description>关注移动互联网 &#38; HTML5</description>
	<lastBuildDate>Sat, 07 Jan 2012 08:07:27 +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>[翻译]界面提示与感知延迟</title>
		<link>http://www.iinterest.net/2009/07/01/ui-messaging-and-perceived-latency/</link>
		<comments>http://www.iinterest.net/2009/07/01/ui-messaging-and-perceived-latency/#comments</comments>
		<pubDate>Wed, 01 Jul 2009 03:12:54 +0000</pubDate>
		<dc:creator>Bell</dc:creator>
				<category><![CDATA[UE]]></category>
		<category><![CDATA[用户体验]]></category>

		<guid isPermaLink="false">http://iinterest.net/blog/?p=294</guid>
		<description><![CDATA[原文：UI messaging and perceived latency 作者：Roma Shah，用户体验研究员 翻译：ytzong 对一般的用户而言，速度并不意味着性能。用户对网站速度的感知很大程度上取决于其整体感受，包括他们如何高效的从网站获取所需，以及网站反映出来的易响应性。 当设计 Web 站点或 Web 应用时，谨记用户来你的网站是有目的的。他们能越快（越容易）达到他们的访问目的越好。如果用户在获取内容时遇到了许多困难，他们将会离开你的网站，而去能让他们更快达成目标的其他网站。 节省用户时间，让他们感觉没那么慢有很多工作可以做，本文只涉及提示信息。 提示信息，要考虑三点： 1.网站是否足够简单和直观，首次访问者是否可以很容易上手？ 如果不是，花些时间去设计首次运行经验（first-run-experience）提示。比方说，你的网站是一个拥有数项功能的强大的 Web 应用。鉴于为此类型的应用程序设计一套直观的“开箱即用”（out-of-the-box ）体验并不是一项容易的事情，用户可能需要一个入门帮助。 首次运行经验简单的为用户说明产品是什么以及/或如何使用其亮点。从长远上看，花一点点时间让用户提前了解产品的一些关键点会给他们节省大量时间。 提示：不要过头！不要阻止用户获取实际内容，这会令首次运行经验变成额外的一步（a cumbersome multi-step process）。 2.提示信息是否会中断或增加用户操作？ 仔细考虑如何显示信息会增加用户的操作流程。在不影响用户操作的情况下可能有更合适的方式去显示提示信息。想象一个场景，用户完成一个动作，你认为很完美的。你认为需要二次确认（double-checking）的，为了防止用户意外出错。所以你弹出一个提示“你确定这样做吗？”，这阻止了用户的一个大的错误操作，但对于确定要执行这个动作的用户来说，你增加了一个额外的操作。作为替代，你可以运行操作立即执行，同时在操作后增加一个取消的功能。 3.等待时如何让用户静心（reassure） 面对现实吧，有些时候用户不得不等待。然而，你可以做一些工作使不可避免的等待时间变得比较好度过（bearable）。如果用户等待的时间较长，使用进度条。进度条不只表明必须等待，同时粗略的显示要等多久。如果要更详细一点，甚至可以显示已经完成的数据（例如 40kb of 64kb）。尽量避免估算完成时间，因为连接速度波动时，没有什么比看到完成时间一直在增长更郁闷的了。 当用户等待的时间较短时，可以用 loading 指示器。loading 指示器通常是一个旋转变化的小东东（a spinning doo-dad of &#8230; <a href="http://www.iinterest.net/2009/07/01/ui-messaging-and-perceived-latency/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<ul>
<li style="LIST-STYLE-POSITION: inside">原文：<a href="http://code.google.com/speed/articles/usability-latency.html">UI messaging and perceived latency</a></li>
<li style="LIST-STYLE-POSITION: inside">作者：Roma Shah，用户体验研究员</li>
<li style="LIST-STYLE-POSITION: inside">翻译：<a href="https://twitter.com/ytzong">ytzong</a></li>
</ul>
<p>对一般的用户而言，<em>速度</em>并不意味着<em>性能</em>。用户对网站速度的感知很大程度上取决于其整体感受，包括他们如何高效的从网站获取所需，以及网站反映出来的易响应性。</p>
<p>当设计 Web 站点或 Web 应用时，谨记用户来你的网站是有目的的。他们能越快（越容易）达到他们的访问目的越好。如果用户在获取内容时遇到了许多困难，他们将会离开你的网站，而去能让他们更快达成目标的其他网站。</p>
<p>节省用户时间，让他们感觉没那么慢有很多工作可以做，本文只涉及提示信息。</p>
<p>提示信息，要考虑三点：</p>
<p><strong>1.网站是否足够简单和直观，首次访问者是否可以很容易上手？</strong><br />
如果不是，花些时间去设计首次运行经验（first-run-experience）提示。比方说，你的网站是一个拥有数项功能的强大的 Web 应用。鉴于为此类型的应用程序设计一套直观的“开箱即用”（out-of-the-box ）体验并不是一项容易的事情，用户可能需要一个入门帮助。</p>
<p style="LIST-STYLE-POSITION: inside">首次运行经验简单的为用户说明产品是什么以及/或如何使用其亮点。从长远上看，花一点点时间让用户提前了解产品的一些关键点会给他们节省大量时间。</p>
<p style="LIST-STYLE-POSITION: inside">提示：不要过头！不要阻止用户获取实际内容，这会令首次运行经验变成额外的一步（a cumbersome multi-step process）。<span id="more-294"></span></p>
<p style="LIST-STYLE-POSITION: inside; TEXT-ALIGN: center"><img class="aligncenter" style="BORDER-TOP-WIDTH: 0px; DISPLAY: block; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" src="http://lh3.ggpht.com/_iOMpbzHY3Lo/Skm19RvIIYI/AAAAAAAAAYk/-tBRKwRD8hQ/s800/usability-reader.png" alt="" /></p>
<p><strong>2.提示信息是否会中断或增加用户操作？</strong><br />
仔细考虑如何显示信息会增加用户的操作流程。在不影响用户操作的情况下可能有更合适的方式去显示提示信息。想象一个场景，用户完成一个动作，你认为很完美的。你认为需要二次确认（double-checking）的，为了防止用户意外出错。所以你弹出一个提示“你确定这样做吗？”，这阻止了用户的一个大的错误操作，但对于确定要执行这个动作的用户来说，你增加了一个额外的操作。作为替代，你可以运行操作立即执行，同时在操作后增加一个取消的功能。</p>
<p style="text-align: center;"><img class="aligncenter" style="BORDER-TOP-WIDTH: 0px; DISPLAY: block; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" src="http://lh6.ggpht.com/_iOMpbzHY3Lo/Skm19ntSkgI/AAAAAAAAAYs/pBsLsSSOGGE/s800/usability-undo.png" alt="" /></p>
<p><strong>3.等待时如何让用户静心（reassure）</strong><br />
面对现实吧，有些时候用户不得不等待。然而，你可以做一些工作使不可避免的等待时间变得比较好度过（bearable）。如果用户等待的时间较长，使用进度条。进度条不只表明必须等待，同时粗略的显示要等多久。如果要更详细一点，甚至可以显示已经完成的数据（例如 40kb of 64kb）。尽量避免估算完成时间，因为连接速度波动时，没有什么比看到完成时间一直在增长更郁闷的了。</p>
<p style="text-align: center;"><img class="aligncenter" style="BORDER-TOP-WIDTH: 0px; DISPLAY: block; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" src="http://lh3.ggpht.com/_iOMpbzHY3Lo/Skm19DQJVFI/AAAAAAAAAYc/41dGZAXJoHA/s800/usability-progress.png" alt="" /></p>
<p>当用户等待的时间较短时，可以用 loading 指示器。loading 指示器通常是一个旋转变化的小东东（a spinning doo-dad of sorts），但也可以是很简单的文字”loading”。</p>
<p style="text-align: center;"><img class="aligncenter" style="BORDER-TOP-WIDTH: 0px; DISPLAY: block; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px" src="http://lh4.ggpht.com/_iOMpbzHY3Lo/Skm182lHmYI/AAAAAAAAAYU/QAH01OZqHVo/s800/usability-loading.png" alt="" /></p>
<p>你也许会问，为什么极短的时间也要显示这些？loading 指示器是给用户的反馈：用户的操作已经通过，网站正在执行。没有指示器的话，用户不确定是否执行，从而可能企图再次尝试。</p>
<p><strong>延伸阅读</strong></p>
<p>这些建议只是为用户设计时需铭记的事项中的冰山一角。下面是一些可以让你入门（get you started）的关于交互设计和 Web 设计原则的资料：</p>
<ul>
<li style="LIST-STYLE-POSITION: inside"><a href="http://books.google.com/books?id=9F7gaZKd2rYC&amp;printsec=frontcover&amp;source=gbs_navlinks_s"><span class="Apple-converted-space"> </span>About Face</a><span class="Apple-converted-space"> </span>by Cooper, Reimann, Cronin</li>
<li style="LIST-STYLE-POSITION: inside"><a href="http://books.google.com/books?id=9qabAQAACAAJ&amp;dq=Bulletproof+Web+Design%09Dan+Cederholm&amp;ei=lV07SujKE5SMkQT08JS6BQ"><span class="Apple-converted-space"> </span>Bulletproof Web Design</a><span class="Apple-converted-space"> </span>by Dan Cederholm</li>
<li style="LIST-STYLE-POSITION: inside"><a href="http://books.google.com/books?id=sVKuMvaFzjQC&amp;printsec=frontcover&amp;dq=Contextual+Design+by+Beyer+and+Holtzblatt&amp;ei=yV07SpGZLpeSkASq9JG6BQ"><span class="Apple-converted-space"> </span>Contextual Design</a><span class="Apple-converted-space"> </span>by Beyer and Holtzblatt</li>
<li style="LIST-STYLE-POSITION: inside"><a href="http://books.google.com/books?id=O3rGKAAACAAJ&amp;dq=Designing+the+User+Interface+by+Ben+Schneiderman+and+Catherine+Plaisant&amp;ei=8V07StXYAYjQkASgjZW6BQ"><span class="Apple-converted-space"> </span>Designing the User Interface</a><span class="Apple-converted-space"> </span>by Ben Schneiderman and Catherine Plaisant</li>
<li style="LIST-STYLE-POSITION: inside"><a href="http://books.google.com/books?id=0bIwkFeeWF0C&amp;printsec=frontcover&amp;source=gbs_navlinks_s"><span class="Apple-converted-space"> </span>Interaction Design</a><span class="Apple-converted-space"> </span>by Jenny Preece, et al</li>
<li style="LIST-STYLE-POSITION: inside"><a href="http://books.google.com/books?id=6bPTRJ7xkFkC&amp;q=The+Elements+of+User+Experience%09Jesse+James+Garrett&amp;dq=The+Elements+of+User+Experience%09Jesse+James+Garrett&amp;ei=6147Sv39DJTOkwTi0Zm6BQ&amp;pgis=1"><span class="Apple-converted-space"> </span>The Elements of User Experience</a><span class="Apple-converted-space"> </span>by Jesse James Garrett</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.iinterest.net/2009/07/01/ui-messaging-and-perceived-latency/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

