I found the design distracting, and was not sure where to look first. I normally look for the main content on the left side of the screen.<p>Since "The next big thing" column is in green, I expected that to be the primary section, but then because it was smaller, moved to the right section.<p>Overall, I prefer blogs to have the more traditional feel.
Such a lack of hierarchy... Too many conflicting visuals patterns at the same levels. White space, alignment... It's responsive yes, but is it pleasant for the reader ? I'm not talking about beauty, <i>de gustibus et coloribus non disputandum</i> , just of the whole interaction.
Shades of the Gawker redesign here. I just don't see the benefit of having 3 distracting, content-filled columns with the most important information being on the far right (on the desktop and tablet versions, anyway), unless their target audience was using Arabic or Hebrew as their primary language.
If the primary goal is discovery of new content then I think it works pretty well. I'd prefer the "Rising" and "Hot" columns swapped, but perhaps I'm not the primary audience. I'd also like to see excerpts in the "Rising" column to help make a decision of whether I want to skim or go into detail.<p>Also, scrolling seems to lag pretty badly when new content is loading. Using Chrome on a 2011 13" MacBook Pro. Tried InfinityJS? <a href="http://airbnb.github.com/infinity/" rel="nofollow">http://airbnb.github.com/infinity/</a>
> "<i>Use anything from your Nexus 7 to your mom's iPhone 4 to browse Mashable's new adaptive design.</i>" (A quote from within the left column marketing image)<p>Is it often referred to as "adaptive design", I've only heard it as "Responsive Redesign". Is there a difference between the two in any way? <i>I doubt so, but I just figured I would ask so I don't miss something with the lingo...</i><p>Also, for the record, my mom actually has an iPhone 5 and I only have an iPhone 4. ;) Ha
It's not so bad when my browser is small enough to keep it at one column, but I find two or more columns disjointed, distracting, and hard to read.<p>I'm all for responsive but readable is good too.
When I hear about responsive design I always try to resize the window and see how the things rearrange. This one feels really slow during the resize, almost freezes the browser.<p>And just a couple of clicks have caused redirect loop.
After "The Next Big Thing"'s bulletin: <i>Internet Eats Up Guy Fieri's Awesomely Bad NYT Restaurant Review</i> it just stops, leaving me to scroll just two columns, with a blank in the middle.<p>Is this an error?
There's a write up of it here: <a href="http://mashable.com/2012/11/14/introducing-the-new-mashable/" rel="nofollow">http://mashable.com/2012/11/14/introducing-the-new-mashable/</a>
Great work ! the UI looks great and very appable ;)
I would though if it would be better to have a big headline with a photo at the top then as many columns as you want at the bottom of the headline. The page needs its element to have a clear hierarchy.
Good luck.