Design

Animation Quality

Updated: Jan 29, 2026

For immersive app developers, animation is essential for creating engaging experiences on the Meta Quest 3 family of devices. Animation brings your art assets to life, following your art direction. It captivates users, maintains their attention, and enhances immersion. Animation also provides user feedback and guidance, strengthening the emotional connection to the virtual space. This overview explains how to use high-quality animation to make your app stand out.

Key quality metrics of animation

Animations should be expressive, physically believable within your app’s world, clear, and appealing, even when showing negative emotions or actions. To ensure high quality, focus on these key qualities when evaluating your app’s animations.

Physical believability ensures that the animation is mechanically sound within its world, making it acceptable to the audience. Ask yourself and look for:

Do I believe that this is physically moving correctly?

Is the animation mechanically sound within the rules of its world?

Clarity of intent is vital, clearly communicating the idea, thought, feeling, or action. The animation must communicate its intent clearly and simply, be it an idea, a thought, a feeling, an action. Ask yourself and look for:

What is the intent of this?

Is this clearly communicating the intent?

Ultimately, the animation should have appeal, making the viewer want to spend time experiencing it, through the juxtaposition of desirable design elements. Ask yourself and look for:

Do I even like this?

Do I want to spend time here?

Principles of animation

Animators utilize a number of principles to create and determine the quality of an animation. Disney animators Ollie Johnston and Frank Thomas introduced the 12 basic principles of animation in their book “The Illusion of Life: Disney Animation.” These principles aim to make animation more believable by giving cartoon characters the illusion of thought, decision-making, and independent action, thus creating the illusion of life. Originally for traditional hand-drawn animation, these principles now underpin all animated movements, even with 3D animation.

Squash and stretch

This principle is about creating a sense of flexibility and elasticity. It involves exaggerating movements to make them more fluid and natural-looking. Movements aren’t rigid and should reflect this with a believable stretch and flex, adding a sense of vitality. This elasticity is key, allowing for a realistic depiction of actions.

Anticipation

Anticipation is about creating a sense of expectation and clarity before an action takes place. This can be achieved through subtle movements or expressions that hint at what’s about to happen.

Staging

Staging refers to the way a scene is set up and presented to the audience. It involves using camera angles, lighting, and composition to create a visually appealing and engaging scene.

Straight ahead action and pose-to-pose

These two techniques involve creating a sense of movement and fluidity in animations. Straight ahead action involves drawing each frame individually, while pose to pose involves breaking down a scene into key frames and filling in the gaps. The same principle applies to 3D animation, where pose to pose can help establish clear acting choices and straight ahead can help with physicality.

Follow through and overlapping action

Follow through and overlapping action refer to the way a character’s movements are carried out after an action has taken place. This principle helps create a sense of continuity and flow in animations.

Ease In, Ease Out or Slow In, Slow Out

Slow in and slow out refer to the way a character’s movements are accelerated or decelerated. This principle helps create a sense of weight and momentum in animations.

Arcs

Arcs refer to the way a character’s movements are curved and fluid. This principle helps create a sense of smoothness and naturalness in animations. Arcs reflect how bodies naturally move in parabolic paths, with wider arcs for more expansive actions and tighter ones for quicker, more direct movements, aligning with the energy and purpose behind each motion.

Secondary action

Secondary action refers to the way a character’s movements are supported by additional actions. This principle helps create a sense of depth and complexity in animations.

Timing

Timing refers to the way a scene is paced and edited. This principle helps create a sense of rhythm and flow in animations.

Exaggeration

Exaggeration refers to the way a character’s movements and emotions are amplified for dramatic effect. This principle helps create a sense of energy and engagement in animations.

Solid drawing

Solid drawing refers to the way a character’s design and proportions are consistent throughout a scene. This principle helps create a sense of believability and coherence in animations. In 3D animation, this means keeping poses on model (or ensuring the poses keep with the original design of the character) and maintaining proportions throughout the animation.

Appeal

Appeal refers to the way a character’s design, posing, and personality are engaging and relatable. This principle helps create a sense of connection and empathy between the audience and the character.

Three stage pipeline of animation quality

When producing animation, it’s essential to approach it in stages to ensure that the final product meets your desired quality metrics. Most animation in games and film is produced in phases like this to help prioritize the goals of the animation, and to achieve high quality with minimum expensive revisions. This pipeline applies to both 2D and 3D animations and can be done using a variety of software, such as, Blender (Freeware), Adobe After Effects, Adobe Animate, Autodesk Maya, 3ds Max. Below are three stages of animation to help you insert quality reviews throughout the process.

NOTE: Gating animation stages saves resources. Making changes early in the animation process is usually cheaper than after release, when more dependencies exist.

Exploration

The exploration stage, also referred to as blocking, looks to answer the “What…?” of an animation. Often in simple keyframes and poses, which are frozen moments in an animation, where the character or object is held in a specific position. These specific points in an animation block out the position, rotation, and other properties of an object or character pose, which serves as a reference point for animations. Also, this is where you work out the overall story beats and timing.

Specifically, when determining the quality of animation at this stage, ask yourself these questions:

What is the goal of this animation?

What is the basic camera composition?

Does it look good from every angle it could be viewed in the headset?

What are the key storytelling poses?

Quality metrics to look for in the exploration stage

Physical believability:

Are the key poses believable within the rules of this animation’s world?

Clarity of intent:

Are your key poses telling your story in the simplest and clearest way?

What alternative ways could you tell your story that would make it more clear?

Appeal:

Are our key poses generally appealing?

Consider the animation principals of: Exaggeration, Line-of-Action.

Idea lock

The idea lock stage looks at the “How…?” for an animation, after the basic functionality of the animation has been defined. It’s a rough intermediate stage that is less about asking more questions, but more about finalizing ideas such as, refining camera movement and placement, solidifying key poses, breakdowns, timing, basic arcs, and indications of weight. With each refinement make sure to emphasize the important story beats, and not obscure them.

Key quality metrics in the idea lock stage

Physical believability:

At this stage focus on these animation principles: Anticipation, Weight, Squash and Stretch.

Clarity of intent:

Check that the breakdown of key poses and arcs still fit your original story idea.

Appeal:

Determine that the timing and the added details have an appealing and contrasting feel.

Look at the animation principle of: Ease-in/ease-out.

NOTE: Be brave and experiment! You don’t have to be afraid at this stage, if the ideas are not coming together, redo it from scratch and re-explore that animation.

Polish

The polish stage focuses on the fine details of the animation. You refine overlapping actions and follow-through, such as hair or clothing movement, and improve arcs. Introduce subtle offset timing to avoid twinning, when objects move simultaneously or hold the same pose. After polishing, the animation is ready for final review by stakeholders, shipping, or importing into your app’s engine or scene. At this point, the animation should be finalized. If not, budget additional production time, as polishing takes time and changes after this stage can be costly.