Scroll for more

Cut Scene Patterns in Mobile Games

A cut scene is the story beat that pauses play. Strong ones fill the frame with the moment, keep the shop and the match controls off the picture, and offer at most one way on: a tap, a check, or Skip.

What repeats

  • The picture fills the frame. Play and the shop stay off it.
  • At most one way forward: a tap chevron, a check, or Skip.
  • When there is text, it is one line: a caption, a speech bubble, or the name of the moment.

What varies

Questions

What is a cut scene in a mobile game?

It is the story beat that pauses play. These examples fill the frame with the moment and keep the shop and the match controls off it.

How do Angry Birds Dream Blast and Cozy Grove use the pause?

Dream Blast shows the sleeping birds and nothing else. Cozy Grove puts the line in a caption box and offers Skip story?.

How should a designer use these references?

Let the picture carry the beat. Add one line or one skip, and leave Play for the screen that follows.

Examples from shipping games

More Cut Scene stills
Clash of Clans
Clash of Clans starter village with Villager saying this is our new village

The villager says This is our new Village! beside the Town Hall. Gold, elixir, and gems stay in the corner.

Sign up for free to continue browsing

The 6 screens above are the public sample of cut scene screens. An account opens the rest of the library, including flows and mechanics.

Join for free