Spatial awareness is a crucial element of product motion design. Product motion design means “Navigation” 1. For example, when there's loading happening or a need to wait for something to load, a simple loader animation can create the illusion of a faster experience,' says Samu. 'A good motion design can play tricks on the user.

They use motion to guide the users through the app UI, showing how to navigate it effectively. It educates the user.Įducation is another key aspect of product motion design at Wolt. According to him, the primary function of motion is to assist users in comprehending and grasping the actions and events occurring within the app. Samu emphasizes that the role of motion is to enhance the clarity of the app, rather than diminish it. Just imagine an app UI that doesn't respond to any kind of touch-it would be confusing, to say the least, right? 2.

This lack of feedback doesn't create a pleasant experience.įeedback is important to indicate that something is happening and progressing. Samu explains that the way he perceives it is similar to having a conversation with someone who doesn't respond or acknowledge in any way, leaving no indication that they are actively listening. Product motion design is important as feedback. Product motion design means “Communication” 1. Let’s dive into what that means in detail. The definition of product motion design according to Wolt designers. The Wolt design team defines product motion design using three key factors: communication, navigation, and personality. People sometimes use different names like UX motion or interaction design to refer to product motion design, but they are somewhat different. The goal of product motion design is to improve usability, delight users, and effectively communicate information, ultimately enhancing the overall user interface and user journey. It involves creating purposeful and engaging movements and interactions that guide users, provide feedback, convey hierarchy, and bring a sense of life and dynamism to the product. Product motion design can be generally defined as the application of animation, transitions, and visual effects to enhance the user experience and communicate information within a digital product or interface. Ensuring a consistent experience across all Wolt-facing platforms is a crucial aspect of their mission. Nevertheless, they emphasize that they consistently approach all groups with equal care when it comes to motion. Samu clarifies that the majority of their work takes place within the consumer-facing app. Wolt's design team has 40+ product designers, content designers, UX writers, localization specialists, benchmarking experts, user researchers, and-last but not least-two motion designers, including Samu.Ĭatering to six major groups, the design team provides design support for the company's apps dedicated to consumers, merchants, couriers, groceries, B2B, and work.

How Wolt plans to use ProtoPie in the future.

How Wolt designers collaborate for a seamless food delivery app design workflow.

Examples of motion design in the Wolt app.

Product motion design means “Personality”.

Product motion design means “Navigation”.

Product motion design means “Communication”.

Protopie dropdown