Animation
Motion
Design

Using Animation and Motion Effectively

Motion is seasoning — the right amount enhances everything. The purpose test, the motion spectrum from subtle to dramatic, common mistakes, and when to use each level.

Dev Decks Team

Product & Growth

April 4, 2026

9 min read

Motion on slides is like seasoning in cooking. The right amount enhances everything — it draws attention, creates rhythm, and makes content feel alive. Too much overwhelms the dish. None at all and things feel flat.

The AI already adds tasteful motion to your slides by default — subtle entrance animations, smooth transitions, natural-feeling builds. Your decks look polished without you asking for anything. But when you direct the motion intentionally, slides go from polished to memorable.

This article is about knowing when motion helps, when it hurts, and how to ask for exactly the right amount.

The Purpose Test

Before adding animation to any slide, ask one question: "Does this motion help the viewer understand something, or does it just look cool?"

Motion that passes the test:

  • A counter climbing from 0 to £2.4M — the climbing motion makes the number feel earned
  • Team cards appearing one by one — the stagger guides the eye through the team in order
  • A timeline drawing itself left to right — the progressive reveal tells the story of growth
  • A progress bar filling to 64% — the filling motion shows how far you've come

Motion that fails the test:

  • Every element on the slide bouncing when it appears — bouncing doesn't help understanding
  • Text spinning into place — spinning is disorienting, not informative
  • A logo rotating continuously — rotation doesn't serve any content purpose
  • Random elements sliding from different directions — inconsistent motion creates chaos

The rule: motion should guide, reveal, or emphasise. If it doesn't do any of these, leave it out.

Motion That Guides

Motion that directs the viewer's eye where you want it to go, in the order you want them to see it.

Sequential Reveals

Show elements in a deliberate order — the most important thing first, then supporting detail.

"The headline appears first. After a short pause, the three feature cards fade in one by one below it. The viewer reads the headline, then processes each feature in order."

"Hero metric counts up first and holds. Then the supporting metrics fade in below, left to right. The hierarchy is clear: main number first, context second."

"Opening with a dark, empty slide. After 2 seconds, a single provocative question types itself out. The delay creates anticipation. The viewer is focused entirely on the words."

Directional Flow

Motion that moves in the direction the content reads — left to right for progress, top to bottom for priority.

"Timeline builds left to right — each milestone appears as the line reaches it. The direction matches the chronological flow."

"Process steps appear top to bottom, one at a time. Step 1 at the top fades in first, then step 2 below, then step 3. The downward flow matches the sequence."

"Split screen — the problem slides in from the left, then the solution slides in from the right. Two sides meeting in the middle. The direction mirrors the narrative: from problem to answer."

Motion That Reveals

Motion that uncovers hidden content, adding depth without adding clutter to the surface.

Hover Effects

Content that appears only when the viewer explores.

"Team cards show name and role. Hover reveals a bio that expands smoothly below the name. The surface is clean — the depth is on demand."

"Feature grid with icons and titles. Hover over any card to see it lift slightly and a description fade in underneath. The interaction rewards curiosity."

"Pricing tiers that show the headline features. Hover to see the full feature breakdown expand within the card. Viewers who want detail get it; viewers who don't aren't overwhelmed."

Progressive Disclosure

Information that builds as the viewer watches.

"The competitive matrix starts empty. Our column fills in first — all checkmarks. Then competitor columns fill in, revealing the gaps. The viewer sees our strength before seeing their weakness."

"Start with just the headline number: '£2.4M MRR.' Hold for 3 seconds. Then the growth rate badge fades in. Then the sparkline appears below. Each layer adds context to the number."

Motion That Emphasises

Motion that makes the most important element impossible to miss.

Animated Numbers

Counters, progress bars, and gauges that draw attention through movement.

"The fundraise counter climbs to £5M. It's the only moving element on the slide. The motion says: this number is the point."

"NPS gauge fills clockwise to 72. The industry average (42) is marked as a static line. Your score fills past it — the motion highlights the gap."

Attention Pulses

Subtle repeated motion that keeps drawing the eye back to one element.

"The CTA button has a gentle pulse — a subtle glow that repeats every few seconds. Everything else is still. The pulse says: this is what to click."

"The 'Most Popular' badge on the recommended pricing tier has a soft breathing glow. It's the only motion on the slide — your eye can't help but land on it."

