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

1
vote
4answers
198 views

Are Animated Images considered bad UX?

I read that animated gifs are making a come back but when i saw this on a private business website to get attention to a new feature, put me off. Copy of the image : ...
7
votes
3answers
147 views

Should the input for a new item of a wishlist be at the top or the bottom of that list?

I was working on an idea for a public wishlist web app that a user will be able to manage: "New item" is an input field that gets focus by default. Right now when I enter "5th Item" and press Enter ...
0
votes
0answers
22 views

Is there a standard speed for the slide out drawer menu in Android and iOS? [duplicate]

Most apps with hamburger menus have an animation as the menu slides open and closed. I am wondering if there are any standards or recommendations for how fast or slow the animation should be.
2
votes
2answers
60 views

When do hover animations become a distraction to users?

I'll often visit beautiful websites with hover animations on links that become distracting to me, and I've noticed that I just play around with the animation and don't even end up clicking the link. ...
0
votes
0answers
11 views

How to Present Animation (Functional Animation) in the wireframes? [duplicate]

As a UX designer we design an interface in wireframe stage or a storyboard. We imagine few things in our mind while designing interface, things like animation, sliding images, light box appearance, ...
1
vote
2answers
53 views

How to best spec animations/transitions for engineering team handoff

I have an app prototype built using Pixate which demonstrates the entire flow of the app I am working on. There are transitions between views and animations for certain elements on the page. I have ...
-1
votes
1answer
46 views

Are there any web presentation systems that does this? [closed]

I've created a framework that translates XML into visual graphics. I want to showcase the main features of my framework on the web and wonder what the simplest approach would be. I'd like to show XML ...
8
votes
6answers
380 views

Animated scroll vs jump for a “back to top” button

I am looking at implementing a back to top button for documentation pages that tend to get very long. The button will be shown in a fixed position at the bottom right of the screen. My question is: ...
0
votes
0answers
15 views

Animation speed (formula - size/speed)? [duplicate]

I am looking for resources on animation speed, specifically around the speed of a reveal. Besides the basic foundation of not interrupting user interaction, is there a good standard? I believe I ...
35
votes
14answers
5k views

Slow down job for better progress animation

So, I am in a situation where I am developing an internal application that executes a list of many task items, some of which have multiple steps. For each task item, I also have a progress bar. Well, ...
1
vote
1answer
48 views

Is animation in slide presentation distracting from the content?

Me and my partner are creating a pitch deck that will be used to present o investors for less than 10 minutes. We follow the rule of thumb of having a smart presenter and dumb slides. But, my ...
1
vote
1answer
141 views

Usage of animated buttons and effects on user experience

I see more and more animated buttons in service oriented web applications, especially in registration and completing an action. In the literature of persuasive psychology, moving objects are used for ...
0
votes
0answers
131 views

Playing from a frame with a stop() in Edge Animate

I have a relatively simple two-part UI animation that I am trying to prototype using Edge Animate. It is a button that has both a hover state and a "clicked" state. I am using color transitions for ...
2
votes
1answer
128 views

How to indicate an element is loading without animation?

I'm working on a product detail page that contains a 'Table of Contents'. Due to some not so great API work, I'm in a weird situation. It takes between 10-20 seconds for the app to check if there is ...
1
vote
1answer
195 views

Responsive navigation menu: With or without animation?

When it comes to responsive navigation patterns, I often find myself using the "slide down pattern": Source Now there are at least two ways to build something like that: With slide animation ...
2
votes
1answer
149 views

Choosing which easing to use in interactions? Any Standard?

I've researched the web a lot for this and have come up with a very small list. Almost all iOS Apps and most current Web Apps use some form of easing or another. Interactions & Transitions are ...
0
votes
3answers
166 views

when do we need animation in UI

In the design workflow, when would be an appropriate time to think about ui animations? It seems to me many of the times animation is a nice to have feature. How do you make a decision that something ...
3
votes
3answers
205 views

Is it manipulative to animate call-to-action buttons on a webpage to encourage a specific action?

Carousels and other animated banners on websites (for example promoting special offers) are supposedly bad for UX as the sliding animation draws the users' eye from whatever it was they were ...
0
votes
0answers
92 views

Any reason to avoid “symmetrical” animations in complementary actions?

As an example, in the last Google Hangouts (desktop) version the show/collapse window animation when clicking the "„" button is different. When you open it, it doesn't have any animation, but when ...
3
votes
1answer
180 views

Office 2013 smooth cursor while typing

