Animated headlines convey more meaning
Animation can convey multiple message using same space, turn a headline into a center-piece, drawing lots of attention to your message, set up a transition or interaction that pulls the user in or guides their gaze, or use the time dimension to convey extra information, like mood.
Reuse space to communicate multiple messages
The Spotify website does a nice job of synchronizing alternating color, alternating text, and background video:
Here’s a similar example from Lucky Orange:
Here’s a similar example from CrossBrowserTesting.com:
This next example is hastily adapted from an old Sapient Nitro home page. Here too the same space is used to communicate multiple messages, while the accelerating pace of the animation communicates breadth and excitement:
A simple example from Designlab:
Convey extra information and mood
A slow animation can communicate weight or importance. A fast animation can communicate urgency. Animating a headline adds meaning.
On my breath-hold diving site, the countdown starts slow to create tension or suspense. Then it speeds up to create excitement, illustrate the sheer duration of the world breath hold record, and of course avoid boring the visitor. The headline animation also doubles as a delay for showing the intro paragraph, which becomes a visual cue to continue downward.
On the same site, I added a breathing animation to draw attention to a fact about breathing:
Writer uses a typewriter effect on the home page:
Show a dynamic calculation
On the Helpthechickens.ca site, I used animation to show a real-time calculation rather than a static headline. The pace of the animation was chosen for optimum effect:
Get creative and use the time dimension to give added meaning to your headlines. If you find more examples, do share!