The Spectrum of Motion

Not every slide needs the same amount of movement. Think of it as a spectrum:

No Motion (Still Slides)

Some slides are better completely still. Dense data tables, detailed text, section dividers — these do their job without movement.

"Make this a clean, static slide. No entrance animations. The data table should just be there, ready to read. Adding motion to a dense table distracts from the numbers."

Subtle Motion (Default)

The AI's default: gentle fade-ups, smooth transitions, natural-feeling entrances. Professional polish without calling attention to itself.

"Keep the animation subtle on this slide — just a gentle fade in for the content. Nothing dramatic. Let the data speak."

Intentional Motion (Directed)

Specific animations that serve a purpose — counters, staggers, reveals, builds. This is where motion starts to add real value.

"Stagger the three benefit cards so they appear one by one. The delay between them gives each benefit a moment to register."

Dramatic Motion (Choreographed)

Full slide choreography — multiple elements, timed sequences, combined effects. Save this for your most important slides.

"Slide opens dark. A single number types itself: '£2.4M.' It counts up from zero while typing. After it lands, a '+340% YoY' badge slides in from the right. Then three supporting stats drop in from above, one by one. Finally, a subtle sparkline draws itself under the hero number. Five moments, one story."

Common Motion Mistakes

Everything Animated Equally

When every element has the same animation, nothing stands out. The viewer's eye has nowhere to land first.

The fix: Choose one element to animate prominently. Let everything else be still or have only subtle entrance animations.

"Only the hero metric should have a counter animation. The supporting text should just be there — no entrance effect. The motion contrast makes the metric the star."

Motion That Contradicts the Content

Playful bouncing animations on a serious problem slide. Dramatic reveals on a simple data table. The motion should match the emotional register of the content.

The fix: Match the motion to the tone.

"This is a serious slide about risks. Keep the entrance subtle and professional — a simple fade. No bouncing, no staggering, no playfulness. The content is heavy; the motion should respect that."

Too Many Directions

Elements flying in from the left, right, top, bottom, and centre all on one slide. Inconsistent directions create visual chaos.

The fix: Pick one direction and stick with it.

"Everything on this slide should fade up from below — a consistent upward direction. Don't mix directions. Consistency creates calm."

Motion That's Too Slow

Animations that take 2-3 seconds per element make the viewer wait. A 10-element slide with slow animations takes 30 seconds before everything is visible. That's painful.

The fix: Keep animations fast and tight.

"Quick entrance animations — each element should appear within half a second. The stagger between elements should be short. The viewer shouldn't feel like they're waiting."

When to Use Each Level

Slide TypeMotion LevelWhy
Opening hookDramaticCreate anticipation and set the tone
Problem slideSubtle to intentionalLet the content hit, don't distract from it
Traction / metricsIntentionalCounters and reveals make data come alive
TeamIntentionalStaggered reveals introduce people one by one
Data table / dense infoNone or subtleDon't compete with detailed content
TimelineIntentionalProgressive build tells the journey
PricingIntentionalHover reveals add depth without clutter
Closing CTADramaticThe final moment should be choreographed
Section dividersNoneClean, still, let the viewer reset
Case studiesSubtleLet the story be the motion

Motion on slides is like seasoning in cooking. The right amount enhances everything — it draws attention, creates rhythm, and makes content feel alive. Too much overwhelms the dish. None at all and things feel flat.

The AI already adds tasteful motion to your slides by default — subtle entrance animations, smooth transitions, natural-feeling builds. Your decks look polished without you asking for anything. But when you direct the motion intentionally, slides go from polished to memorable.

This article is about knowing when motion helps, when it hurts, and how to ask for exactly the right amount.

The Purpose Test

Before adding animation to any slide, ask one question: "Does this motion help the viewer understand something, or does it just look cool?"

Motion that passes the test:

  • A counter climbing from 0 to £2.4M — the climbing motion makes the number feel earned
  • Team cards appearing one by one — the stagger guides the eye through the team in order
  • A timeline drawing itself left to right — the progressive reveal tells the story of growth
  • A progress bar filling to 64% — the filling motion shows how far you've come

