But when everything is aligned perfectly, the effect of the principle is the strongest. We can obviously relate elements with each other even when timings are off or if they don’t have a uniform motion. The relatedness of elements is powerful when elements have identical speeds, move at the same time, and in the same direction.Things to know when applying the principle This serves a dual purpose: our products are easier to use and the main features are easier to find. This means that they become the point of focus. Objects in motion always attract attention and they become the figure element. This principle helps users find the main point of focus. Consequently, unnecessary instructions or extra content will not be required to guide our users. Our overall product is also simplified because of this practice. To reduce the complexity of our productĬoordination between design elements makes the design a lot cleaner. On the other hand, those that have no interest in an element will avoid related elements, which saves their time. This way, people interested in an element might check out others. This principle helps us show the relationship between elements. Importance of Common Fate in UX: Categorizing related elements so that people can associate relations. I wouldn’t suggest using lots of animations as it is distracting to the users and removes focus from the core functionality. For all these movements to make sense, it needs to follow a rhythm. However, using too many animations may result in a chaotic overall experience. This creates visual interest and ultimately an exciting design. Elements enter into the frame in such a way that the movement emphasizes the focal point of the design. This follows true for entrance and exit animations as well. Even though multiple animations are happening all at once, the items that belong together share the same movement. This makes it feel as if they are in the same group.Įlements that belong together have the same animation. If we take a look at the “past trip” section, we can see that their scroll movement is in the same direction. Ori ginal image by Gapsy Studio.įor the sake of simplicity, we will only focus on the right half of the image. Motion in interaction design for a travel app where UI elements with similar purposes have the same animation. Now let’s take a look at an example in a user interface for a travel mobile app. Here lights turn on and off to create a sense of movement. An example of how non-moving objects can simulate an illusion of motion without having to move. The lights that blink together look like they are related and vice versa. However, we can also observe it in scenarios where optical illusion is used to imitate movement such as in blinking lights. Generally, this effect is noticed in moving objects like a school of fish or an army of ants. This is the common fate principle in effect. When they are moving in random directions, we perceive them as not belonging to a group. When we see ants walking in a straight line, we think of them as a whole group. This principle states that any objects that coordinate movement similarly are perceived to be more related. What is Common Fate?Ĭommon Fate is one of the principles of Gestalt principles of perception. And that principle is known as the Common Fate Principle. In this section, we shall discuss the underlying principle behind making effective UI designs through the visual “grouping” of objects. This is true not only in our everyday, mundane lives it is also true of UI designs. It is so much easier to track and observe them if we can box them into distinct, identifiable groups. It doesn’t matter if the “objects” in question are individual animals, plants, clouds, rocks, stars, or whatever other things the world contains. Tracking individual objects can often be an incredibly frustrating task.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |