Skip navigation
YonBo
Currently Being Moderated

960px layout width or more?

Jul 13, 2012 5:13 AM

What is the best layout width these days? Some sites are wider than 960px, but I am unsure if this would decrease the usability for some users. Is there any disadvantage if I do 1000px or even more?

 

The targeted visitors of the website are internet savvy users, meaning that they should have average or better screen resolutions.

 

Thanks for any input.

 
Replies
  • Currently Being Moderated
    Jul 13, 2012 4:56 PM   in reply to YonBo

    There's no hard rule about it. I'm still designing at 960 pixels wide, myself. You might find te following article useful.

    http://is.gd/Mu6dLP

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 16, 2012 6:19 PM   in reply to YonBo

    You might want to do a litle research before designing each indivdual site, rather than taking a one size fits all approach. Let's say you are designing a site for a fancy boutique hotel. Are the viewers likely to be using handheld devices like iPhones, iPads, and high end laptops? In that case you might want to do the site in what's called responsive web design.  http://is.gd/JB60SM

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 24, 2012 4:11 PM   in reply to YonBo

    I'd agree with Linda here. While there is a lot of "mobile first" bandwagons to get on these days, I rather think about the users first and what they need. So if you say they'll never access it on a mobile device, we have to take your word you understand your users best.

     

    The whole reason for 960 is because it is so divisible. Fireworks has some nice grids, 960.gs have Fireworks grid templates also. It is a decent size to work with, and doesn't look bad on an iPad either. I like to make sure my sites don't go up against the edge of the browser, but that's me. I like a little white space. Really, you might try designing in ems instead of pixels and then it will be more fluid anyway. Long are the days of pixel perfect websites. We instead now worry about the order things are shown in.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 25, 2012 8:01 AM   in reply to YonBo

    That is the resolution, but the resolution is doubled, meaning you see more pixels on the same size device. What that really means to anyone designing for it, is your graphics beter be mostly vector and sharp. Don't worry about high resolution displays in any other way. 996px is about the widest you'll get in most browsers, so losing a few pixels on the sides shouldn't be an issue.

     

    I would ask you consider a more fluid layout than pixel widths. Of course, you know your site and audience. Just because you don't use a tablet doesn't mean others won't be accessing your site from them, as you mentioned.

     

    http://css-tricks.com/the-perfect-fluid-width-layout/

     

    http://coding.smashingmagazine.com/2009/06/02/fixed-vs-fluid-vs-elasti c-layout-whats-the-right-one-for-you/

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points