WEBSITE DIMENSIONS?

Out of context: Reply #9

  • Started
  • Last post
  • 20 Responses
  • Boz0

    960px width by 600px is pretty much the standard.

    The reason it's that resolution is because of the average percentage of the monitor resolution most present on user's computers.

    There are many sites who give you stats but here's one:
    http://www.w3schools.com/browser…

    So.. like 90% of users are capable of showing 1024x768.

    960px is safe width when taken in account the scrollbars or other browser frames. You could go up to 990px but before browser scrollbars and inner width of the page was smaller.

    Now, to be safe you go 960px or 970px but I go 960px because of divisibility as registe says.

    600px height is the "above the fold".. even though we all agree that the term "above the fold" makes us squirm there is some value to that. While the user will scroll, the area that fits within 768px height (including the toolbars and all the other browser stuff) is 580-600px height.

    This is where you should design you primary visual points of interest to guide further interaction by the user. Meaning the most important content.

    THis naturally doesn't mean you should make site and cram everything into 960x600 but the most important directions and links should be in that area.

    Another increasingly important approach in designing pages is liquid layouts. Even though we used them before, now they are becoming more and more important because when you are making a site, you now also have to keep in mind that the site might be viewed on different devices (mobile, tablets, TVs).. so designing a liquid layout can offer a great future proof layout.

    But either way, by statistics, 960x600 should be your starting point.

View thread