Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

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

0
votes
0answers
21 views

What is the best layout for a landing page for a creative artist looking for support (Patreon, etc) and exposure? [on hold]

I'm working on a page for my sister as a favor for her and practice for me. She is a professional photographer, artist, and life coach. I'm not very experience with layout choices. She is great at ...
0
votes
0answers
38 views

Large scale text animation example

I have seen basic title text animation, where individual letters are highly animated (also here and here). I have also seen animated tag clouds of different sorts. But I'm wondering if there are any ...
2
votes
1answer
62 views

Use top-looking arrow when navigate between screens [closed]

When I was designing something in Adobe XD I thought about an icon which will display in search bar to go backwards in app. My activity uses slide up to open another activity with search bar. Let me ...
0
votes
0answers
17 views

Add/edit panel that slides up from button

I need to display a pretty simple data entry/edit form, two fields and a save button. I don't like the idea of using a modal dialog as it appears in the middle of the screen, far removed from the ...
1
vote
2answers
46 views

how frequently should numbers refresh on an exercise machine?

I'm building an application that runs on a tablet connected to an exercise machine (a rowing machine)> The tablet is running a video of the instructor, and overlaying the video is the performance of ...
2
votes
2answers
143 views

What's the purpose of a “Pause Animation” button on a loading animation?

Many of the loading spinners on Chase bank's rewards portal have a "Pause Animation" button below them. Is there a reason to include this below animations?
1
vote
1answer
28 views

Displaying acronyms

I'm working on a website for a student society. The society has been established for a good number of years now, and in its humble beginnings it was known by an acronym. For the purpose of this ...
0
votes
0answers
19 views

How to document animation on user interfaces [duplicate]

i am new to this forum and this is my first question. I was wondering if there is a good template on how to document animation on user interfaces so that developers and other stakeholders understand ...
4
votes
1answer
132 views

How long should a loading spinner take to do one rotation?

Whilst I'd always prefer an estimated time, I get that's not always possible, so we fall back to the tried and personally hated, loading spinner. I've always thought that having it do one iteration ...
0
votes
0answers
39 views

As a a UX Designer, How to explain the transitions to a front end developer? [duplicate]

As a UX designer, how can I explain or describe the animations or transitions to a front-end developer? Is the use of describing css elements enough or is it more helpful to visualise examples to show ...
1
vote
1answer
134 views

Microinteraction and transition are same?

During my last presentation on transition/animation, it was asked that "are microinteraction and transition same?" I said no but could not back my answer. Could someone please explain.
1
vote
1answer
87 views

Interview project to redesign a website for a property [closed]

I'm applying for a UI/UX position at a company that makes software for landlords, apartments, property managers, etc. After the interview the hiring manager gave me a project to work on. These are the ...
1
vote
1answer
252 views

Best method of showcasing UI interaction / animations for case studies or portfolios?

I'm building a site full of case studies and I want the ability to show UI animations of how the user interacts with the interface. My app is a browser based app. Some simple things I'd like to show: ...
1
vote
1answer
118 views

What is a good duration time for UI animations?

To minimize initial cognitive load, we plan to hide dependent fields within our software by adding animation to show / hide them when called. I have been looking for articles on duration timing on ...
0
votes
1answer
72 views

Should additional animations be shown *after* the first app-app transition?

On a new iOS device, when I try to open a special URL (app URL, universal link, or phone number), iOS will ask me if I want to "Open in X app" When this occurs, a visual animation occurs that ...
3
votes
3answers
335 views

MockUps - Prototyping UI using After Effects. Is it worth it? [closed]

I am a visual Designer and currently work as a UI_UX designer at the company I work for. I wanted to ask my colleagues here and front-end Devs as well your opinion about presenting After Effects ...
0
votes
1answer
66 views

How are hero animations done? [closed]

An example could be seen on Valueact website. I need some direction as to how this is implemented.
3
votes
2answers
286 views

Best practice for prototyping and making motion animations for iOS and android [closed]

I am currently working on redesign on for both android and iOS. I wanted to use small animations and feel confident that I can prototype them using principle, flinto or after effects. However how can ...
3
votes
1answer
249 views

What are main disadvantages of decorative animation and when it is a good use and when it is not?

What are main disadvantages of user interface animation and, in particular, of decorative animation, and how to keep a balance in the UI? As introduction, I think the animations are an useful tool ...
3
votes
1answer
108 views

Card-swipe based interface for macOS: Human Interface Guidelines

I was looking towards creating an app for solving an issue I've had with quickly sorting files. The interface would be similar to Tinder's but for files (images, system files etcetera). Reading ...
1
vote
1answer
54 views

Can using animation positively lengthen the user journey

When users use an app or a website, different levels of effort and cognitive load are needed at each point of the user journey. While various negative factors cause bad UX can potentially shorten a ...
0
votes
1answer
150 views

How fast is too fast? [closed]

Users like apps to be fast. Many apps use animations to "smooth" the experience. If an animations are too slow, the app feels...well, slow. But if the animations are too fast, they may be so fast that ...
4
votes
2answers
261 views

Element transition between tabs

I'm building an app that in one of its screens has 2 tabs. In each tab there is a list of elements (cards), and i'm wondering : What type of transition between tabs should i use? Is there a ...
4
votes
2answers
171 views

What’s the point of the fadeUp animations on website landing pages?

Recently, I’ve been noticing a lot of website homepage’s using fadeUp animations on the page content. Spotify’s homepage is a good example. I’m curious to know why they do this. To me, it seems ...
93
votes
7answers
18k views

Why are animations out often neglected, even from Google?

Animation-In are fine BUT no animation when something disappears. IS THIS GOOD? From Google images From Toptal https://www.toptal.com/designers/ux/interview-questions From Designation http://...
0
votes
2answers
248 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
2k 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 ...
1
vote
1answer
71 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 ...
8
votes
3answers
160 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 a ...
2
votes
1answer
296 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 ...
2
votes
0answers
426 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 ...
1
vote
2answers
154 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 ...
2
votes
2answers
9k 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
146 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 ...
2
votes
1answer
373 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
167 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
315 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 ...
2
votes
2answers
363 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
1k 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 ...
9
votes
5answers
616 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?
2
votes
4answers
553 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
94 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 ...
64
votes
13answers
13k 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
1k views

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

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 simply ...
4
votes
5answers
328 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
290 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
87 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
781 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/...
7
votes
3answers
1k 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's ...
7
votes
3answers
253 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 ...