Interactive examples

Interactive FIFA World Cup 2010 calendar makes tracking teams easy

This post is also available in Spanish

Regardless if you are excited about the 2010 World Cup or not, you should check out Marca.com’s bilingual calendar of events. In the shape of a color wheel, you can quickly view information by team, date, groups, and rounds. Or, you can browse the games happening in a particular stadium or city.

I particularly like the content that is displayed when you roll off of a particular section. For instance, roll over the red portion of the wheel with the dates and then roll off of it – a monthly calendar appears where you can quickly view the dates when games are held. The same is true of each section: rolling off of the national teams displays a world map of the countries; cities and stadiums displays a country-level map; groups and rounds displays a bracket.

My major qualm with this piece is the size of it (970×820), which requires me to scroll down in order to interact with the entire piece. I am viewing the site with a 1440×900 resolution and I am unable to view the entire wheel within one window. While they do allow full-screen capability, I wish they would have taken sizing constraints into consideration when designing this piece.

HT: BiofusionDesign

Other posts that might interest you:

• “CNN Challenge” tests users’ knowledge in immersive environment
• AP Chile earthquake interactive under utilizes navigation
• Starbucks Love Project promotes philanthropy, creativity, and music in interactive interface

© 2010 Innovative Interactivity (II).
Download II's Security Policy (PDF)