What this article covers: How the twelve principles of animation work, and how businesses across the UK and Ireland can use them to judge animation quality before commissioning a project.
Who this is for: Marketing managers, brand managers, and SME owners who need to hire an animation studio but do not have a background in animation craft.
Key takeaway: The same principles that make a Disney character feel alive, timing, staging, and squash and stretch among them, are usually the reason some business animation holds attention and other animation does not.
Expert insight: “The animation design principles that make a Disney character feel alive are the same ones that decide whether a viewer keeps watching a business video. Get the timing and staging right, and the message does the work, not the sales pitch,” Michelle Connolly, Founder and Director, Educational Voice.
Quick facts:
- Educational Voice has produced over 3,300 educational animations for LearningMole, a channel with 246,000+ YouTube subscribers and 16 million+ views
- The twelve principles of animation were codified by Disney animators Frank Thomas and Ollie Johnston in the 1930s
- Educational Voice is based at the McSweeney Centre in Belfast and works with businesses across Northern Ireland, Ireland, and the UK
Animation looks simple until you try to judge whether it is any good. The twelve animation design principles, codified by Disney animators in the 1930s, explain why some movement feels alive and other feels stiff. For a marketing manager or SME owner in Belfast, Northern Ireland, or anywhere else in the UK, that difference is not academic. It decides whether your explainer video holds attention.
This guide breaks down what those principles mean, not for animators learning the craft, but for people who commission animation and need to know if they are getting good work. You will find the principles explained in business terms, alongside questions like pacing a short social clip against a longer explainer. This will not replace briefing a studio, but it gives you a shared vocabulary.
Educational Voice, a Belfast animation studio, applies these principles across educational content, explainer videos, and corporate training work for organisations across Northern Ireland, Ireland, and the UK. Understanding them will not turn you into an animator. It will help you ask sharper questions when reviewing a storyboard or a first draft, and spot the difference between animation that is polished and animation that simply moves.
The Foundation: Why Squash and Stretch Still Decides Whether Animation Works
Twelve animation design principles guide most traditional and digital animation, but three of them decide whether a business audience keeps watching more than the rest: squash and stretch, anticipation and staging, and timing. Get these wrong and an animation looks cheap even when the artwork itself is polished, which is why studios spend as much time on these fundamentals as they do on character design and colour work. You can see these animation design principles applied consistently across Educational Voice’s finished projects.
Squash and Stretch: The First Design Principle
Squash and stretch gives weight to movement. An object compresses as it lands and stretches as it accelerates, which is what makes a bouncing ball, a talking character, or a moving icon feel like it has mass rather than sliding around a screen. Animators developed this design principle for cartoon characters, but the same logic applies to a product icon animating into a call-to-action button or a mascot explaining a service.
Skip it, and movement reads as mechanical rather than alive, which is often the giveaway that separates a template animation from something a studio has crafted frame by frame. It is also one of the easiest animation principles for a non-animator to spot once you know to look for it; watch how a character’s body reacts to its own movement rather than just where it ends up, and the difference between a rushed piece and a considered one becomes obvious within seconds.
Anticipation and Staging
Anticipation prepares the viewer for what is about to happen, and staging makes sure they are looking in the right place when it does. Before a character jumps, a good animator shows a slight crouch first; before a business animation reveals its main point, staging should already have drawn the eye towards it.
For explainer videos and training content, staging usually matters more than any other single design principle, because if the viewer’s attention drifts to the wrong part of the screen, the message does not land, however accurate the script is. Composition, lighting, and even the order in which elements appear on screen all feed into staging, and getting it right is largely why some animated explainers feel effortless to follow while others leave the viewer working to keep up.
A busy frame with several competing focal points is almost always a staging problem, not a drawing problem, however it might first look.
Timing and Appeal
Timing decides how fast or slow an action unfolds, and it does more to set a brand’s personality than most businesses realise. A playful mascot moves differently to a financial services explainer, not because the artwork changes but because the rhythm does.
Appeal, the twelfth design principle, gets mistaken for simply making a character likeable, but it really means designing something the audience wants to keep watching, whether that is a friendly onboarding character or a clean, confident motion graphics style for a corporate training module. Businesses often brief a studio on colour and character design without ever discussing timing, yet timing is usually the first thing a viewer notices, even before they consciously register the visuals.
The table below summarises five core animation design principles and their business impact.
| Animation Principle | What It Looks Like | Why It Matters for Business Animation |
|---|---|---|
| Squash and Stretch | Movement compresses and stretches to show weight | Makes on-screen icons, products, and characters feel physical rather than pasted on |
| Anticipation | A small preparatory movement before the main action | Cues the viewer that something is about to happen, so they do not miss it |
| Staging | Clear composition that draws the eye to one focal point | Directs attention to the message or call to action, not a distracting corner of the frame |
| Timing | The speed and rhythm of a movement | Sets brand personality: playful and quick, or measured and formal |
| Follow Through | Secondary elements such as hair, clothing, or icons settle after the main motion stops | Adds the polish that separates hand-finished animation from a basic template |
Animation for a Fifteen-Second Attention Span: Applying These Animation Principles Across Platforms
The twelve animation design principles were developed for cinema screens, not phone screens, and applying them well now means knowing which platform your animation lives on before the storyboard is finished.
A sixty-second explainer for a website and a fifteen-second clip for a social feed need the same underlying craft, but very different pacing, and treating them as the same job, simply cutting one down to fit the other, is one of the more common mistakes businesses make when briefing a project.
Pacing for Social Media vs Long-Form
Short-form platforms give you a few seconds to earn attention before someone scrolls past, so anticipation and staging need to happen almost immediately rather than building gradually. A long-form explainer aimed at a website visitor who has already chosen to click has more room to establish context before making its point.
Businesses that reuse a single animation across both formats without adjusting the pacing often find the social version underperforms, not because the message is wrong, but because the timing was built for a different kind of attention. A studio that understands this will usually recommend cutting a shorter, faster-paced version for social rather than simply trimming the long-form edit down to length, since the cuts, the emphasis, and the pacing all need to change alongside the running time.
Micro-Interactions and Website Animation
Away from full explainer videos, the same animation principles shape smaller pieces of motion: a button that responds on hover, a loading animation, an icon that transitions between two states. Ease in and ease out, the principle behind gradual acceleration and deceleration, is what makes these small interactions feel responsive rather than jarring. Most interface animation works best within a fraction of a second, long enough to register, short enough that it never feels like a delay to the person using the page.
Getting this wrong is subtle; visitors rarely notice good micro-interaction animation, but they do notice when a site feels sluggish or when a transition snaps abruptly instead of easing. These small details rarely appear in a pitch deck, but they add up across a whole site into a general sense of whether a brand feels considered or thrown together.
Staying Consistent Across Every Platform
A brand’s motion language, how quickly things move, how much they exaggerate, what style of easing they use, is as much a part of brand identity as a logo or a colour palette, though far fewer businesses treat it that way. Inconsistent pacing between a website animation, a social clip, and a training video makes a brand feel disjointed even if every individual asset looks fine on its own.
Educational Voice builds this consistency into projects from the storyboard stage, so a client’s explainer video, onboarding animation, and social content all move the same way, rather than each piece being animated in isolation by whoever happened to be free that week.
Visual Storytelling: Why the Story Matters as Much as the Movement
Good animation principles make movement believable, but they do not automatically make a story worth watching. Business animation still needs a beginning, a problem, and a resolution, even when the whole thing runs under ninety seconds, and it is easy for a project to nail every technical principle while still failing to say anything the viewer actually cares about.
Giving Business Animation a Narrative Arc
The clearest explainer videos follow a simple shape: establish a problem the viewer recognises, show how the product or service solves it, and end with a clear next step. This is not unique to animation, the same structure works in a well-written blog post, but animation lets you control every visual element of that story rather than relying on a presenter or a static slide.
For sectors with more to explain, healthcare and financial services animation in particular, that control matters because the story has to stay accurate while remaining easy to follow, and a script that tries to cover too much ground usually ends up serving neither goal well. Cutting scope earlier in the process, rather than trying to fit everything in and shortening the edit later, usually produces a clearer result.
Colour and Timing for Emotional Tone
Colour palette and pacing work together to set the emotional register of an animation before a single word is spoken. Warmer colours and quicker timing tend to read as approachable and energetic; cooler palettes and slower, more measured timing read as considered and trustworthy. Neither is right or wrong on its own; the choice should match what the business is actually trying to communicate, whether that is the reassurance needed for a healthcare explainer or the energy suited to a product launch.
A studio briefed properly on tone, as well as on subject matter, will usually make these choices deliberately rather than defaulting to a generic house style, and it is worth asking a studio directly how they intend to set that tone before the storyboard stage begins.
Animation Made in Belfast and Northern Ireland
Northern Ireland’s animation and creative sector has grown considerably in recent years, supported in part by Northern Ireland Screen, the region’s national screen agency, and Belfast now sits alongside other UK creative hubs producing work for education, business, and entertainment. Educational Voice is part of that growth, producing 2D animation for clients across Northern Ireland, Ireland, and the wider UK from its studio at the McSweeney Centre.
Working with a local studio does not change the underlying animation principles, but it does mean easier collaboration, shared time zones for feedback, and a team that understands the UK and Irish business context a script is written for. It can also make the review process quicker, since feedback calls do not have to work around a significant time difference.
DIY vs Professional: Why These Principles Are Harder to Apply Than They Look
Knowing these twelve animation design principles by name does not make animation easy to produce well, and that gap is exactly where a lot of DIY business animation falls short. Templates and AI tools can generate movement quickly, but getting timing, staging, and follow through right by eye still takes trained judgement built up over many projects, well beyond familiarity with a piece of software.
The Hidden Cost of Amateur Animation
Animation that skips ease in and ease out, or that moves every element at the same constant speed, reads as stiff even to viewers who could not name the design principle causing it. Wyzowl’s State of Video Marketing research has found that the large majority of consumers say a video’s quality affects how much they trust the brand behind it, which means a rough-looking animation can work against the very message it is meant to support.
That cost is not always visible on a budget spreadsheet; it shows up as viewers clicking away, a training video that employees skim rather than watch properly, or a sales animation that undersells a product a business has spent months developing. None of this shows up until the animation is already published, which is exactly why it is worth checking before launch rather than after.
“Most people cannot name a single animation principle, but they can tell within a few seconds whether something feels professional or homemade. That instinct is usually picking up on timing and follow through, not the artwork itself.” Michelle Connolly, Founder and Director, Educational Voice
When to Bring In a Professional Studio
DIY and template tools suit quick internal updates or low-stakes social content where polish matters less than speed. Anything representing a brand publicly, a sales animation, a healthcare explainer, a piece of corporate training content, benefits from a studio that applies these design principles as standard rather than as an afterthought. Educational Voice works through storyboarding and scripting before animation begins, which is where most of these principles get decided, long before anyone opens animation software.
If you would like to discuss your project requirements, Educational Voice offers a straightforward first conversation to talk through scope, timeline, and which of these design principles matter most for what you are trying to achieve. That conversation costs nothing and usually clarifies whether a project is a good fit before either side commits further time.
A Quick Quality Check: What to Look For Before You Approve Any Animation
Most businesses do not need to understand animation design principles in depth, but a short checklist makes it much easier to give useful feedback on a storyboard or a first draft, and it stops feedback sessions turning into a debate about personal taste instead of craft.
It also gives a non-animator a fair way to push back on a rough draft without needing to justify the objection in technical language. This checklist pairs well with the wider production guides on the Educational Voice blog.
Before approving any animation, run it against five quick questions.
Does movement have weight, or does everything slide around at the same constant speed?
Is your eye drawn to the right place first, or does the composition leave the viewer hunting for the point?
Does the pacing match your brand’s personality, or does it feel borrowed from somewhere else entirely?
Do secondary details, hair, clothing, small props, finish naturally rather than stopping dead the instant the main action ends?
And, finally, would the animation still make sense with the sound turned off, since a surprising number of viewers will watch it that way on social media?
A piece that fails several of these is worth sending back for revision before it goes anywhere near a customer, a training platform, or a public-facing website. None of these questions require animation training to answer; they only require watching the piece closely once rather than skimming it during a busy meeting.
Examples of these design principles applied consistently across a finished project are easier to judge by watching a studio’s own portfolio than by reading a description of one. Educational Voice’s completed work, including educational animation produced for LearningMole and commercial projects for UK and Irish businesses, is available to view in the studio’s portfolio.
It is worth watching a few full pieces rather than short highlight reels when you are assessing a potential partner, since polish tends to show up most clearly over the course of a full minute rather than in a ten-second clip.
FAQs
What are the most important animation principles for business video?
Squash and stretch, staging, and timing matter most for business animation. Squash and stretch gives on-screen movement believable weight. Staging directs the viewer’s eye to your message or call to action. Timing sets pace and brand personality, playful and quick, or measured and formal. Follow through and appeal matter too, but these three usually decide whether a viewer keeps watching or scrolls past a demo.
Why does DIY or template animation often look stiff or cheap?
DIY and template animation usually skips ease in and ease out, the gradual acceleration behind natural movement. Without it, everything moves at a constant speed, which reads as mechanical even to viewers who cannot name the cause. Follow through is often missing too, so details like hair or clothing stop dead instead of settling naturally. Both issues are quick for a trained animator to fix.
How long does it take to apply these design principles properly during production?
Applying these design principles well happens mainly during the storyboard and polish stages, not as an afterthought once animation is finished. For a typical business explainer, this adds roughly one to two weeks to production rather than a fixed extra cost. Educational Voice builds this into the production timeline for explainer videos, so clients see it reflected in the schedule, not as a separate charge.
Can these animation principles be used for short social clips as well as long explainer videos?
Yes, though pacing changes between formats. Short social clips need staging and anticipation to land within the first few seconds, since viewers scroll past most content quickly. Longer explainer videos can build context more gradually before making their point. The underlying animation principles, squash and stretch, timing, and staging, stay the same; only the speed at which you apply them changes to suit the platform.
How much does professionally animated business video cost in the UK?
Professional 2D animation pricing in the UK varies with style, length, and how much revision a project needs, from short simple explainers through to longer, detailed productions for training or sales use. Educational Voice offers a transparent pricing conversation from the first enquiry, so the connection between what you ask for, staging, character work, and timing, and the final quote stays clear before budget commits.
Should I get a second opinion if I am not sure my animation is good enough to launch?
If you are unsure, a short second opinion is usually worth having before launch. Ask whether movement has weight, whether your eye is drawn to the right place first, and whether it still makes sense with the sound off. Educational Voice offers consultation for businesses reviewing animation before publishing it, checking these principles against the original brief rather than restarting the project from scratch entirely.
Who is this guide for, business owners or animators?
This guide is written for business decision-makers who need to commission animation, not for people learning to animate themselves. If you are a marketing manager, brand manager, or SME owner reviewing a storyboard or a draft, these animation design principles give a shared vocabulary for feedback. Educational Voice works with clients in this position, turning animation craft into decisions a non-animator can make with confidence.
Ready to discuss your animation project?
Educational Voice creates professional 2D animations for businesses across the UK. Whether you need educational content, explainer videos, or corporate training animations, our Belfast-based team is ready to bring your vision to life. Contact Educational Voice,
