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
1answer
152 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 ...
6
votes
6answers
570 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
286 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
82 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
146 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
42 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 ...
60
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 ...
2
votes
3answers
192 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 ...
4
votes
5answers
115 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
1answer
68 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 ...
-1
votes
1answer
63 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
4answers
296 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 : ...
4
votes
3answers
263 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 ...
7
votes
3answers
190 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
26 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
78 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
12 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, ...
2
votes
2answers
171 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
51 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
619 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
17 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
66 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
186 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
334 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 ...
3
votes
1answer
156 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
301 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
194 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
201 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
307 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
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 ...
4
votes
1answer
394 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 ...
6
votes
5answers
818 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
189 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
223 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
118 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
167 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
100 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 - ...
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 ...
1
vote
4answers
3k 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
289 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 ...
4
votes
1answer
122 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
91 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
183 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
209 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
254 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
455 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
122 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
555 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
250 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 ...