Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Opinion: What resolution to target?Opinion: What resolution to target?
Previous
 
Next
New Post
11/28/2007 8:07 AM
 

So we've all read the statistics, the studies, etc out there on the net about what percentage of people have which screen resolution, etc.  Screen resolution is one thing, but browser window size is another and there aren't really any ways to test or study that per se.

W3C, for example, has this study: http://www.w3schools.com/browsers/browsers_stats.asp -- they are quick to point out that their statistics are geared around people who are interested in web technologies, so it stands to reason that their statistics would be skewed towards the higher resolutions (designers, programmers, etc typically run on higher res).

Another study http://www.upsdell.com/BrowserNews/stat_trends.htm suggests that roughly 82% are running at 1024x768 or higher.  Who knows where they got their stats, but they were the second hit googling "web resolution statistics" when I ran the search.

So if I base it on statistics alone, without really taking into account my "market" for the particular site I'm working on, it would suggest that 1024x768 is the way to go.  Now here's the caveat, I'm working on a site for a client that tends to target women between teenage years and one foot in the grave.  A pretty broad spectrum (no pun intended).  The majority of their users are likely to be "at-home" moms.

Would I be safe to assume that more of them are running on older PCs and thus likely lower resolutions, or would I be safe to say "get with the program" and design for 1024?  I know that, especially with CSS, I can design a "fluid" skin that adapts to their browser window, but design in general is not my strongpoint.  I'm a programmer before a designer, and my design is pretty wanting after that.  I could "figure it out", but doing somewhat more static designs are a bit easier for me.

Anyway, here is my development site that I'm working on: http://dev1.homeip.net/stackable -- it is currently optimized for 800x600 and based off a skin from http://www.xhtmlskins.com/ which, in turn, is based off a layout from http://andreasviklund.com/.  I actually have one page (for demo purposes) in 1024x768 (http://dev1.homeip.net/stackable/Figures/tabid/54/Default.aspx).

Would love some opinions and suggestions on this.


-- Jon Seeley
DotNetNuke Modules
Custom DotNetNuke and .NET Development
http://www.seeleyware.com
 
New Post
11/28/2007 9:33 AM
 

I think that most sites with general audiences go for 1024x768.  But don't believe me, just look at big sites like newspapers (washingtonpost.com, baltimoresun.com), TV stations (abc, cbs, nbc, nbc4.com), radio stations (wtopnews.com) etc.  You'll see that they are designed for 1024x768.

It has been my experience that only tech-heads tend to raise the resolution, but most "normal" people find that the fonts get too small as the resolution increases.

Carlos

 

 
New Post
11/28/2007 10:21 AM
 

From my personal experience, there is no actual magic number for the resolution so all of us can base on to develop websites.

The right thing to do is to develop based on a smart guess gear toward your targer market.
After running a test for a certain period of time, optimize your site to fit your target audience screen resolution based on the results from your analytical tools.

Adjusting your layout design using css these days isn't a big deal after you learn about your target audience.

There are many web tools out there for free that you can use and track your audience screen resolution, Google Analytics would be the first choice for everybody I think.

As you can see that all the big name in news out there already have their statistics for their target audience, so developing your websites based on their resolution means you're developing your site gear toward their target audiences.

Hope this helps!


Cuong Dang
Co-founder: Enliven, dnnGallery
LinkedIn | Twitter
I'm the author of DNN and Web Standards Wrox Blox

 
New Post
11/28/2007 10:22 AM
 

I would agree with the previous post.  1024x768 does appear to be the most common size folks are designing for.  That is what I use on most of my projects.

Most of the sites I build are for businesses that want the pages to look perfect - everything should be in its place and a fixed width site does that for us.  It is a lot harder to maintain the page layout if you go with a full width site.  I only use designs that expand to fill the window on more technical sites or blogs - sites where presentation is not as important as getting a lot of information of the screen.

 

 
New Post
11/28/2007 10:47 AM
 

Both very excellent suggestions.  I didn't know that Google Analytics was free (have seen the modules available for it, etc) so I will definitely look into that.  I think I'll aim for 1024 for now, use the analytics to see how it pans out, and adjust later.

Thank you both very much!  DNN community rocks!


-- Jon Seeley
DotNetNuke Modules
Custom DotNetNuke and .NET Development
http://www.seeleyware.com
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Opinion: What resolution to target?Opinion: What resolution to target?


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out