Jean-Marc Rousset said:
Date: Tue, 2 Dec 2003 17:21:01 +0100
Subject: Screen size and resolution?
We are in the process of developing a web site and are not sure about what
screen size & resolution to use. Any suggestions?
Wow! Dozens of messages already. I have a few questions. What is your target
audience? (mostly French?) What kind of content? Mostly text? Mostly graphics?
You did not include a URL of any pages that we could view to see what you are
trying to do and how it finally turns out.
Is it safe to assume that *most* people have 15" screens in 800 x 600 ?
Or 1024 x 768 ?
(Most "people" are not on the web yet.
About 7 percent of web users have 13" at 640x480 or less.
("Less" includes WebTV, hand held, braille bumps or VOX, text-only browsing,
web phones; and there are even browsers built into the door of refrigerators so
people can connect to a web site on the other side of the planet when they get
a midnight snack, and go back to sleep all warm and cuddly with the assurance
that they finally know the price of tea in China!
Currently, (until after the present shopping season
Most web users have 13" at 800x600 or better.
At least one third have 15" at 1024x768 or better.
(Most web page developers have 17" at 1024x768 or better.)
Most new computer users have 1024x768 or better. (After they figure out how to
change it from the current off the shelf 800x600 setting.
Also, how do you handle the browser's toolbars at the top, knowing it may
take some screen space ?
Your primary concern should be to make sure the content fits on the screen from
left to right, as much as possible. For example, one of the pages I viewed
recently with my screen set to 640x480, had a table forcing the display to
nearly 800. There was a left hand column of about 150 pixels with links or
whatever, and the remaining text area to the right. I only had to slide the
horizontal scroll bar ONCE to be able to see the whole width of the text area.
That's acceptable. But a text area that is wider than the -whole- display area,
is very annoying, since you have to continually slide the scroll bar left and
right for -each- line of text.
Not a Happy Camper!
Now, as for the browser's toolbars and such like. Most web users operate their
browsers with the default configuration. For instance, the AOL toolbar has both
icons and text beneath, (which can be modified to show only the text name of
the toolbar function, thereby increasing the height of the web page display
area.) MSIE can display icons without text, and you can also combine toolbar,
address bar, and links bar side by side, instead of one above the other. You
can display, or not display things like the status bar at the bottom (and hide
the Windows taskbar at bottom). In MSIE you can press F11 to switch to full
screen mode, which only has a single 16pixel (default height) combined menu and
navigation bar at the top. You lose about 20 pixels with the right scroll bar.
And not all people surf with browser maximized. And keep in mind that the AOL
menu/toolbar stuff usually displays on TOP of any other content. Which means
that if you use script to open a Pop-Up window and don't set the window "top"
value to 100px or lower, the upper part can end up UNDER the AOL top stuff.
(Ctrl-F4 to zap Pop-Ups.
In summary then, with browser maximized:
MSIE can subtract as much as 172 vertical pixels.
AOL can subtract as much as 186 vertical pixels.
NN (if memory serves) loses almost as much as IE.
WebTV only has a 544x372 page display area. (Graphics are shrunk to fit.)
Can you detect the user's resolution?
If I wanted to - with script - sometimes. The percentage of people browsing
with script turned off is increasing. Resolution does not tell you how much of
the screen space is actually available for the web page itself. If you want to
display higher resolution graphics for people with larger than 544x372 page
area, allow for the various toolbars - And -if- an image needs to be larger
than the display area, try to size it so it is either wider -OR- higher, but
not both. People don't like to be forced to use both vertical and horizontal
scroll to view things. A tall multi column chart with headers needs to have the
header information repeat every so often down the page, (for people that can't
remember what the first sign of senility is.
But still no conclusive answer about whether it's 800x600 or 1024x768
Does anybody know of a reliable source / stats site with this information?
The conclusive answer is most "people" with LESS than 1024x768.
From: "Barefoot Kid" <
[email protected]>
http://www.w3schools.com/browsers/browsers_stats.asp
according to this 49% at 1024 or greater and 44% at 800
The w3schools stats only prove that most web page developers use 1024+. And
their biased stats from a page counter site only go up to July. The trend shows
the percentage of 800 going down and 1024 going up, (and non-graphics browsing
going up somewhat.)
(Statistics from people advertising the latest and greatest hardware and
software will ALWAY$ indicate that you need to buy their new version!
Pilgrims and the Mayflower Compact
http://members.aol.com/RichClark7/pilgrims.htm
Jesus' Birth (and related issues)
http://members.aol.com/RichClark7/read/birth_JC.htm