什么时候UI眼睛糖果适合在网络应用程序？

Question

从一些上下文开始，每当我登上一台Windows设备调整为“最佳外观”而不是“最佳性能”时，我就会非常恼火，我本能地关闭所有淡入淡出，过渡，动画等。立即。在改变之前我几乎无法集中注意力。

然而，当谈到我的网络应用时，我会非常偶尔会引起一些“眼睛糖果” - 可能是一个轻微的转变，因为瞬间过渡似乎分散注意力或太突然了。

我觉得自己像个伪君子。我从不选择桌面计算机上较慢的UI，当我更改家人，朋友和客户端的桌面设置时，没有人会要求切换回旧的，较慢的方式。

所以我有偏见，还是有一些合法的经验法则适用于何时适用？

在我目前的困境中，我正在使用淡入淡出的Javascript分页器来显示下一页的内容超过0.75秒，因为如果我不这样做，则更改会导致微小的闪烁（让我分心），但也许如果我在用户主席，我会尖叫，“只是告诉我页面！”

思考？有人读过关于这些东西的好书吗？

编辑：我应该提一下，在我目前的例子中，如果我愿意的话，下一页几乎总是准备好立即显示。当用户在当前页面上时，我预取下一页。这就是让我这样的“眼睛糖果”之类的东西的一个方面。我可以更快地完成它，几乎对用户没有任何区别。

第二次编辑：感谢您提出的所有建议和注意事项。有几本书我很期待阅读。我将 ui-patterns网站标记为答案，因为它对这类问题最直接有用。也没有人提到 YUI design pattern library，，但我后来才发现它。这是一个很好的资源，甚至可以解决this issue。此外，我确实打算在这个特定示例的那个阶段寻求用户输入。

最后，我了解到我最初的推理没有考虑到我对windows vs my app的熟悉程度。由于我已经习惯了Windows桌面，我现在只想完成任务。也许回想起我第一次使用xp时，这些过渡对一两天有帮助。 （我不记得是这样但是也许。）对于我在我的网络应用程序中的转换可能也是如此如果它经常使用。很快，我（和我的用户）将厌倦我添加的任何眼睛糖果，即使它非常简短。我会看到并问。

谢谢大家！

Answer 1

没有简单的答案The Design of Everyday Things是开始寻求简单设计的好地方。像SO那样具有“干净”外观并且带有一点额外闪光（比喻不是adobe类型）的网站似乎是最好的。

MSDN确实不是一个好的开始......

更新 - 正如John在评论中指出的那样，MSDN的低带宽视图实际上非常不错。好的电话John Weldon我从来没有看过它（也许永远不会有）。谢谢！

Answer 2

我发现UI Patterns在做出UI决策时非常有帮助。

Answer 3

您是否需要向某人演示您的产品以进行销售？或者它是一个独立的网站。如果您正在演示待售产品，那么eye candy可以帮助人们记住您正在销售的产品。

看起来光滑可以让人们认为你的产品更“专业”。

Answer 4

我非常喜欢MSDN支持的新“低带宽视图”。我想将其视为网站上更常见的标准。

这样，我可以选择可能在不同时间发生变化的用户体验。

Answer 5

  

但也许如果我在用户椅子上，   我会尖叫，“只是告诉我   页面已经！“

我认为，如果转换有用或无效，最简单的方法就是询问您的用户。您希望用于改善体验的任何UI技术都是如此。

我认为经验法则很难，因为不同的应用程序（基于网络或不基于网络）有不同的受众，不同的使用期望等等。

Answer 6

动画还有助于将用户的注意力吸引到屏幕的一部分。仔细使用，它们可以使系统更容易使用。 Windows中的一些eyecandy只是为了减慢速度而迫使用户等待。在Windows中滚动菜单的最大问题是我已经知道我在寻找什么以及在哪里找到它。菜单只会增加延迟。在您的网络应用中可能不是这样，因为用户正在探索您的系统。

如果一个系统很有吸引力且表现良好，它会让用户心情更好，让他们更有信心解决问题。当问题出现时“我怎么做xyz”他们发现问题更容易解决。花费时间和精力使用户体验更加美观，将通过更好的用户体验和更好的营销形象来获得回报。它还让您为系统工作感到自豪，这对于拥有出色的产品至关重要。优秀产品的标志是开发人员自己定期使用的产品。

Answer 7

真的只有一条真正的规则......只有知道答案的人才是你的潜在用户。因此，您需要从潜在用户那里获取信息，以便尽可能了解他们对您网站的期望。

如果它是已经在开发中的产品，您可以随时获得一些用户和测试内容。

此外，重要的是要注意：即使我们假装网络应用程序与应用程序相同......它们不是，至少在概念上是在我们的大脑中。人们期望应用程序和Web应用程序彼此之间的工作方式不同，即使它们存在细微差别。使用您的分页示例。如果你用分页编写一个完整的应用程序，你可能会期待一个非常快速的过渡。但是，因为它是一个网页，在你的大脑中有一些标志。

编辑：如果你想阅读一些有关交互设计的书籍，你可以试试Alan Coopers关于Face 2.0，Lucy Suchman的位置动作或搜索像usability.gov这样的东西。

Answer 8

在查看亚马逊上提到的其他一些书籍之后，我也遇到了"Don't Make Me Think"。虽然我没有读过这本书，但我阅读了很多评论和摘录，看起来非常好，所以我将它添加到列表中。

Answer 9

我喜欢网络应用效果和眼睛糖果。只是不要让它“过度杀伤”：）

Answer 10

基本上，如果你的网络应用程序是独一无二的并且你不相信你会有太多的竞争，那么眼睛糖果是完全没必要的，因为人们将使用你的服务（因为它是唯一的）。但是，如果你有很多竞争对手，一个漂亮的设计和漂亮的动画肯定会吸引更多的用户，因为你需要一些东西给他们留下深刻的印象。

一般来说，只要它不会损害可用性，那就去吧。 ：）

Answer 11

这取决于您尝试通过网站实现的目标。我们为那些要求有眼睛糖果的品牌制作了一些网站，不过是以牺牲性能为代价。

Answer 12

UI眼睛糖果非常重要。但绝不应该妨碍良好的用户体验。这是一种观点（正在慢慢改变），有眼睛的糖果将提供良好的用户体验。

应首先设计用户体验，然后添加闪光，总是记住在设计中“少即是多”