UI dynamic design rules that should be known

In this article, I've focused on the issues and reasons that need to be noticed in the UI dynamic design, rather than the techniques for making UI dynamic effects. As people focus on this area (largely from iOS UI design), we find that UI dynamic design, like other UI design branches, has the same integrity and clear purpose. Along with the trend of physical and chemical design (skeuomorphism, that is, Apple's proposed physical and chemical design style, the emphasis is to simulate real-life objects in the texture, is a widely-materialized subset. It is noteworthy that "apple-style flat design" is not a broad sense of the design paradigm, but with a limited specific style, only a broad sense of flat design branch of the end of the more free UI design, like breaking the space and physical rules of the same interaction design no longer embarrassed absurd, Instead of making the interface more clever fantasy. Today, the UI dynamic design is already rich in features, and cool and flexible effects are an integral part of the UI's dynamic design.

　　Personality

This is the most basic principle of UI dynamic design, even the highest principle of dynamic design. UI dynamic design is to get rid of the app "open bag ready-to-eat" rugged setting, design unique dynamic effect, create a fascinating effect. By making sure that the UI style is consistent, the unique character of the app is expressed, which is what the UI dynamic Design "personalization" does. At the same time, should also make the details of the dynamic effect of those rules of interaction, so that the dynamic effect of the "predictable", the user will not have "play" feeling, so that UI dynamic design will help to strengthen the user's interactive experience, to maintain the app viscosity.

Paper makes uses a swinging special effect (scale overshoot) to show the unique nature of the app.

Dots makes this effortless and pleasurable inertia run through every corner of the UI design, making it stand out from the same app. (Inertia is also a kind of the general meaning of materialization, do not be bound by the style of thought)

　Guide

The effect should be to appease the user through the use of experience, making them relaxed and enjoyable. The designer needs to view the screen as a physical space, to see the UI elements as physical entities that can be opened, closed, moved, fully expanded, or focused to a point in this physical space. The dynamic effect changes naturally as the action moves, providing the user with the proper guidance, whether before, during, or after the action is completed. UI dynamic should be like a guide, to guide the user direction, to prevent users from boredom, reduce additional graphical instructions.

The first interface comes from Yelp, which uses background dimming and UI element inertia pop-up to create visual focus, and the second case is making, which moves the user to open the directory through an elegant downward expansion, the third app is National Geographic, It uses a cool 3D perspective to make users always clear where they are.

　　Background

Dynamic effect should give the background to the content, through the background to express the physical state of the content and the environment. After getting rid of the design constraints that simulate the details and textures of the objects, the UI design can even freely show the dynamic effects of conflicting settings. Adding stretching or deforming effects to an object, or adding playful inertia scrolling to a list can be an effective way to increase the overall experience.

　　Resonance

The dynamic effect should be intuitive and resonant. The purpose of UI activity is to interact with the user and resonate, rather than confuse or surprise them. The relationship between UI activity and user action should be complementary, both of which contribute to interaction completion.

　　Emotion

Good UI activity is the ability to evoke positive emotional reactions, smooth and smooth scrolling can bring comfort, and effective action execution can often bring exciting pleasure and pleasure.

　　Restraint

Misuse of special effects can distract users and grasp this delicate balance. Dynamic effect is used to keep the user's attention, guide the user to operate, not to dynamic effect. Excessive performance and excessive animation of transitions can make users irritable or even frustrated. Fortunately, there are not too many negative cases at the moment. But there's nothing wrong with remembering that.