Live data from Hacker News

Mashable's Responsive Redesign

beta.mashable.com

21–30 of 50 posts

Re: Mashable's Responsive Redesign

#21
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.

Also, scrolling seems to lag pretty badly when new content is loading. Using Chrome on a 2011 13" MacBook Pro. Tried InfinityJS? http://airbnb.github.com/infinity/

Re: Mashable's Responsive Redesign

#22

> " Use anything from your Nexus 7 to your mom's iPhone 4 to browse Mashable's new adaptive design. " (A quote from within the left column marketing image) 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 doubt so, but I just figured I would ask so I don't miss something with the lingo... Also, for the record, my mom actuall…

It's largely a semantics game. Some people use one to refer to device-responsiveness versus screen-resolution-adaptiveness. Under that definition, both apply to our redesign :-)

Re: Mashable's Responsive Redesign

#23
post #22

> " Use anything from your Nexus 7 to your mom's iPhone 4 to browse Mashable's new adaptive design. " (A quote from within the left column marketing image) 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 doubt so, but I just figured I would ask so I don't miss something with the lingo... Also, for the record, my mom actuall…

It's largely a semantics game. Some people use one to refer to device-responsiveness versus screen-resolution-adaptiveness. Under that definition, both apply to our redesign :-)

Oh, okay. Awesome. I figured as much, but you never know these days and I didn't want seem like an idiot down the road using the wrong term or something! Haha Great design, by the way. I personally love it! :)

Re: Mashable's Responsive Redesign

#24
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, de gustibus et coloribus non disputandum , just of the whole interaction.

Re: Mashable's Responsive Redesign

#25

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. Also, scrolling seems to lag pretty badly when new content is loading. Using Chrome on a 2011 13" MacBook Pro. Tried Infin…

The scroll lag is, unfortunately, due to loading in the ad units. We're using all the usual tricks (precompiled template builders, batching builds in a document fragment and doing a single append to the DOM), but the ad iframes are just brutal on performance. We aren't using the "usual" social buttons there for similar reasons; a glut of iframes is performance death. Unfortunately, ads pay the bills, so they're less negotiable.

We're working on it, though, and aren't happy to be content with it just yet. My goal is to be able to achieve smooth scrolling on low-end hardware, and while we're admittedly not there yet, we're gunning for it.

Re: Mashable's Responsive Redesign

#28
post #3

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.

The reason that the big content is on the right is that it is the most popular content, likely already read. The new stuff is on the left, and we want the eye to move across the page in the natural way to help promote newer and rising content.

Why would content that you've already read be the most prominent? Following the convention of 'newest on top' would make more sense.

Re: Mashable's Responsive Redesign

#29
post #24

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, de gustibus et coloribus non disputandum , just of the whole interaction.

We should pitch in and buy the design team at Mashable a few copies of http://www.amazon.com/Think-Common-Sense-Approach-Usability/...

Re: Mashable's Responsive Redesign

#30
post #3

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.

The reason that the big content is on the right is that it is the most popular content, likely already read. The new stuff is on the left, and we want the eye to move across the page in the natural way to help promote newer and rising content.

Simulation of eye-movement on laptop:

focus Oh look, a big picture on the right.

down I wonder what that picture is about.

left and up Hey! Another picture!

down Part of another picture!

left and up What are these little things on the left? Meh, too small to my eye which have just scanned big pictures and headlines. Ignore.

weird left to right diagonal thing between 2nd and 3rd column as I scroll down

Post reply on HN