Bloomberg

http://www.bloomberg.com/

I just mentioned to Gene that I don’t even know where to start on this site review. Brad Weaver’s tweet (below) kind of says it all of Bloomberg’s (@business) new website – gorgeous and usable.

There’s already been so much praise and controversy over this new site design since it launched earlier this week. All of it has a lot to do with perspective probably – if you’re more from the financial world (Bloomberg’s customer base), you’re probably a little freaked out. (Kind of like the new BMW commercial with Katie Couric and Bryant Gumble about Internet)

If you’re from the design world like us, you might be thinking, “finally”. Finally a large media company is taking another big step in design, in line with current (and future?) trends. Just like the Boston Globe (@BostonGlobe) did with Ethan Marcotte (@beep) in 2010 with responsive web design (RWD), Bloomberg, with CEO Justin B. Smith (@Justin_B_Smith), gave the power to Joshua Topolsky (@joshuatopolsky) to dynamically change the design of a major player in the media world. Time will tell if this way of designing enterprise level sites will catch on like RWD.

Found a good article for more background and reactions to the new Bloomberg site here from NiemanLab, by Caroline O’Donovan.

Yeah – the site is loud, but I think like any good site, it has “calls to action” – you just get to decide what those are.

First – the sticky header: This is genius – the live feed of Bloomberg Business TV in a size that doesn’t kill the usability / speed of the rest of the site.

Next – The headlines: Most good headlines that editors put on stories have two parts – the main headline that grabs attention, and the subheadline that explains or is a quick intro to the story. Really like how the hover state for a main headline is the subheadline, it adds some punch in the “reveal”.

Finally (not the last thing on the site – animated gifs, card /block design, parallax, responsive design, and mega-dropdowns should also be noted) – The article detail pages: Took me a couple of times to learn what was going on, but now makes sense. The article pages are toned down from the front page – they know you want to concentrate on reading now. There are two caveats to that – first being the infinite scroll of the articles – there’s related story and advertising buffer, but why not keep reading as you scroll down forever (wonder where it stops?). Second is the article status bar just under the sticky header, and the “Now Reading:…” copy in the header. It’s nice to have something that lets you know when you’ll be done reading the article (if pressed for time), and with the infinite scroll, getting lost could be normal – this status bar and the “Now Reading” is a little way to stay on the map in a never-ending content environment.

Kudos Joshua Topolsky and your team – way to push some barriers in the design world!

Bloomberg digital editor Joshua Topolsky on uncomfortable news design, new ad units, and why they killed the comments.

1 Comment

  1. Matt Keogh

    Great review with some useful links – thanks. I can’t decide if this is genius or madness!

    Reply

Trackbacks/Pingbacks

  1. Bloomberg Media | Unmatched Style - […] the new Bloomberg Business website that launched a couple of weeks ago (which we made some observations here), well…

Submit a Comment

Your email address will not be published. Required fields are marked *

News & Articles

Looking Fast: The Art of Website Speed Perception

Looking Fast: The Art of Website Speed Perception

In the web world, technical speed and user perception matter. By improving design for a faster appearance, you boost conversions and stand out online. Speed isn’t just loading time; it’s perception.

Designing for Errors: Creating User-Friendly Contingency Plans

Designing for Errors: Creating User-Friendly Contingency Plans

Contingency Design hinges on empathy, understanding user frustration, and transforming errors into positive impressions. By embracing these principles, you enhance user experiences, retain customers, and boost revenue in the competitive digital landscap