The cursor movement has been animated in the Office 2013. (I'm not sure if it affects some other applications too.) Basically the cursor moves smoothly as you type now letters. Apparently this is ...
4
votes
5answers
343 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 ...
3
votes
1answer
157 views

Loading GIFs, too many or too few

what are your opinions on loading gifs or spinners? I have some pages on my site that take a second to load up, and I am tempted to have a translucent overlay and spinner, but it looks irritating I ...
0
votes
1answer
160 views

Favorite - unfavorite buttons and animations

I'm designing a web app that allows registered users to favorite / unfavorite quotes. I'm not sure if I have a comprehensive approach for a user. You can view or download a short movie clip that ...
1
vote
2answers
109 views

Undo/Redo with visual impact

Undo/Redo in a product-painting-webapp shall be tuned by animation. If the user click undo/redo i have both painting's, the actual and the to-be-actual painting. One painting is a multi-page painting ...
1
vote
0answers
146 views

Who creates the animation in the UX design process? [closed]

In those apps like Path, Paper, animation can be a important part of interaction.Is animation design the interaction designer's job or the UI designer's? Sometimes both designers have ideas about ...
0
votes
2answers
94 views

Animating items as they come into view

What are the good usability and UX guidelines when considering animating elements when you scroll down the page and they come into view? For example, this template - ...
4
votes
4answers
2k views

Question for UI/UX designers re: prototyping UI animation

I am a motion graphics designer (previously: motion graphics for TV, games, etc), but more recently, I worked on prototyping UI motion for an app - which I really enjoyed! I have mainly used After ...
1
vote
4answers
1k views

Scrolling Checkerboard Background for Transparent Images

Almost all image editors have the following checkerboard background for showing transparent images: My app lets users view transparent images (only view, not edit) with a background of their ...
2
votes
2answers
252 views

Overuse of JQuery animation; hiding text behind (animated) headers - how to make a case against it?

A client I'm working with wants to implement a "peekaboo" block where information is revealed when a client rolls over headers, (basically an image-block JQuery accordion) as shown here: (in the ...
3
votes
1answer
110 views

Rich interaction experience in forms

The guys say that by adding their animation plugin the experience is improved: https://medium.com/ui-ux-articles/3d1b0a9b810e Now, of course it is prettier, but what about the whole theory of ...
0
votes
2answers
82 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 ...
3
votes
1answer
143 views

How can I choose positively reinforcing sounds/animations?

I'm building a todo-list app. Anybody working with todo-lists know there is a strong sense of achievement when ticking that box and watching the item disappear from the list. I want to reinforce that ...
2
votes
2answers
197 views

Fast / numereous animations. Possible Epilepsy / Seizures from website game?

I'm building a pretty simple Question and Answer game. It's in the beginning stages now, but I would like to know what your thoughts are on the background animation I currently have. 1) Is there too ...
1
vote
1answer
221 views

Name of animation like coverflow [closed]

I'm looking for a jQuery plugin that can reproduce the animation on the picture. When I click on "next" in the popup, the first page fades out and the page behind goes on the top. I think it's a kind ...
1
vote
1answer
315 views

Preloaders for Web Pages?

I've been debating if I should add a preloader to my page that hides all of the page's content until it's loaded. Once it's loaded, it fades out a full-screen overlay to reveal the site. Is that delay ...
0
votes
1answer
93 views

How to measure ux for animation effects on mobile

My question is if there is a framework or some other way to measure user satisfaction and experience for an touch interaction followed by an animation effect on mobile features. Take as an example ...
2
votes
3answers
510 views

Does including background animation or motion in an application increase user engagement?

I'm interested why top game companies put a lot of "background" animations in their games - has it been demonstrated to increase user engagement? Does it take longer for a user to get bored of a game ...
4
votes
5answers
235 views

Is there any underlying rule/paradigm for UI that prefers LACK of animation, as in a game?

There are plenty of questions/answers discussing when/where to optionally include animation in an app. Now it comes to the point, there is almost ubiquitous animation all over media. Even a few ...
3
votes
2answers
423 views

Clockwise or counter-clockwise loading animation

Is there any rule for using CW or CCW loading animation? Does CCW animation means "slow" or "rollback" or something? Or maybe CW direction means going forward, straight direction etc? UPDATE: due ...
1
vote
2answers
158 views

How fast should a user-initiated horizontal scroll be?

I have a bunch of athletes that have their faces linking to their bios. On desktop computers where users don't have the ability to touch-swipe, arrows take over the job. Click here for a working ...
5
votes
3answers
240 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 ...
2
votes
2answers
252 views

Floating animated message vs. confirmation message. When to use each?

Some pre-clarifications: By floating animated messages I mean the Firefox style messages usually appearing bottom right of the window, for example, when a file downloaded successfully. By ...
2
votes
1answer
114 views

With respect to creating circles, what are the pros and cons of the following methods? [closed]

I am making a website in which the home page will have 5 circles each linking to a category of items (e.g. cities, phones, etc.). The user will click on circle to go to the specific page for that ...
0
votes
1answer
69 views

Use of animation in a projector presentation [closed]

Q: Is it a good idea to embed GIF or other animation into a Powerpoint presentation? I am working on a 50 minutes technical presentation and trying insert some "breaks" after each 10-15 minutes. The ...
13
votes
8answers
5k views

Why are spinning animations typically used for loading sequences?

This question is asking about why spinning animations tend to used as "conventional" indefinite loading animations - it is not asking why a particular software/app/OS uses a spinner. Also the ...
0
votes
1answer
158 views

Help! 'Saving' animation for edits that are saved on change (without clicking a save button) [duplicate]

I can't think of great examples on the net (comparisons to draw, that is). You've seen the feature before though. You are making an edit to something--say, a setting. And when you make the change, ...
5
votes
4answers
265 views

Will animated feedback be annoying or nice?

I'm developing a website called Fablelane which allows you to write your own stories and have others contribute outcomes or "chunks" to that story. Right now (if you go to the website), there's an ...
0
votes
0answers
54 views

Mobile pattern library with animated IxD examples? [duplicate]

Can anyone suggest a blog or pattern library that demonstrates interaction design examples? Everything I've seen to date uses static screenshots, but nothing that actually animates the interactions or ...
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 ...
1
vote
3answers
109 views

loading new view from which direction ? L2R or R2L?

I've been developing mobile apps using sencha touch for quite a time now. In that, whenever a new view is to be loaded, default animation direction is from Right-to-Left. This can be seen in android ...