Motion that fails the test:

  • Every element on the slide bouncing when it appears — bouncing doesn't help understanding
  • Text spinning into place — spinning is disorienting, not informative
  • A logo rotating continuously — rotation doesn't serve any content purpose
  • Random elements sliding from different directions — inconsistent motion creates chaos

The rule: motion should guide, reveal, or emphasise. If it doesn't do any of these, leave it out.

Motion That Guides

Motion that directs the viewer's eye where you want it to go, in the order you want them to see it.

Sequential Reveals

Show elements in a deliberate order — the most important thing first, then supporting detail.

"The headline appears first. After a short pause, the three feature cards fade in one by one below it. The viewer reads the headline, then processes each feature in order."

"Hero metric counts up first and holds. Then the supporting metrics fade in below, left to right. The hierarchy is clear: main number first, context second."

"Opening with a dark, empty slide. After 2 seconds, a single provocative question types itself out. The delay creates anticipation. The viewer is focused entirely on the words."

Directional Flow

Motion that moves in the direction the content reads — left to right for progress, top to bottom for priority.

"Timeline builds left to right — each milestone appears as the line reaches it. The direction matches the chronological flow."

"Process steps appear top to bottom, one at a time. Step 1 at the top fades in first, then step 2 below, then step 3. The downward flow matches the sequence."

"Split screen — the problem slides in from the left, then the solution slides in from the right. Two sides meeting in the middle. The direction mirrors the narrative: from problem to answer."

Motion That Reveals

Motion that uncovers hidden content, adding depth without adding clutter to the surface.

Hover Effects

Content that appears only when the viewer explores.

"Team cards show name and role. Hover reveals a bio that expands smoothly below the name. The surface is clean — the depth is on demand."

"Feature grid with icons and titles. Hover over any card to see it lift slightly and a description fade in underneath. The interaction rewards curiosity."

"Pricing tiers that show the headline features. Hover to see the full feature breakdown expand within the card. Viewers who want detail get it; viewers who don't aren't overwhelmed."

Progressive Disclosure

Information that builds as the viewer watches.

"The competitive matrix starts empty. Our column fills in first — all checkmarks. Then competitor columns fill in, revealing the gaps. The viewer sees our strength before seeing their weakness."

"Start with just the headline number: '£2.4M MRR.' Hold for 3 seconds. Then the growth rate badge fades in. Then the sparkline appears below. Each layer adds context to the number."

Motion That Emphasises

Motion that makes the most important element impossible to miss.

Animated Numbers

Counters, progress bars, and gauges that draw attention through movement.

"The fundraise counter climbs to £5M. It's the only moving element on the slide. The motion says: this number is the point."

"NPS gauge fills clockwise to 72. The industry average (42) is marked as a static line. Your score fills past it — the motion highlights the gap."

Attention Pulses

Subtle repeated motion that keeps drawing the eye back to one element.

"The CTA button has a gentle pulse — a subtle glow that repeats every few seconds. Everything else is still. The pulse says: this is what to click."

"The 'Most Popular' badge on the recommended pricing tier has a soft breathing glow. It's the only motion on the slide — your eye can't help but land on it."

The Spectrum of Motion

Not every slide needs the same amount of movement. Think of it as a spectrum:

No Motion (Still Slides)

Some slides are better completely still. Dense data tables, detailed text, section dividers — these do their job without movement.

"Make this a clean, static slide. No entrance animations. The data table should just be there, ready to read. Adding motion to a dense table distracts from the numbers."

Subtle Motion (Default)

The AI's default: gentle fade-ups, smooth transitions, natural-feeling entrances. Professional polish without calling attention to itself.

"Keep the animation subtle on this slide — just a gentle fade in for the content. Nothing dramatic. Let the data speak."

Intentional Motion (Directed)

Specific animations that serve a purpose — counters, staggers, reveals, builds. This is where motion starts to add real value.

"Stagger the three benefit cards so they appear one by one. The delay between them gives each benefit a moment to register."

Dramatic Motion (Choreographed)

Full slide choreography — multiple elements, timed sequences, combined effects. Save this for your most important slides.

"Slide opens dark. A single number types itself: '£2.4M.' It counts up from zero while typing. After it lands, a '+340% YoY' badge slides in from the right. Then three supporting stats drop in from above, one by one. Finally, a subtle sparkline draws itself under the hero number. Five moments, one story."

Common Motion Mistakes

Everything Animated Equally

