TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Interfaces: Advanced Easing

21 点作者 EricButton超过 3 年前

4 条评论

zestyping超过 3 年前
In most apps, transitions like these tend to be painfully slow. A 300-millisecond transition animation blocks the user just like a blocking system call stops a running process; it forces them to do nothing but stare at your animation, because they can&#x27;t read or target any UI elements until they&#x27;ve stopped moving.<p>You wouldn&#x27;t randomly put &quot;usleep(300000)&quot; in your programs, so why punish your users by blocking them in the same way?<p>Yes, I understand that it&#x27;s pretty. But often, I think, as designers we can be so enthralled by the beauty of our creations that we appreciate them as art and forget the perspective of a user who is simply trying to find the answer to a question or get something done.<p>In the vast majority of situations, no transition is necessary. As a user, I don&#x27;t want to wait 300 ms to do the next thing. Don&#x27;t make me wait. If I must wait, keep the delay under 100 ms so that the system feels responsive.<p>This is Webflow, a website building tool, so its design choices have a bigger impact; they affect the design of many websites. I would argue against making it trivially easy for website designers to force their users to wait. If the user really does want a transition, use a shorter default duration, like 100 ms.
评论 #29294809 未加载
评论 #29294876 未加载
评论 #29294755 未加载
underwater超过 3 年前
My rule of thumb is that animation is something you only add to your designs <i>when it&#x27;s already good</i>, and when you really know what you&#x27;re doing.<p>If you&#x27;re relying on animations to hide jankiness or spruce up a design it&#x27;s probably not going to work. If anything, it will probably make things worse. For example a delayed response to an interaction feels like a slow application, not a smooth one. This is especially true on the web where many animations run on the main thread and compete for resources with whatever is causing slowness.
smitty1e超过 3 年前
Wow. I rejoice that someone is passionate about this UX finery.<p>Because I&#x27;m found at the far end of the stack.
satyrnein超过 3 年前
My main takeaway is &quot;make the whole thing clickable&quot; as several of the animations show missed clicks trying to find the invisible click boundary.