Here’s what I’ve learned from designing 10,000+ UI screens as a lead product designer. (medium.com)
almost 5 years ago from Jon Moore, Product Designer
almost 5 years ago from Jon Moore, Product Designer
'2. No one cares about animation.'
Useless animations are useless. If you think of animations as simply adding a bit of visual flair, then absolutely, your time is much better spent elsewhere.
However, there are also 'world class' products that work great in big part because of their animations. The best example of this is iOS and macOS.
The animations in iOS add context and create a sense of spatial awareness within the environment. Things don't simply appear and disappear out of nowhere. They come from somewhere and they go somewhere. Just like the world we live in.
Take as an example the simple interaction of opening an app from the home screen and going back to the home screen. It might seem obvious that the app icon actually expands to fill the screen and becomes the app, and goes back into its place in the home screen. As if it's really the same object. It's as if you're picking up an item and bringing it closer to your eyes. This is an extremely deliberate design choice.
These interactions make intuitive sense to humans, because it is consistent with how the rest of the world around us works.
I do understand your point, that without a product in the first place it's hard to be successful. At the same time, I don't think that adding in animations that help the user understand the context of your application should actually take that much time to do in the first place. And it is exactly the type of thinking that "animations add no real value to our product" that also holds us back from achieving that with better tools. When was the last time you used a web app that had anywhere close to the same fidelity of animations as iOS?
As an example, I've seen few (if any) web apps that animated items entering and leaving a list. This has been standard in iOS for years. If you delete an email from your inbox, it doesn't instantly reload the list. This would mean that the user now has to reorient themselves. This increases cognitive load. I don't believe that is the best use of your users energy.
If Apple replaced that with an instant reload of the list or some sort of fade-in and fade-out of the list, I think most of us would be a little bit confused as to why.
So if we can accept that this is bad user experience, why are we fine with the same, or worse, happening on the web or anywhere else really?
It's true that good user experience doesn't always correlate with business success, and yes, some products are successful despite their bad user experience patterns. But surely as designers and engineers, we should strive to provide a better experience and push our craft forward? And yes that is hard now, because we don't really have great tools for it. Building User Interfaces still takes too much time in my opinion. Adding sensible animations should also not require that much effort (especially looking at you, ReactJS).
The right approach in my view is not to say 'this is hard, and lets not do it.' My strong belief is that we should strive to push our craft forward and strive to build better user experiences.
Hey Riho!
Thanks so much for this thoughtful comment. I wholeheartedly agree with you that animation is important, and can certainly improve the user experience. iOS is a great reference point because the animations disappear into the background...they're not just flair for the sake of being flair.
In articles like this, I tend to exaggerate a little bit knowing that readers will dilute the insights and takeaways anyway. A polarizing statement like "animation doesn't matter" tends to stick with you longer, and in the long run, hopefully makes you more thoughtful during execution.
Designers at our agency use animations in their work all the time, but never before finishing a page. I think that was the biggest point I was trying to make, and from your comment, it seems like you got that :)
Thanks for adding to this discussion! I hope people come across your comment and give it a read through. Nice work.
Everything on here is very real, and pretty legit tbh, even if this whole article is pretty much an ad for UX Power Tools.
'Design is how it works', etc etc.
Btw, I would be much more into a tool/product like Design Power Tools if there was a version that used standard components and available for multiple platforms. Design Power Tools is too opinionated design-wise, and in reality it's essentially a wireframing tool (albeit a useful one). I'd easily drop $150-$200 on something that used standard (ie Apple/Material/OSX) components that I could then customize to my liking.
Much appreciated, Jimmy. And of course there was some motivation to push a product of mine; I won't deny that :) I always try to balance an "ad" with actual useful content, so hopefully I accomplished that.
Could you explain a little more what you mean about UXPT being too "design opinionated"? We tried to make it intentionally vanilla (without being ugly) so that you could customize it however you want.
I'm biased of course, but I've used UXPT on over 40 client projects for full-fidelity design work, so it's certainly (for me, at least) far more than a wireframing tool.
Thanks for your comment!
I don't mean to say wireframing is low fidelity, you can wireframe at pretty high fidelity and then add on custom touches later.
What I'm referring to is that if I look at the mobile oriented UXPT, they are clearly kinda geared towards iOS, but don't use standard iOS components. These are clearly components that were designed by UXPT.
I'd love a version that looks like something that came from Apple's standard native components, similar to what Sketch ships with, but much more robust.
Same goes for Android, which in my experience is very underserved by these design libraries.
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now