How do I catch up on all the sports I missed? by Jeremy

I tried to uphold as many national traditions as possible on Thanksgiving. I had fun with close family and did myself proud at the dinner table, but fell short on my hours of belt-loosened, armchair sports spectating. Even if I had managed to sidle up to the boob tube for a while, the fact remains that 99.9% of all sports are going to happen when I'm not watching. This is a sad but universal truth all sports fans have to face and we all address it the same way: we obsess over scoreboards.

There was plenty of football on Turkey Day (all blowouts with the Lions keeping their streak alive at 12 games), but I'm a bigger fan of the game with the least parity in sports: basketball. College had plenty to offer, including a Top 25 upset that saw the No. 4 ranked Michigan State Spartans pummeled on their home turf by the unranked Maryland Terrapins 80-63. The NBA featured two games with Dwight Howard's Magic toppling the lowly Wizards 105-90 and Chris Paul's Hornets traveling to Denver to knock off the Nuggets 105-101.

Here's a typical example of what these scoreboard game summaries look like courtesy of Yahoo.com. It doesn't stray far from the traditional quarter-by-quarter timeline formula:

Photobucket

Game summaries like this and their accompanying box scores are a sports journalism formula that have remained untouched for over 50 years in basketball and even longer in sports like baseball that date back to the turn of the last century. The internet delivers a few more statistics and instant gratification, but hasn't triggered much innovation in this basic storytelling formula. Does this just work and that's all there is to it? Or is there a little room for design innovation yet?

Designing an alternate approach:

Photobucket

This is what I'd like to see when I glance at my sports page. It's more visual and tells a more complete story of the game if you spend a moment, but still gives you the basics at a glance.

Photobucket

This tells us about the game's winner, the Hornets. The solid blue areas show us the winner's margins minute-by-minute throughout the game. In this example we see the Hornets had big runs at the end of the second and fourth quarters. The total margin from those blue areas was enough for them to win the game by four points.

Photobucket

Here we see both team's margins overlaying each other.

Photobucket

The 8.4% and upward green arrow tell us that the Hornets played a better game than they usually do on the offensive end. Tying this to a statistic like John Hollinger's Offensive Efficiency--the average points a team scores per 100 possessions--would be a great start.

In this little example both teams had good games on the offensive end, but the Hornets both did better and are better to start with. In other games we could imagine seeing great teams having off nights and still beating red hot weaker opponents (as was the case when the Warriors lost to the defending champion Celtics the other night).

Photobucket

Finally we get the flavor of the game within the game. Possessions is our speedometer--fans love high paced games with a lot of action. Shooting is the combined shooting percentage of both teams--who wants to see a game where a bunch of high paid professional athletes can't put a ball in the hoop? Turnovers tells us how sloppy the game was--there's nothing better than a good, clean game. Together these stats can give us a good feel for what kind of game this was.

Sports isn't the only topic where we fixate on numbers in the news. For this little challenge I found inspiration in the recent political elections and stock market plunge that have both gripped the world's attention with an amazing variety of design solutions using numbers. These topics are very old journalism problems too, but unlike sports, there is a more lively effort to design the news better.

Could something like this catch on in sports? I think it's only a matter of time until somebody tries (or until ESPN hires ZURB).

3 Comments

  • Jonathan (ZURB) says:

    Awesome post Jeremy - I'm a huge fan of re-imagined data display so this sort of thing would almost be enough to get me to care about sports!

  • Mary says:

    I'm not a basketball fan, but I'm interested in knowing more about how you created this chart. What numbers did you use? What is the chart measuring exactly? It seems like a great opportunity for sports pages, but might be over some readers' heads when it's first introduced.

  • Jeremy (ZURB) says:

    Mary, I'm glad a non-sports fan found a little interest in this! The numbers were drawn from an actual game, though I did have to fake the chart. I don't have a application to turn raw game data into an image like that (yet). ;)

    The Timeline: At its simplest the timeline could represent points scored per minute for each team. This would give even the casual fan a more detailed and visual story of the game than the quarterly totals of a standard box score. You could also refine this same timeline to show different metrics like possession or efficiency, but as you point out, you might run the risk of losing most fans.

    Was that the part of the chart you were wondering about?

Add your comment...

Required

Required, but not shared. Nerd's honor.

About the ZURBlog

The ZURBlog is where we discuss design interaction and strategy. We use design thinking to challenge businesses and designers to improve the products and services they create.

What's the ZURBword?

What's the ZURBword?

ZURBword.com is our thoughts on interaction design and strategy. What?

Photos on Flickr

  • 4414442457_f7273ee48b_s
  • 4415209236_3ee49cd530_s
  • 4414440971_1f5c640d96_s
  • 4414439321_8fde28bc5d_s
  • 4414438469_8311a56d16_s
  • 4415205332_38e0a25655_s
  • 4415204866_2e441bcb41_s
  • 4415203878_de626831de_s
  • 4415203204_dbda2d2052_s

Videos on YouTube

Bookmarks on Delicious

Wanna talk? Call us at (408) 341-0600.

Hmm, not a big talker. Email us to .

Still here? Great, we're hiring.

We need people with chops to join our quest
for world domination. Want a job, nerd?

What's the ZURBword?

ZURBword.com is our thoughts on interaction design and strategy. What?

Subscribe to ZURBnews

Get our monthly newsletter, ZURBnews.
Check out last month's edition »