175 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 ...
Rotem's user avatar
  • 1,456
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 ...
greenforest's user avatar
  • 8,776
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 ...
cdrini's user avatar
  • 480
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 ...
Amit Daliot's user avatar
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 ...
Erhan Yaşar's user avatar
  • 1,750
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 ...
Cody Brantley's user avatar
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 ...
Danielillo's user avatar
  • 18.8k
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 ...
rmarti55's user avatar
  • 445
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 ...
Austin French's user avatar
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 ...
Dipak's user avatar
  • 16.2k
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 ...
Babalwa Mehlomane's user avatar
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 ...
Dirk v B's user avatar
  • 4,639
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 ...
Paul Gebel's user avatar
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 ...
maxathousand's user avatar
  • 19.5k
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 ...
Nick's user avatar
  • 246
6 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.
Neel's user avatar
  • 71
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 ...
gurvinder372's user avatar
  • 2,185
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 ...
Lachezar Petkov's user avatar
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 ...
Roger Attrill's user avatar
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, ...
NachoDawg's user avatar
  • 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 ...
Paul van den Dool's user avatar
4 votes

Should the sun rise from left or right side?

I just want to point out one big thing with your line of reasoning; The sun rises from the east, on the vast majority of world maps, that's to the right. The vast majority of people live in the ...
PixelSnader's user avatar
  • 8,321
3 votes

What is the optimal frame rate for an animated GIF (video like experience)?

Unlike video files that usually only support a constant frame rate, there’s an individual delay between frames in the animated image file formats like AGIF, APNG‌¹, MNG or SVG+SMIL‌². This (and often ...
Crissov's user avatar
  • 2,508
3 votes
Accepted

Aligning UI animation and interaction to brand identity

I'm not sure if there is a guideline on brand animation but I have a gut feeling that there is none, I could be wrong though. My personal approach to animation is to identify the brand keywords. I ...
adamsoh's user avatar
  • 1,797
3 votes

Office 2013 smooth cursor while typing

There is definitely good evidence of how animation can enhance (or negatively impact) the usability of screen elements and controls. However, I think to properly answer your question, no, I do not ...
Mattynabib's user avatar
  • 3,406
3 votes
Accepted

Expressing brand personality in the UI with animation

If we are discussing this from the perspective of doing the brand mascot I would tackle it as a two-fold process: 1. Mascot design, which will involve the character design process You will need to ...
Zoe K's user avatar
  • 4,958
3 votes

Expressing brand personality in the UI with animation

I think you can check mailchimp's example. When you completed your email campaign on their platform, their brand character chimp will shows up and give you a high-five. I don't remember if the chimp ...
Chiali Tsai's user avatar
3 votes
Accepted

Is there a name for this loading animation?

They're called Preloaders. I originally googled for 'Ajax loading animation' to find that out. Plenty of results: Ajaxload - Ajax loading gif generator loading.io - Your SVG + GIF Ajax Loading Icons ...
SNag's user avatar
  • 9,967
3 votes

Why are animations out often neglected, even from Google?

Opening animation If the UI layout changed suddenly, like when there is no animation and the change happens fast as it happens in modern PCs, then the user would be hit by the "What did I break?!" ...
Juan Lanus's user avatar
  • 3,369
3 votes
Accepted

What’s the point of the fadeUp animations on website landing pages?

First, let's call things by its name: in this case, when you say animation, you mean transition Not everything has to have a function, aesthetics values usually mean more than function (sad but true)....
Devin's user avatar
  • 37.9k

Only top scored, non community-wiki answers of a minimum length are eligible