176
votes
Why are animations out often neglected, even from Google?
Animation is used to draw focus to objects. It makes less sense to draw focus to an object the user is no longer pointing to (and thus, is no longer interested in focusing on), than to draw focus to ...
- 1,466
111
votes
How to convince a client that the website doesn’t need to be too animation-driven to stand out?
Don't be so arrogant as to call yourself "right" and your client "wrong." Concentrate on the problem the client has given you, not the solution. The problem is that everything seems static, boring, ...
- 1,429
81
votes
How to convince a client that the website doesn’t need to be too animation-driven to stand out?
Wow factor is not always helpful
Without the specifics it's hard to tell whether animation is going to be suitable for your site, but here are some common arguments for not using animation:
...
- 40.9k
56
votes
Accepted
YouTube Premiere countdown animation
This image is know as test card (or test pattern) and was originally used as a TV test signal. Before 24/7 TV, it was typically shown when the regular broadcast ended. In its beginning it used to be ...
- 8,756
50
votes
Accepted
How to convince a client that the website doesn’t need to be too animation-driven to stand out?
To me, the most crucial problem here is that your client wants to see the site as HE wants it, not as users want it. He finds his perspective more important than the users' perspective. It doesn't ...
- 4,938
37
votes
Why are animations out often neglected, even from Google?
I don't think it's a design decision; I think they're neglected because, at least in web development, they're kind of annoying to implement and don't contribute enough to the UX to make them worth the ...
- 480
18
votes
How to convince a client that the website doesn’t need to be too animation-driven to stand out?
What are you trying to solve?
From a UX point of view, your heart is in the right place: any animation that solves a problem is welcome. For example, if you press one of the icons on iOS they will ...
- 1,000
17
votes
Why are animations out often neglected, even from Google?
Pay attention to the fact that the three examples above are all functional animations but serves a different purpose.
The first two examples acts like a modal box pop up. User opens a box and expect ...
- 171
16
votes
YouTube Premiere countdown animation
Like the floppy disk icon commonly used to represent the feature of saving for most of the digital products, the animation visual you mentioned was the opening screen for channels to set up ...
- 1,722
13
votes
How to convince a client that the website doesn’t need to be too animation-driven to stand out?
A web site is not like a magazine cover or print ad which may be what your client is thinking. It doesn't need to draw the user's attention because if someone is at your website, they came there ...
- 249
10
votes
Is there a particular UX benefit of the Android Marshmallow boot screen preloader?
This type of loader may not be overkill, in it's context. If this was a loader for something within an application for completing a simple task, then I'd say there is definitely too much going on, but ...
- 797
9
votes
Accepted
Should the sun rise from left or right side?
I don't know where the sun rises in a screen animation, but I do understand that the movement of the sun indicates the passage of time.
Our generic indicator of the passage of time is the clock. The ...
- 17.8k
8
votes
How to convince a client that the website doesn’t need to be too animation-driven to stand out?
It depends on what kind of animation you mean by "Flash-like" animations.
If you mean "a lot of spinning doodads and scrolling marquees that do nothing," then your client is almost objectively wrong (...
- 181
8
votes
Office 2013 smooth cursor while typing
Any time you design a feature you can't deliver, you're spreading bad UX. And if you're delivering a feature you haven't successfully developed, you're spreading terrible UX.
This video shows what a ...
- 445
6
votes
Office 2013 smooth cursor while typing
There are two problems. The first is the visible delay between the instance typing stops and the cursor moves, the second is that instance where the cursor appears above the text.
Optimisation of ...
6
votes
Are Animated Images considered bad UX?
Animation is fine when it's needed, for example to provide feedback in response to a user action, or—in first/early experiences—to help users understand the mental model.
In my opinion, a perpetual ...
- 6,386
6
votes
Office 2013 smooth cursor while typing
It all begins with system capabilities. In last couple of years the external graphics drivers are playing a huge role in improving system performances by GPU Accelerated Computing Systems.
Cursors ...
- 16.2k
6
votes
Accepted
What makes Reverse scrolling a sign of Bad UI?
I wouldn't say it is always a bad UI design, but scrolling is one of those things that should not be counter-intuitive and behave in a way the user does not expect.
On a touch device, for example ...
- 1,379
6
votes
Accepted
What software would most commonly be used to create this UI animation from dribbble?
I'm going to lift a quote from an answer over at DesignerNews:
Framer, After Effects, Cheetah 3D (yes, really!), Hype, Photoshop (for
hacky GIFs), Quartz Composer and Form are all worth taking a ...
- 4,629
6
votes
Is it a good idea to show progress indicator inside a button?
Go for it. One of the added benefits of showing immediate feedback in the button being interacted with is a reduction in duplicate form submissions. This can be really helpful in ecommerce instances ...
- 71
6
votes
Accepted
Pulsing to grab attention
I would be wary of having something pulse on the screen with no way to make it stop. This kind of animation can be very distracting. I would caution you to not "annoy" the user into signing in.
In a ...
- 19.4k
6
votes
Accepted
Why are websites so poor in terms of transition & animation compared to native apps?
There are a lot of assumptions here and a lot of reasons on why, I'll try to break it down:
It's a historic thing
Animations as we know today, from complex Bezier-smoothed transitions to dialog pops ...
- 246
5
votes
Optimal duration for animating transitions
According to Google's Material Design guidelines:
Larger animations on mobile devices are 300-400ms long. Smaller
animations can be as short as 150-200ms. Animations longer or shorter
than ...
- 121
5
votes
Is there a particular UX benefit of the Android Marshmallow boot screen preloader?
I liked it more than
or older Android default preloader theme because
Window 7 theme is pretty boring after a few views since there is only one animation and it does the same thing every time.
This ...
- 2,185
5
votes
Are Animated Images considered bad UX?
Choosing the best methods of portraying information (be it a gif or not) all boils down to the reason, design and implementation.
The example you linked to is indeed at first glance spammy and tacky ...
- 6,113
5
votes
Accepted
How long should a loading spinner take to do one rotation?
There are some comments on the question which are quite telling - some people can get stressed or anxious when they have difficulty following the motion of an animation or sequence.
Yes, there is ...
- 70.9k
5
votes
Mobile ui design - Scrolling effect to hide navbar and show it on scroll up
This types of NavBars are known as Pit bars according to this answer.
- 51
4
votes
How to convince a client that the website doesn’t need to be too animation-driven to stand out?
'Perception is reality'
Your client's perception is that the website is 'static, boring and typical'. It may be hard, especially if your team has spent a long time on this design, but in order to ...
- 771
4
votes
Element transition between tabs
I think the two main things to consider here:
1) How helpful is the staggered transition compared to the simple?
2) How does the animation affect long-time users vs short-term users?
For number 1, ...
- 243
4
votes
Accepted
What are main disadvantages of decorative animation and when it is a good use and when it is not?
I think above all animation should have purpose and style.
Some websites have gone overboard and added all the parallax animation they could fit on their website. Elements that swoop in from the right ...
- 9,344
Only top scored, non community-wiki answers of a minimum length are eligible