When every element has the same animation, nothing stands out. The viewer's eye has nowhere to land first.

The fix: Choose one element to animate prominently. Let everything else be still or have only subtle entrance animations.

"Only the hero metric should have a counter animation. The supporting text should just be there — no entrance effect. The motion contrast makes the metric the star."

Motion That Contradicts the Content

Playful bouncing animations on a serious problem slide. Dramatic reveals on a simple data table. The motion should match the emotional register of the content.

The fix: Match the motion to the tone.

"This is a serious slide about risks. Keep the entrance subtle and professional — a simple fade. No bouncing, no staggering, no playfulness. The content is heavy; the motion should respect that."

Too Many Directions

Elements flying in from the left, right, top, bottom, and centre all on one slide. Inconsistent directions create visual chaos.

The fix: Pick one direction and stick with it.

"Everything on this slide should fade up from below — a consistent upward direction. Don't mix directions. Consistency creates calm."

Motion That's Too Slow

Animations that take 2-3 seconds per element make the viewer wait. A 10-element slide with slow animations takes 30 seconds before everything is visible. That's painful.

The fix: Keep animations fast and tight.

"Quick entrance animations — each element should appear within half a second. The stagger between elements should be short. The viewer shouldn't feel like they're waiting."

When to Use Each Level

Slide TypeMotion LevelWhy
Opening hookDramaticCreate anticipation and set the tone
Problem slideSubtle to intentionalLet the content hit, don't distract from it
Traction / metricsIntentionalCounters and reveals make data come alive
TeamIntentionalStaggered reveals introduce people one by one
Data table / dense infoNone or subtleDon't compete with detailed content
TimelineIntentionalProgressive build tells the journey
PricingIntentionalHover reveals add depth without clutter
Closing CTADramaticThe final moment should be choreographed
Section dividersNoneClean, still, let the viewer reset
Case studiesSubtleLet the story be the motion

More in Tips & Inspiration

Anatomy of an Exceptional Slide

What makes a slide exceptional? Five real examples broken down — the prompt that built each one, why it works, and what a weaker prompt would give you instead.

10 min read

Before & After: 10 Slide Transformations

Same content, different prompts, dramatically different results. Ten common slides transformed with copy-paste prompts — the most shareable article in the university.

11 min read

Slide Types You Didn't Know You Could Build

Interactive comparisons, animated flywheels, hover-reveal cards, tabbed content, progress gauges, living diagrams — a gallery of slide types most users never think to ask for.

11 min read

Data Visualization That Tells a Story

A number alone is a fact. A number with context is information. A number with a story is persuasion. Learn when to use counters, sparklines, badges, gauges, and dashboards.

10 min read

Typography and Visual Hierarchy on Slides

What should the eye see first? Size, weight, colour, whitespace, and alignment — the tools that guide your viewer through every slide. Plus the 3x rule and the clutter test.

9 min read

Why Templates Are Holding You Back

Templates give you a floor and a ceiling. Dev Decks removes the ceiling. Why custom-designed slides are more persuasive, not just prettier — and why you don't need design skills to direct them.

8 min read

Storytelling Frameworks for Decks

Four proven narrative structures — Problem-Solution-Proof, Before-After-Bridge, Situation-Complication-Resolution, and the Founder's Journey. Which framework for which deck, with prompts for each.

10 min read

The 10/20/30 Rule (and When to Break It)

Guy Kawasaki's famous framework — 10 slides, 20 minutes, 30pt font. When it works perfectly, when to adapt it, and the three real principles behind the numbers.

8 min read

Common Deck Mistakes (and How to Fix Them)

Eight mistakes every deck makes — too much text, no hierarchy, weak opening, no CTA — each with the symptom, the fix, and a copy-paste prompt to solve it instantly.

9 min read

Deck Design for Non-Designers

You don't need design skills — you need clear words. Five simple rules, starter prompts for every persona, and the permission slip: your deck will look professional because the AI handles the design.

8 min read

Building a Prompt Library for Your Company

Save the prompts that work. A prompt library is your design system in words — layout, tone, interaction, data, and motion prompts that keep every deck on brand. Includes starter templates by persona.

9 min read

Ready to build your deck?

Paste your URL and get an on-brand deck in minutes. Custom slides, your brand, no templates.

Build your deck free