movement of elements on a screen that can help solidify their relationship, create a visual appeal or rearrange/remove controls or information presented visually

learn more… | top users | synonyms

226
votes
4answers
18k views

Why do progress bars animate backwards?

Gmail's new loading bar drew my attention to this today: The colored pattern inside the bar animates from right to left. The Mac OS progress bars do the same: Is there a reason for this? If I ...
15
votes
6answers
2k views

Blinking, bouncing and flashing elements

I'm responsible for the UI/UX in a software development company. During my absence, some developers decided to implement a "bounce" effect on a button of a website that they think should have more ...
7
votes
5answers
1k views

Optimal duration for animating transitions

Is there an optimal duration for animating subtle transition effects? 150-250ms usually seems about right to me for most effects. Is there any research to confirm that this is good for most users or ...
11
votes
11answers
3k views

How can animations be depicted in wireframes effectively?

I came across a question on Quora about jQuery animations in wireframes, which got me thinking about the general conventions in depicting any animation in static wireframes. I've been using either ...
11
votes
9answers
3k views

How and when should you use animation in your application?

Sometimes applications can benefit from animations in the UI. What tips do you have for determining when you should use animation? How can you maximize the usefulness of animations and avoid ...
13
votes
4answers
7k views

How fast should a banner rotate on a website?

Are there any studies or published de-facto standards on how fast the slides of a carousel should change on the homepage of a website? Here are some examples of sites that incorporate carousels at ...
5
votes
3answers
248 views

Is perpetually animating a button an acceptable method for indicating that it has been activated?

I work alongside a client and another designer. We currently have menus that open via button taps. After tapping the buttons, the client and other designer have decided that said buttons should ...
13
votes
6answers
2k views

If you can't improve loading time, is distracting the user a good technique?

On several implementations I've worked with, loading times can be as high as four seconds for the start page. When all reasonable options are done, is it possible to distract the user to make the ...
7
votes
6answers
647 views

Expressing brand personality in the UI with animation

Working on giving some character to the APP UI by coming up with some animation presets. These could be used on various elements of the app and will be included in a style guide. Hope to follow a ...
13
votes
6answers
825 views

Why are nested elements scrolled to the opposite direction?

My question is about scrolling conventions, and spatial scroll conventions in general (even here it's only horizontal, but same applies for vertical scrolling). Looking at the below mockup, why is it ...
1
vote
3answers
238 views

Does animating statistical data make it easier to understand?

I'm looking at this presentation at Ted.com, and it uses impressive animated statistics: Hans Rosling: Stats that reshape your worldview Does using animated data make understanding statistical data ...
0
votes
2answers
96 views

Is there an optimal timing for gif animation [closed]

I have a few 500px by 400px .gif files that contain slideshow-like animations to describe how my website works. I set the frames to change between the rate of 500ms and 1000ms. I am wondering what is ...