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

212
votes
4answers
15k 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 ...
6
votes
3answers
628 views

Should animations pause on mouseover?

Should animations pause on mouseover? I have my opinion, but I was wondering if there was any evidence to support/refute the idea that users expect this to happen. EDIT: I'm specifically concerned ...
2
votes
2answers
1k views

What software is used to create GUI concept videos?

If I was to create a video of a GUI concept video with animations, what software is best suited for that? The focus would be applications for mobile devices or screens integrated in homes, cars etc. ...
11
votes
11answers
2k 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 ...
14
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 ...
2
votes
2answers
126 views

Animation on Handheld: How Much is Too Much?

In web applications in the 1990s, it was pretty common to see animation (animated gifs, marquees, etc.) -- since then, the industry has pretty much established this as a no-no for (professional) ...
2
votes
7answers
354 views

Deliverables: Animated Movies - what to do when a clickable wireframe is not enough?

Since I started working for a think tank I am often confronted with the problem that my standard set of deliverables are not sufficient to describe a vision. I often need to highlight the context ...
4
votes
2answers
518 views

When is it appropriate to use fading animated messages for feedback and notification.

To clarify: these are messages (text or symbols) that appear right at the point of interaction, and then float away and fade out. You see this kind of animation when adding people to your Circle in ...
14
votes
6answers
581 views

What is more pleasing to the eye fade in or suddently appear

I have a pop up menu. What is said to be easier on the users' eyes? Should I just have it appear immediately using visibility = true or should I have it fade in using opacity animation?
1
vote
1answer
257 views

Best way to switch between views with different navbars

On the iPhone, when a set of views have different colored and textured navigation bars, what is the best way to animate in the new view when the user taps on a tabbar icon? Should the new fade in ...
6
votes
4answers
138 views

How should cancelled animations behave?

How should an animation behave when it is cancelled/changed? For example, let's say I have a button in my application that triggers the visibility of a tool panel. When the panel is shown, an ...
7
votes
1answer
331 views

How to define interactions and animations in an extensible way?

The whole question, summarised for answerability: How would it be best for a designer to define really complex UIs? Would it be a good approach to map how the mental creative process works, into ...
3
votes
1answer
485 views

What examples are there of animated toolbar icons? [closed]

Are there applications (including web applications) that have animated toobar icons? I would imagine they would only animate on hover/mouse over, but I'd be interested to show someone this so we can ...
11
votes
9answers
2k 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 ...