Back in the Mesozoic era of the internet it was recommended to design you site to be 800 px wide max. However since then screen resolution has dramatically increased.
I also note that in my own reading habits that I seldom read a web page at maximum size because the Thunderbolt monitor (2560 X 1440) I use makes the page too big and I reduce it to half the size if I am going to spend any time on that site.
So taking into consideration that people may not read a web page at maximum size what would be a safe size to design for?
VL Branko
I've been designing at 950 pixels wide for quite a while and that seems to work for everyone. It also seems consistent with other sites.
I don't get complaints from clients about width, but I do on height. Because, like you, I work on monitors that are larger than most other people use, I can fit a lot of vertical real estate on my screen, but I've gotten complaints when important page elements drop below 400 pixels.
Owing to the various types of devices that people are using to surf the internet, the trend now is Responsive Web Design: targeting various device widths (mobile, tablet, desktop) with CSS Media Queries.
Nancy O.
I was specifically interested in desktop/notebook displays because I could not imagine doing any serious surfing on a phone.
One thing though is that I myslef on occasion do surf on the net using my smartphone and I have gone to sites which have not been specifically designed for viewing on the smart phone it is a site designed for desktops/laptops but I have no problem viewing on my smart phone.
So what then is necessity/advantage of having a site specifically designed for viewing on smartphones (or iPads)? Perhaps I have not done enough surfing on a phone to understand the relevance. Hopefully one of you wise ones will can dilate on this topic.
VL Branko wrote:
I was specifically interested in desktop/notebook displays because I could not imagine doing any serious surfing on a phone.
I used to think that way and I've proved myself wrong. I do a whole lot of serious surfing on my iPhone. Partly because more people make content available to me that way. I do heaps of serious surfing on my tablet and the only serious surfing I do on my 26" monitor, dual screen set-up is when I'm working directly on a site and need to do some research.
These days, I probably do far more surfing on a mobile device of some kind.
Martin
Although real estate is a big factor, Responsive Design encompasses much more than screen size.
Ideally, the page displayed to mobiles should be a simplified version of your desktop page, mainly because there's a limit to how much content & bandwidth one can comfortably access on smaller devices. Moreover, the mobile user is less likely to be doing deep research and is more inclined to be searching for quick basic information (i.e. phone, address, a game result, a product rating, etc..).
Desktop menus invoked with mouse hover do not work the same way on touch screens. Thus mobile menus must be designed with finger access in mind: wider hotspots & onClick trigger events.
The list goes on but I think you get the general idea that Responsive Design means creating an optimal experience for all device users.
Nancy O.
Thank you all for your input. In the meantime I did more research regarding monitor size and came up with these:
http://www.w3schools.com/browsers/browsers_display.asp
http://www.nngroup.com/articles/computer-screens-getting-bigger/
As for making vesions of sites iPad and smartphone friendly I will have to do more research to see if the sites I work on require special versions and if they do how to go about doing it.
I really think that you should follow Nancy's advice, no matter how subtle she is. I'm afraid that looking at the sites that you have quoted, you are looking at ancient technology. In fact the latter even states
This is for desktop and laptop computers; not mobile devices
Over the Holiday period, we played host to a myriad of people from all over Australia and beyond. Their favourite way to communicate with the Internet was by using mobile devices. Mobile devices outnumbered laptops by 10 to 1 (there were no desktops).
Have a look here http://jeffbridgforth.com/responsive-web-design/
There is no need to extend yourself outside of what you are capable of doing. By the same token, you should not become an osterich, with due respect to this remarkably responsive (pun intended) bird.
Please note what Nancy said:
My site uses a semi-liquid approach:
width: 90%;
min-width: 760px;
max-width: 1280px;
I definitely appreciate all of your comments. I am not a professional web designer and have to only think of a few sites. They were originally built way back when < 800 px was the watchword. Hence they all look ok in hand held devices. But I will definitely take the time to look into the usability issues especially on the points that Nancy made and if necessary arrange to have different versions made. As it is I already get a lot of traffic from people using hand held devices and not getting any complaints from them or requests for a different version so it may not be necessary in some cases to always have separate versions.
Google does have a tool for those who are designing fixed-width websites that will give you a very good rule of thumb:
It's their browser size application.
I have been using that as a rule of thumb since I started doing websites. Presently, 90% of viewports (browsers) can see a 900 px layout. And there are good reasons to go wider.
As the Google application shows, you can easily mess a site up by having an appeal "below the fold," or where one's website has few viewers. So if you are designing a website and you're trying to promote something, you want to use space close to the top, upper left hand side for anything that people will tend to need to see right away.
North America
Europe, Middle East and Africa
Asia Pacific