8个成功界面的特性

admin 13年前
     <p style="padding-bottom:0px;line-height:1.8em;margin:0px 0px 1.5em;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;font-size:15px;vertical-align:baseline;padding-top:0px;"><span style="line-height:25px;font-family:Verdana, Geneva, sans-serif;color:#555555;font-size:14px;" class="Apple-style-span"><br /> 当你构建你的用户界面和网站的时候,有各种各样的关于界面设计方法和模式的信息你可以使用, 对常见问题的解决方案和一般可用性的建议。下列专家给出的准则可能会引导你创造一个良好的用户界面, 但是究竟什么才是一个良好的界面? 一个有价值的用户界面应该具有那些特性?</span></p>    <p style="padding-bottom:0px;line-height:1.8em;margin:0px 0px 1.5em;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;font-size:15px;vertical-align:baseline;padding-top:0px;"><span style="line-height:25px;font-family:Verdana, Geneva, sans-serif;color:#555555;font-size:14px;" class="Apple-style-span">以下八个特性是我认为一个良好的用户界面所必须的:</span></p>    <ol style="padding-bottom:0px;list-style-type:decimal;margin:0px 0px 18px 18px;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;font-size:15px;vertical-align:baseline;padding-top:0px;">     <li style="list-style-position:inside !important;padding-bottom:0px;list-style-type:decimal !important;margin:0px;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;font-size:15px;vertical-align:baseline;padding-top:0px;"><a style="padding-bottom:0px;margin:0px;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;color:#a94040;font-size:15px;vertical-align:baseline;text-decoration:none;padding-top:0px;" href="/misc/goto?guid=4958189483310372095" target="_blank">明确</a></li>     <li style="list-style-position:inside !important;padding-bottom:0px;list-style-type:decimal !important;margin:0px;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;font-size:15px;vertical-align:baseline;padding-top:0px;"><a style="padding-bottom:0px;margin:0px;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;color:#a94040;font-size:15px;vertical-align:baseline;text-decoration:none;padding-top:0px;" href="/misc/goto?guid=4958189484053909939" target="_blank">简洁</a></li>     <li style="list-style-position:inside !important;padding-bottom:0px;list-style-type:decimal !important;margin:0px;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;font-size:15px;vertical-align:baseline;padding-top:0px;"><a style="padding-bottom:0px;margin:0px;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;color:#a94040;font-size:15px;vertical-align:baseline;text-decoration:none;padding-top:0px;" href="/misc/goto?guid=4958189484800458616" target="_blank">熟悉</a></li>     <li style="list-style-position:inside !important;padding-bottom:0px;list-style-type:decimal !important;margin:0px;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;font-size:15px;vertical-align:baseline;padding-top:0px;"><a style="padding-bottom:0px;margin:0px;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;color:#a94040;font-size:15px;vertical-align:baseline;text-decoration:none;padding-top:0px;" href="/misc/goto?guid=4958189485543112410" target="_blank">响应</a></li>     <li style="list-style-position:inside !important;padding-bottom:0px;list-style-type:decimal !important;margin:0px;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;font-size:15px;vertical-align:baseline;padding-top:0px;"><a style="padding-bottom:0px;margin:0px;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;color:#a94040;font-size:15px;vertical-align:baseline;text-decoration:none;padding-top:0px;" href="/misc/goto?guid=4958189486281617404" target="_blank">一贯</a></li>     <li style="list-style-position:inside !important;padding-bottom:0px;list-style-type:decimal !important;margin:0px;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;font-size:15px;vertical-align:baseline;padding-top:0px;"><a style="padding-bottom:0px;margin:0px;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;color:#a94040;font-size:15px;vertical-align:baseline;text-decoration:none;padding-top:0px;" href="/misc/goto?guid=4958189487028894991" target="_blank">吸引力</a></li>     <li style="list-style-position:inside !important;padding-bottom:0px;list-style-type:decimal !important;margin:0px;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;font-size:15px;vertical-align:baseline;padding-top:0px;"><a style="padding-bottom:0px;margin:0px;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;color:#a94040;font-size:15px;vertical-align:baseline;text-decoration:none;padding-top:0px;" href="/misc/goto?guid=4958189487770564629" target="_blank">高效</a></li>     <li style="list-style-position:inside !important;padding-bottom:0px;list-style-type:decimal !important;margin:0px;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;font-size:15px;vertical-align:baseline;padding-top:0px;"><a style="padding-bottom:0px;margin:0px;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;color:#a94040;font-size:15px;vertical-align:baseline;text-decoration:none;padding-top:0px;" href="/misc/goto?guid=4958189488513553889" target="_blank">宽恕</a></li>    </ol>    <p style="padding-bottom:0px;line-height:1.8em;margin:0px 0px 1.5em;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;font-size:15px;vertical-align:baseline;padding-top:0px;">让我们看一看在每一个仔细看看。<a style="padding-bottom:0px;margin:0px;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;color:#a94040;font-size:15px;vertical-align:baseline;text-decoration:none;padding-top:0px;" target="_blank"></a></p>    <h3 style="padding-bottom:0px;line-height:1em;margin:0px 0px 0.9em;padding-left:0px;outline-width:0px;padding-right:0px;font-family:Arial, sans-serif;color:#658f43;font-size:26px;vertical-align:baseline;padding-top:10px;">1。明确</h3>    <p style="padding-bottom:0px;line-height:1.8em;margin:0px 0px 1.5em;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;font-size:15px;vertical-align:baseline;padding-top:0px;">清晰度是用户界面设计中最重要的因素。事实上,用户界面设计的整个目的是为了使人们能够与您的互动沟通的意义和功能系统。如果人们不明白您的应用程序如何工作或者去你的网站上,他们会得到混乱和沮丧。</p>    <p style="text-align:center;padding-bottom:0px;line-height:1.8em;margin:0px 0px 1.5em;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;font-size:15px;vertical-align:baseline;padding-top:0px;"><img style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: inherit; FONT-SIZE: 15px; VERTICAL-ALIGN: baseline; PADDING-TOP: 0px" class="alignnone" title="wordpress tooltip" alt="'\" src="http://img.usabilitypost.com/0904/wordpress_tooltips.png" width="187" height="100" orgsrc="http://img.usabilitypost.com/0904/wordpress_tooltips.png" ???="" /> <a style="padding-bottom:0px;margin:0px;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;color:#a94040;font-size:15px;vertical-align:baseline;text-decoration:none;padding-top:0px;" target="_blank"></a><span style="line-height:25px;font-family:Verdana, Geneva, sans-serif;color:#555555;font-size:14px;" class="Apple-style-span">这是什么呢?鼠标移到WordPress的按钮时工具提示会弹出解释其职能。</span></p>    <h3 style="padding-bottom:0px;line-height:1em;margin:0px 0px 0.9em;padding-left:0px;outline-width:0px;padding-right:0px;font-family:Arial, sans-serif;color:#658f43;font-size:26px;vertical-align:baseline;padding-top:10px;">2。简洁 Concise<strong style="outline-style:none;"> </strong></h3>    <p style="padding-bottom:0px;line-height:25px;margin:25px 0px;outline-style:none;padding-left:0px;padding-right:0px;font-size:14px;padding-top:0px;">清晰的用户界面是很好的,但是,您应该谨慎,不要陷入过度明晰。定义和解释很容易被添加,但是你这样做的同时也增大了规模。您的界面规模增加。添加过多的解释,您的用户将不得不花费过多的时间去读它们。</p>    <p style="padding-bottom:0px;line-height:25px;margin:25px 0px;outline-style:none;padding-left:0px;padding-right:0px;font-size:14px;padding-top:0px;">不仅要保持清晰,而且还保持简洁。当你能用一句话解释一项功能的时候就不要用三句话。当你可以用一个单词标记一个项,就不要用两个。 保持简洁可以节省你的用户的宝贵的时间。 同时保持清晰和简明并不容易,需要足够的时间和努力来实现,但其回报是值得的。</p>    <p style="text-align:center;padding-bottom:0px;line-height:1.8em;margin:0px 0px 1.5em;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;font-size:15px;vertical-align:baseline;padding-top:0px;"><img style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: inherit; FONT-SIZE: 15px; VERTICAL-ALIGN: baseline; PADDING-TOP: 0px" class="alignnone" title="osx volume slider" alt="'\" src="http://img.usabilitypost.com/0904/osx_volume.png" width="391" height="45" orgsrc="http://img.usabilitypost.com/0904/osx_volume.png" ???="" /> </p>    <p style="text-align:center;padding-bottom:0px;line-height:1.8em;margin:0px 0px 1.5em;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;font-size:15px;vertical-align:baseline;padding-top:0px;"><span style="line-height:25px;font-family:Verdana, Geneva, sans-serif;color:#555555;font-size:14px;" class="Apple-style-span">在 OS X 的音量控制中使用两个小图标以显示的音量从低到高。</span></p>    <h3 style="padding-bottom:0px;line-height:1em;margin:0px 0px 0.9em;padding-left:0px;outline-width:0px;padding-right:0px;font-family:Arial, sans-serif;color:#658f43;font-size:26px;vertical-align:baseline;padding-top:10px;">3。熟悉 Familiar</h3>    <p style="padding-bottom:0px;line-height:25px;margin:25px 0px;outline-style:none;padding-left:0px;padding-right:0px;font-size:14px;padding-top:0px;">许多设计师努力使自己的界面,直观。 但到底直观的真正意思是什么?直观也就是就是说可以自然地,本能地理解和领会。但是你怎么能做到直观一些?你可通过是它变的熟悉来实现。</p>    <p style="padding-bottom:0px;line-height:25px;margin:25px 0px;outline-style:none;padding-left:0px;padding-right:0px;font-size:14px;padding-top:0px;">熟悉就是, 跟你以前遇到过的东西相似。当你熟悉的东西,你就知道怎样它怎么做-你知道会发生什么事情。 弄清你的用户熟悉的并把它们融合到你的用户界面中。</p>    <p style="text-align:center;padding-bottom:0px;line-height:1.8em;margin:0px 0px 1.5em;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;font-size:15px;vertical-align:baseline;padding-top:0px;"><img style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: inherit; FONT-SIZE: 15px; VERTICAL-ALIGN: baseline; PADDING-TOP: 0px" class="alignnone" title="goplan tabs" alt="'\" src="http://img.usabilitypost.com/0904/goplan_tabs.png" width="487" height="62" orgsrc="http://img.usabilitypost.com/0904/goplan_tabs.png" ???="" /></p>    <p style="text-align:center;padding-bottom:0px;line-height:1.8em;margin:0px 0px 1.5em;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;font-size:15px;vertical-align:baseline;padding-top:0px;"><span style="line-height:25px;font-family:Verdana, Geneva, sans-serif;color:#555555;font-size:14px;" class="Apple-style-span">GoPlan的标签页式界面。 标签很熟悉 , 因为他们模仿文件夹上的标签。 你清楚知道点击标签您将浏览该节和其他地方的标签将继续存在为了进一步导航。</span></p>    <h3 style="padding-bottom:0px;line-height:1em;margin:0px 0px 0.9em;padding-left:0px;outline-width:0px;padding-right:0px;font-family:Arial, sans-serif;color:#658f43;font-size:26px;vertical-align:baseline;padding-top:10px;">4。响应 Responsive</h3>    <p style="padding-bottom:0px;line-height:25px;margin:25px 0px;outline-style:none;padding-left:0px;padding-right:0px;font-size:14px;padding-top:0px;">易响应意味着两件事。 首先,易响应意味着快速。 如果没有软件在后台,界面应该响应很快。等待加载和缓慢的界面是令人沮丧。 看起来加载的很快, 反正就是界面快速载入(即使内容尚未赶上)改善了用户体验。</p>    <p style="padding-bottom:0px;line-height:25px;margin:25px 0px;outline-style:none;padding-left:0px;padding-right:0px;font-size:14px;padding-top:0px;">易响应也意味着界面提供某种形式的反馈。界面应该反馈给用户,告知他们现在怎么了。 你成功地按下那个按钮吗?你将如何知道?按钮应显示一个被按了的状态反馈, 或许可以把按钮上的文字改成“正在加载… ”并且禁用按钮。 是软件挂了还是内容载入中?用转动的轮子或显示进度栏的方式来保持用户在进程中。</p>    <p style="text-align:center;padding-bottom:0px;line-height:1.8em;margin:0px 0px 1.5em;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;font-size:15px;vertical-align:baseline;padding-top:0px;"><img style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: inherit; FONT-SIZE: 15px; VERTICAL-ALIGN: baseline; PADDING-TOP: 0px" class="alignnone" title="gmail loading" alt="'\" src="http://img.usabilitypost.com/0904/gmail_loading.png" width="323" height="60" orgsrc="http://img.usabilitypost.com/0904/gmail_loading.png" ???="" /> <a style="padding-bottom:0px;margin:0px;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;color:#a94040;font-size:15px;vertical-align:baseline;text-decoration:none;padding-top:0px;" target="_blank"></a><span style="line-height:25px;font-family:Verdana, Geneva, sans-serif;color:#555555;font-size:14px;" class="Apple-style-span">Gmail会显示一个进度栏当您第一次进入您的收件箱</span></p>    <h3 style="padding-bottom:0px;line-height:1em;margin:0px 0px 0.9em;padding-left:0px;outline-width:0px;padding-right:0px;font-family:Arial, sans-serif;color:#658f43;font-size:26px;vertical-align:baseline;padding-top:10px;">5。一贯 Consistent</h3>    <p style="padding-bottom:0px;line-height:25px;margin:25px 0px;outline-style:none;padding-left:0px;padding-right:0px;font-size:14px;padding-top:0px;">之前我谈过关于上下文的重要性 ,以及它应如何指导你的设计决定。我认为,适应任何给定的上下文是很聪明,但是,一个界面仍然应保持一定程度的一致性。</p>    <p style="padding-bottom:0px;line-height:25px;margin:25px 0px;outline-style:none;padding-left:0px;padding-right:0px;font-size:14px;padding-top:0px;">一致的界面,使用户能够开发惯用模式-他们会了解不同的按钮,标签,图示和其他界面元素的外观,并识别他们。认识到在不同的情况他们所做的事情不同。他们也将了解特定的东西如何工作,能够从过去的经验中更快的总结知道如何操作新功能。</p>    <p style="text-align:center;padding-bottom:0px;line-height:1.8em;margin:0px 0px 1.5em;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;font-size:15px;vertical-align:baseline;padding-top:0px;"><img style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: inherit; FONT-SIZE: 15px; VERTICAL-ALIGN: baseline; PADDING-TOP: 0px" class="alignnone" title="microsoft office ui" alt="'\" src="http://img.usabilitypost.com/0904/microsoft_office_ui.png" width="530" height="469" orgsrc="http://img.usabilitypost.com/0904/microsoft_office_ui.png" ???="" /> </p>    <p style="text-align:center;padding-bottom:0px;line-height:1.8em;margin:0px 0px 1.5em;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;font-size:15px;vertical-align:baseline;padding-top:0px;"><a style="padding-bottom:0px;margin:0px;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;color:#a94040;font-size:15px;vertical-align:baseline;text-decoration:none;padding-top:0px;" target="_blank"></a><span style="line-height:25px;font-family:Verdana, Geneva, sans-serif;color:#555555;font-size:14px;" class="Apple-style-span">在Microsoft Office的用户界面是一致的是有原因的。</span></p>    <h3 style="padding-bottom:0px;line-height:1em;margin:0px 0px 0.9em;padding-left:0px;outline-width:0px;padding-right:0px;font-family:Arial, sans-serif;color:#658f43;font-size:26px;vertical-align:baseline;padding-top:10px;">6。吸引力 Attractive</h3>    <p style="padding-bottom:0px;line-height:25px;margin:25px 0px;outline-style:none;padding-left:0px;padding-right:0px;font-size:14px;padding-top:0px;">这可能有一点争议,但我相信一个良好的界面应该有吸引力。 吸引力在某种意义上,是与界面交互变得是愉快。是的,你可以让你的用户界面简单,易于使用,有效率和易反应,它将尽其出色-但如果你可以做额外的一步,使之有吸引力的。那样用户体验会真正令人满意。当你的软件使用起来是令人愉快的,你的客户或工作人员将不仅是简单地使用它-他们会期待着使用它。</p>    <p style="padding-bottom:0px;line-height:25px;margin:25px 0px;outline-style:none;padding-left:0px;padding-right:0px;font-size:14px;padding-top:0px;">当然有许多不同类型的软件和网站,所有的创作针对的不同的市场和用户。什么样看来'好'对任何一个特定的观众都会有所不同。 这就是说,你应该为了你的用户来包装你的界面的的外观和风格。 此外,美感设计应适度使用,并且是为了加强功能。美化界面不同于加载时使用多余的眼睛糖果。</p>    <p style="text-align:center;padding-bottom:0px;line-height:1.8em;margin:0px 0px 1.5em;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;font-size:15px;vertical-align:baseline;padding-top:0px;"><img style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: inherit; FONT-SIZE: 15px; VERTICAL-ALIGN: baseline; PADDING-TOP: 0px" class="alignnone" title="google chrome" alt="'\" src="http://img.usabilitypost.com/0904/google_chrome.png" width="327" height="86" orgsrc="http://img.usabilitypost.com/0904/google_chrome.png" ???="" bloaded="true" /> <a style="padding-bottom:0px;margin:0px;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;color:#a94040;font-size:15px;vertical-align:baseline;text-decoration:none;padding-top:0px;" target="_blank"></a><span style="line-height:25px;font-family:Verdana, Geneva, sans-serif;color:#555555;font-size:14px;" class="Apple-style-span">谷歌是众所周知的极简洁的界面 , 他们关注功能重于形式,但他们显然的花费时间美化了 Chrome用户界面元素 , 如按钮和图标 , 使它们看起来正好体现了微妙的梯度和像素超薄突出。</span></p>    <h3 style="padding-bottom:0px;line-height:1em;margin:0px 0px 0.9em;padding-left:0px;outline-width:0px;padding-right:0px;font-family:Arial, sans-serif;color:#658f43;font-size:26px;vertical-align:baseline;padding-top:10px;">7。高效 Efficient </h3>    <p style="padding-bottom:0px;line-height:25px;margin:25px 0px;outline-style:none;padding-left:0px;padding-right:0px;font-size:14px;padding-top:0px;">用户界面像是车辆,带你去你要到的地方。这些地方是软件应用程序或网站的不同的功能。 一个良好的界面可让您在执行这些功能更快。 现在, '有效'听起来像一个相当模糊的属性-如果你把所有其他的事情在这个清单上,当然界面到头来还是需要高效? 差不多,但不完全。</p>    <p style="padding-bottom:0px;line-height:25px;margin:25px 0px;outline-style:none;padding-left:0px;padding-right:0px;font-size:14px;padding-top:0px;">你真正需要做的是使界面能高效的找出用户努力想要实现的,然后让他们可以有条不紊的做到。 您必须确定您的应用程序应该如何工作' -什么功能它需要有,什么样的目标是你努力努力争取实现? 实现一个界面,可以让人们轻松地完成他们想要做的,而不只是简单的实现对各个功能的访问。</p>    <p style="text-align:center;padding-bottom:0px;line-height:1.8em;margin:0px 0px 1.5em;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;font-size:15px;vertical-align:baseline;padding-top:0px;"><img style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: inherit; FONT-SIZE: 15px; VERTICAL-ALIGN: baseline; PADDING-TOP: 0px" class="alignnone" title="iphone photo options" alt="'\" src="http://img.usabilitypost.com/0904/iphone_photo_options.png" width="242" height="198" orgsrc="http://img.usabilitypost.com/0904/iphone_photo_options.png" ???="" bloaded="true" /> <a style="padding-bottom:0px;margin:0px;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;color:#a94040;font-size:15px;vertical-align:baseline;text-decoration:none;padding-top:0px;" target="_blank"></a><span style="line-height:25px;font-family:Verdana, Geneva, sans-serif;color:#555555;font-size:14px;" class="Apple-style-span">苹果公司已经确认了人们在其iPhone上想要对照片做三个关键的事情,并在照片控制中提供按钮来分别完成他们。</span></p>    <h3 style="padding-bottom:0px;line-height:1em;margin:0px 0px 0.9em;padding-left:0px;outline-width:0px;padding-right:0px;font-family:Arial, sans-serif;color:#658f43;font-size:26px;vertical-align:baseline;padding-top:10px;">8。宽恕 Forgiving</h3>    <p style="padding-bottom:0px;line-height:25px;margin:25px 0px;outline-style:none;padding-left:0px;padding-right:0px;font-size:14px;padding-top:0px;">没有人是完美的,当使用你的软件或网站必定有人会犯错误。 如何处理这些错误将成为你的软件的质量一个重要指标。不要惩罚用户-建立一个宽容的界面,纠正问题。</p>    <p style="padding-bottom:0px;line-height:25px;margin:25px 0px;outline-style:none;padding-left:0px;padding-right:0px;font-size:14px;padding-top:0px;">一个宽容的界面可以使你的用户远离代价高昂的错误。例如,如果有人删除了重要的信息,他们可以轻松地重新检索或撤消这一行动? 当有人浏览到损坏或不存在的网页,他们会看到什么?他们会迎接一个加密的错误提示还是得到了一些有用的替代目的地?</p>    <p style="text-align:center;padding-bottom:0px;line-height:1.8em;margin:0px 0px 1.5em;padding-left:0px;outline-width:0px;padding-right:0px;font-family:inherit;font-size:15px;vertical-align:baseline;padding-top:0px;" align="left"><img style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: inherit; FONT-SIZE: 15px; VERTICAL-ALIGN: baseline; PADDING-TOP: 0px" class="aligncenter" title="gmail undo" alt="'\" src="http://img.usabilitypost.com/0904/gmail_undo.png" width="441" height="33" orgsrc="http://img.usabilitypost.com/0904/gmail_undo.png" ???="" bloaded="true" /> <span style="line-height:25px;font-family:Verdana, Geneva, sans-serif;color:#555555;font-size:14px;" class="Apple-style-span">错误的删除了电子邮件?Gmail可让您迅速取消上一次的操作。<br /> <br /> 转自:<a href="/misc/goto?guid=4958189489251259938">http://www.cnblogs.com/Xer-Lee/archive/2011/09/06/2168629.html</a><br /> </span></p>