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

0
votes
2answers
107 views

Is there a name for this loading animation?

I can notice this animation looks like an default pattern, because I've seen it at so many apps and websites. I would like to know what's the name of it but I can't find any results.
9
votes
4answers
546 views

Is it a good idea to show progress indicator inside a button?

Typical examples: http://msurguy.github.io/ladda-bootstrap Crazier examples: http://tympanus.net/Development/ProgressButtonStyles This is for a desktop app if it matters. Consider that the target ...
8
votes
3answers
119 views

Do users understand “Shake to say no” animations?

It seems to be more prevalent recently that a form or action that is deemed invalid will respond by shaking in horizontal "no" like animation. A simple example seen here: or: This can be seen in ...
1
vote
1answer
62 views

What are the variables needed for describing Friction, Elasticity, magnetism interactions in a UI

Preparing specs for developers of 'pull to refresh' and flick gestures. I'm trying to figure out how to spec these out. Compared to defining normal animations like movement with time and distance this ...
1
vote
1answer
82 views

What software would most commonly be used to create this UI animation from dribbble? [closed]

I wonder what software is commonly used to create this kind of UI animations. Click on the links below to see them in action (note that due to stackexchange.com, limitation I cannot show animated ...
4
votes
2answers
575 views

Creating a transition pattern library

I am looking to compile and apply a list of transitions/animations across a web application. Does anyone have any good examples of any existing transition pattern libraries out there? I know the ...
2
votes
0answers
75 views

Gif Animation Progress Bar for Windows 10 Desktop behaviour [closed]

I am designing a native application which pushes windows bundles to Windows 10 desktop. Once the bundles are pushed from the native application you can install them on your desktop. I need to give ...
6
votes
2answers
593 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 ...
0
votes
2answers
51 views

Delete picture from thumbnail

I have a little camera icon on the side of a view, for a mobile app. Right now, tapping the camera allows me to load a picture. After the picture is chosen, it replaces the camera icon as a little ...
0
votes
0answers
430 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
2answers
129 views

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

We would like to transform video files to animated GIFs, and still provide a "video like" experience with the least possible GIF size. Maximum GIF width is 600px and total size shouldn't be larger ...
5
votes
3answers
115 views

Present a brief animation inside a web page

Having a really hard time figuring out how to communicate features of my web application. The idea I had was for the user to be able to click on a "feature" and then an animation or video would do a ...
1
vote
0answers
69 views

Optimal mobile tap feedback animation duration

What is the optimal or a good duration for mobile tap feedback? Case: User taps a control/button and a comprehensive animation is used to tap show feedback. How long should it be? A similar question ...
0
votes
2answers
106 views

How to choose appropriate loading animation?

I am currently working on a project in which some screens require loading animation. Based on the information displayed after loading, I want to select the loading animation. There are several cases ...
4
votes
3answers
183 views

Aligning UI animation and interaction to brand identity

When coming up with a brand identity, designers will come up with brand guidelines, colors, font style and sizes, usage guidelines, do's and don'ts some brands like intel, macdonalds and intel even ...
62
votes
13answers
12k views

How to convince a client that the website doesn’t need to be too animation-driven to stand out?

I had a discussion with my client about a website revamp (it's an agency website). He’s a business strategist and not a web / UX designer. In the meeting, we showed him several websites (from ...
0
votes
1answer
175 views

What makes Reverse scrolling a sign of Bad UI?

My client needed to design a fully SVG animated website with reverse scrolling. But, I heard some people say things like: Try avoiding Reverse Scrolling, It's a sign of Bad UI design etc... What ...
7
votes
6answers
693 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 ...
8
votes
5answers
487 views

Is there a particular UX benefit of the Android Marshmallow boot screen preloader?

Was pretty amused with the boot screen for Android Marshmallow, using 4 separate animations as preloaders. Would you consider this an overkill or is it better than having a single loading animation?
1
vote
0answers
136 views

What are the types of user interface models used in mobile apps [closed]

I'm working on revamping the UI for our mobile app and preparing a presentation explaining the various kinds of UI models out there. As I'm a self taught designer so I'm not familiar with all the ...
1
vote
4answers
206 views

Show loading animation while pre-loading page or load page and show animation while loading data?

There is a simple button. When it is clicked some data is loaded and displayed to the user. It may be some images or data that requires some processing time before it can be displayed and can't be ...
2
votes
0answers
53 views

Are there good resources for creating a compelling motion graphics / interaction design for a website? [closed]

There are several resources on how to simplify websites… that means know the purpose of the website and go straight to the point in a clear manner. Here are some examples (typically for web ...
4
votes
5answers
138 views

Are there good practices to verbally describe the animations in your site before coding starts?

Is there a process, tool, prefered method to describe css animations, forwards and backwards, before you start coding them? I lose a lot of time describing the animations and/or picking up feedback ...
2
votes
3answers
287 views

What are the “spinning dots” in Windows supposed to represent, and why do they stop?

For some time now Windows has used the following animation to indicate some task is being performed: This image seems odd. It starts as you might expect, but on the second revolution the dots ...
-1
votes
1answer
71 views

When should animation animate when scrolling?

I like using animations that happen whilst visitors are scrolling down my site. In order to do this, I need to set a height for at what stage of how far down they have scrolled, to create an action to ...
2
votes
1answer
104 views

How to design animations for a tiled layout?

I'm working on a b2b application that uses tiles to show a collection of items. The tiles have fixed dimensions, and fill up all available horizontal space before going to the next row. There may be ...
4
votes
3answers
382 views

Does the hover functionality on Netflix's website break UI best practice?

For example: My explanation of what's happening in the gif: When a title has been hovered for a short amount of time, that title expands, pushing other content off the screen and grabbing the user'...
2
votes
4answers
390 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 : http://postimg.org/image/...
2
votes
2answers
299 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 ...
7
votes
3answers
205 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
28 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
81 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. I'...
0
votes
3answers
222 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 ...
2
votes
2answers
373 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 ...
0
votes
0answers
100 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 "...
-1
votes
1answer
54 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
772 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: ...
2
votes
1answer
276 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 ...
9
votes
5answers
2k 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 ...
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
84 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 ...
6
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 ...
3
votes
1answer
172 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
362 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 ...
3
votes
1answer
228 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 ...
3
votes
3answers
341 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 reading/...
4
votes
5answers
255 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
1answer
207 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
268 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 ...
14
votes
8answers
6k 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 ...