When Action Speaks Louder Than Words .

Years of negotiating pointless Flash animations and unwanted expanding ad banners have given me a healthy suspicion of movement on a website.

Despite this I am an advocate of using motion to enhance the web experience: intuitive transitions and subtle animations are great for clarifying functionality and, of course, everybody loves a well-chosen animated gif.

The key, for me, is where and how movement occurs. Does it aid navigation, does it help show off content or is it merely a gimmick?

Here are some recent examples that I think get the balance right:

31235  Guardian_Snowden

The Guardian

Given the panic in the print industry a few years ago it’s encouraging to see that many newspaper sites have embraced digital disruption and are giving their readers a best-ever experience online. A perfect example is The Guardian’s piece on the fallout from Edward Snowden’s whistle-blowing; a full-width, long-form article that seamlessly integrates video of talking heads. Throw in some animations and an interactive slider and you have a page that genuinely brings the subject to life:

The New York Times

NYT_homepage

I’ve previously talked about the excellent made-for-web articles on the New York Times website and their innovation even extends to the otherwise retro homepage. A recent feature, “Hopes of a Generation Ride on Indian Vote” was trailed on the homepage with an auto-playing video, beautifully composed and fairly static, but almost shocking within the serif-heavy old-school setting. This novelty tells the user that this is something special - indeed, clicking through reveals the feature article to be another beautifully simple long-form with auto-playing video:

Sploid

I’ve left my current favourite example to last: Sploid, Gizmodo’s “future headlines” blog, frequently uses an animated gif instead of a still image to entice you to click into their blog posts. Here are a few eye-grabbers:

Plane almost lands on guy who was sunbathing on a beach in Germany

plane_lands_on_beach
Insane_man_flies_through
first_dog_in_the_world

want to speak to one of our experts?

Alex Lee Thumbnail
Alex Lee
UX Lead
Alex is an award-winning producer with over a decade's experience in the industry. Alex has a wealth of experience in the creative and digital arenas with extensive knowledge of websites, mobile apps and social media campaigns for blue-chip global brands such as Sony, Pepsi, Tesco and Red Bull. Alex's mix of creative and development expertise ensure a strong connection between clients and the agency team.
Alex Lee Thumbnail

Alex Lee

05 Jun 2014 - 6 minute read
share this

stay in the know, stay ahead.

Get the latest from the agency, including news, events and expert content.
explore services in the article
find out what we can do for you
read some of our case studies