显示列表元素添加/删除的最佳动画

发布于 2024-07-15 18:30:00 字数 196 浏览 3 评论 0原文

以视觉方式传达元素已添加到项目列表或从项目列表中删除的最佳方式是什么? (我追求可用性,而不是无偿的养眼)

  1. 向上或向下滑动其他项目以显示新项目或隐藏已删除的项目
  2. 淡入或淡出项目,但不要为其他项目设置动画
  3. #1 和 # 的组合2
  4. 根本没有动画
  5. 一些其他形式的动画

What is the best way to communicate visually that an element has been added to or removed from a list of items? (I'm going for usability, not gratuitous eye candy)

  1. Slide the other items up or down to show the new item or hide the deleted item
  2. Fade items in or out, but do not animate the other items
  3. A combination of #1 and #2
  4. No animation at all
  5. Some other form of animation

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

惟欲睡 2024-07-22 18:30:01

删除:

如果从列表中删除一个项目,您可以假设该项目是可见的(因为用户刚刚选择它进行删除),因此只需将其淡出(可能具有闪烁效果)。

添加:

如果将某个项目添加到列表中,那么滚动并不是一个好的选择,因为它不是用户直接启动的。 他也许必须向后滚动。 这将是一种具有穿透力的行为。
作为替代方案,只需在列表旁边显示一条闪烁的信息消息,表明新项目已添加。

Removing:

If you remove an item from a list, you can assume that this item is visible (because the user just selected it for removing), so just fade it out (maybe with a flashing effect).

Adding:

If an item is added to a list then scrolling isn't a good alternative because it isn't something that the user initiated directly. He maybe has to scroll back then. That would be a penetrating behaviour.
As an alternative just show a flashing information message next to the list, that the new item had been added.

眼趣 2024-07-22 18:30:00

我认为直接插入并逐渐(且缓慢)改变背景颜色就可以了……我发现它对 SO 本身特别有效。

I think a direct insertion with a progressive (and slow) change of background color would do the trick... I find it especially effective on SO itself.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文