Bloomberg Businessweek online

OK guys, the business journalist in me is freaking out. Bloomberg just launched a super ambitious new site. It’s completely different than the way the old Bloomberg News site looked and navigated, and I’ve been playing on it for over an hour now. Since I can’t review the whole site, I’m going to focus my attention on this story, which is the web treatment of a cover story in this week’s Bloomberg Businessweek magazine. Let’s get to it. Screen Shot 2015-01-27 at 10.58.41 PM Right of the bat, the title is freaking huge. So huge, in fact, that I can barely squeeze the title and subhead into my browser without scrolling. The hot pink/blue border thing around the article seems like an interesting choice, and may make sense in a story about maternity leave. The border, however, actually extends to all of the magazine’s content, so the color scheme isn’t meant to convey anything about male/female babies. I’m not sure why those colors were chosen for the magazine, but I can say that they fit in with how Bloomberg brands itself. Bloomberg’s New York offices (for the sake of disclosure to anyone who stumbles upon this post: I’ll be interning there starting in June) are pretty big on the use of rainbow and Helvetica. Screen Shot 2015-01-27 at 10.59.13 PMTurns out the byline of the story is hidden in comparatively tiny type in the blue side of the border (you can make out a smidgen of it in the first screenshot). No points for easy readability there; I missed it on my first scroll. The story and its images and graphics are laid out in an intuitive format. The basic formula: scroll down to read the story, be periodically interrupted by a large pull quote/photo illustration/graphic, continue to read, repeat. Everything is centered and the visually elements are massive. Interestingly, the pull quotes splash onto the screen in a way that reminds me of the text motion tool in PowerPoint that I used way too much circa 2005. The slight sideways slant of the text isn’t as easy to read as the straight headline, but it does make the page a tad more visually interesting.

Screen Shot 2015-01-27 at 10.59.40 PM
Imagine this just jumped onto your screen

The whole animated pull quote is weirdly aggressive, but I am a big fan of that little purple bar that runs across the top of the screen. That tells you how far you are in the article, which is nice because the Bloomberg has an endless(ish) scroll so the position of your scroll bar tells you nothing about where you are in a single article. The photo illustrations and graphics in the story are very large and fill the screen. Interestingly, if you full-screen your browser the photos get smaller and the body text becomes left/right aligned (alignment flip-flops throughout). I prefer the left/right aligned layout with the smaller photos, but I also hate having a full screen browser. It’s a tradeoff, I guess.

Screen Shot 2015-01-27 at 11.45.45 PM
Standard browser size on my MacBook
Same part in full-screen browser view
Same part in full-screen browser view

The last thing I want to talk about is the story’s graphic. Bloomberg has an interactive graphics team that does some phenomenal work. On this story, we get only a static graphic. Frankly, I found all the lines and arrows kind of difficult to interpret. I was confused by the percentages until I realized that they were percentages of earnings (mentioned once in small font) and I guess this graphic doesn’t scream to me “the U.S.’s maternity leave system lags behind every country except Papua New Guinea” the way the article text did.

2/10 would not interpret again
2/10 would not interpret again

This online article didn’t have the same super intense, interactive user experience that some of Bloomberg’s content does, but it was interesting to understand what a standard Bloomberg Businessweek cover story looks like on the new website. While the article’s copy was top-notch and the photo illustrations were compelling, I think more interactivity in the story’s graphic could have enhanced the way a user interacts with the story.


One thought on “Bloomberg Businessweek online

  1. This was a great story to critique, especially since Bloomberg just went through a site relaunch and rebranding. From a business website/magazine, the colors and type in this story are definitely something people aren’t used to seeing. If I were clicking on links on the Bloomberg site and came upon this, I would probably stop and read it because of the compelling images, colors and type they used (even though like you said they are a bit weird). The scroll function for stories these days is all the rage so I get why they used it for this story as well. Like you, I would have liked the graphic to be interactive to get a better feel of the data, but maybe it was a good choice to leave it static since the rest of the story is already so busy. I also like the largeness of the story because sometimes I catch myself zooming in on stories to make them full screen anyway. Overall I definitely agree with you that the overall appearance is great for the package but a little more interactivity would have been nice.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s