代码之家 › 专栏 › 技术社区 › Keith Bentrup

在Web应用程序中,用户界面眼糖什么时候合适?[关闭]

user-interface optimization ajax

Keith Bentrup · 技术社区 · 15 年前

从一些上下文开始,每当我在一台Windows计算机上使用“最佳外观”设置而不是“最佳性能”设置时,我都会非常恼火,以至于我本能地立即关闭所有渐变、过渡、动画等。我几乎不能集中注意力直到它变了。

然而,当涉及到 我的网络应用程序 我会的非常偶尔加入一些“眼糖”-可能是轻微的过渡,因为瞬间的过渡看起来分心或过于突然。

不过,我觉得自己像个伪君子。我从不选择在台式机上使用较慢的用户界面,当我为家人、朋友和客户更改桌面设置时,没有人要求切换回旧的、较慢的方式。

那么,我是否有偏见,或者是否有一些合法的经验法则,当它实际上是适当的时候?

在我目前的困境中,我正在使用一个带有淡入功能的javascript分页器在0.75秒内显示下一页的内容,因为如果我不这样做,更改会导致一个微小的闪烁(分散我的注意力),但如果我坐在用户椅子上,我可能会尖叫:“只需显示页面就行了!”

思想?有人读过这方面的好书吗?

编辑: 我应该提到,在我当前的示例中,如果我愿意的话,下一页几乎总是可以立即显示。当用户在当前页上时,我预取下一页。这就是为什么我要买这种“眼糖果”的原因之一。我可以用更快的几乎对用户没有区别。

第二编辑: 谢谢你的建议和考虑。有几本书我很期待读。我标记了 ui-patterns 网站作为答案 因为对于这种类型的问题,它将是最直接有用的。也没有人提到 这个 YUI design pattern library , 但后来我发现了。这是一个很好的资源,甚至是地址 this issue . 另外,在这个特定的例子中,当我处于那个阶段时,我绝对打算寻求用户输入。

最后,我明白我最初的推理并没有考虑到我对Windows和我的应用程序的熟悉程度。既然我已经习惯了Windows桌面,我现在只想把事情做好。也许回到我第一次使用xp的时候,这些转换对一两天有用。(我不记得是这样,但也许是这样。)对于我在Web应用程序中的转换,可能也是这样。 如果经常使用的话 . 很快我(和我的用户)就会厌倦我添加的任何眼糖,即使它很短。我去看看再问问。

谢谢大家!

12 回复 | 直到 15 年前

D'Arcy Rittich 15 年前

我找到了 UI Patterns 在做出用户界面决策时非常有用。

Community CDub 7 年前

没有简单的答案 The Design of Everyday Things 是一个研究简单化设计的好地方。像这样的网站,有一个“干净”的外观和一点额外的闪光(比喻不是土坯类)似乎是最好的公平。

确切地说,不是msdn是一个很好的开始…

更新 -正如约翰在评论中指出的,msdn的低带宽视图实际上相当不错。好电话 John Weldon 我以前从来没有看过它(很可能永远也不会)。谢谢!

Paddy 15 年前

你需要向别人演示你的产品才能卖吗?或者它是一个独立的站点。我想,如果你正在演示一种出售产品,眼糖可以帮助人们记住你在卖什么。

看起来圆滑会让人觉得你的产品更“专业”。

John Weldon user3678248 15 年前

我非常喜欢msdn支持的新的“低带宽视图”。我想把它想象成网站上更常见的标准。

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

Antony 15 年前

但如果我坐在用户椅子上, 我会尖叫,“给我看看页面已经打开了!”

我认为,最简单的方法来确定你的过渡是否有用,就是问你的用户。对于任何想要用来改善体验的用户界面技术,都是一样的。

我认为经验法则是困难的,因为不同的应用程序(无论是否基于网络)有不同的受众、不同的使用预期等。

Tom Leys 15 年前

动画还有助于将用户的注意力吸引到屏幕的一部分。仔细使用,可以使系统更容易使用。一些视窗中的眼药水只是为了减缓速度,迫使用户等待。在Windows中滚动菜单的最大问题是,我已经知道要查找什么以及在哪里找到它。菜单只是增加了一个延迟。这在你的网络应用中可能不是真的,因为用户正在探索你的系统。

如果一个系统很吸引人,并且表现得很好,它会让用户心情更好,让他们更有信心解决问题。当一个问题出现在“我该怎么做XYZ”中时,他们会发现这个问题更容易解决。将时间和精力投入到使用户界面更好的工作中,不仅可以获得更好的用户体验,还可以获得更好的营销形象。它也让你为系统工作感到自豪,这对于拥有一个伟大的产品至关重要。伟大产品的标志是开发人员自己定期使用的标志。

AdamC 15 年前

只有一条真正的规则…唯一知道答案的人是你的潜在用户。因此,您需要离开并从潜在用户那里获得这些信息,以便尽可能地了解他们对您的网站的期望。

如果它是一个已经在开发中的产品,你可以随时去获取一些用户和测试资料。

另外,需要注意的是:即使我们假装Web应用程序与应用程序相同…它们不是,至少在概念上在我们的大脑中。人们期望应用程序和Web应用程序之间的工作方式不同,即使只是细微的差别。使用分页的例子。很可能,如果您使用分页编写完整的应用程序,您可能会期望非常快速的转换。但是,因为它是一个网页,所以你的大脑中会出现一些东西。

编辑:如果你想读一些关于交互设计的书,你可以试试艾伦·库珀的《脸谱2.0》,露西·苏奇曼的《定位行动》,或者在可用性网站上搜索。

Keith Bentrup 15 年前

在浏览了亚马逊网站上提到的其他一些书之后,我也遇到了 "Don't Make Me Think" . 虽然我还没读过这本书,但我读了很多评论和节选,看起来很不错,所以我要把它添加到列表中。

marknt15 15 年前

我喜欢网络应用效果和眼糖。只是不要让它“过度杀戮”:)

Sasha Chedygov 15 年前

基本上,如果你的网络应用是独一无二的,你不相信你会有太多的竞争,那么眼糖果是完全不必要的,因为人们会使用你的服务,不管(因为它是唯一的一个)。然而,如果你有很多的竞争,一个好的设计和漂亮的动画肯定会吸引更多的用户,因为你需要一些东西来打动他们。

一般来说,只要它不影响可用性,就去追求它。:)

Rick J 15 年前

这取决于你想通过网站实现什么。我们为一些品牌制作了一些网站,这些品牌都要求以牺牲性能为代价来购买眼糖。

John Topley 15 年前

眼睛糖是非常重要的。但绝不会妨碍良好的用户体验。有一种观点认为(这种观点正在慢慢改变),吃眼糖会给用户带来良好的体验。

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