What is the BEST Web site Width?

[font=verdana]There seems to be a fundamental misunderstanding about people using different text sizes – this isn’t aimed just at you Cody, because I’ve seen plenty of other people make the same mistake.

The issue is not just that some people look at a web page and think “Oh dear, that text is a bit small, I’d better make it bigger” and then Control-and-Scroll (or whatever their preferred method is) until it looks legible. Sure, some do, but there are a lot more that have set a default text size that is suitable for them, so that (in theory) every web page they go to will appear at a legible text size straight up. So then having set the size they want, it’s reasonable to expect webbists to respect that and give them websites that appear at that chosen size. Yes, they can zoom in (although this doesn’t do a whole lot for the quality of images and design a lot of the time), but why should they have to?

Imagine if you went into a library and (because you’ve got bad eyesight) took out a book from the ‘large print’ section … only to find that it had normal sized print, “because the publishers thought it looked neater like that, and everyone has a magnifying glass they can use if they need it bigger”.

Nuh-uh. If I change a setting like the default text size, I have done that for a good reason. I don’t then want an arrogant designer to be saying to me “I don’t care what size you want to read it, you’re getting it in 12px”. Yes, I can enlarge the text, but that’s solving a problem that shouldn’t have been a problem in the first place.[/font]

Good point. It definitally has been a misunderstanding on my part. I suppose that since I never bother with the default text size myself, it’s been a feature I haven’t taken into consideration.

And so has the designer. He’s been deciding on the fonts in the first place, while you can only decide for the text size, with under the hood settings. Unless you choose to completely ignore its style, which would render the issue void.

Yes, you can. It’s not a problem, but you should do that if it feels like one.

With that, I fail to see any problem on any end with px font sizes. Everybody has choices and the freedom to choose one or the other, whilst everybody else has means to adjust accordingly.

On a side note, using CTRL+wheel to zoom works in a heap of apps, that it’s standard and common knowledge to the users. More so than going under the hood to change default text size, which is a bit too much for the average user.

Just to be perfectly clear, what does “a semi-fluid/responsive hybrid” means to you?

[QUOTE=itmitică;5157314]

Yes, you can. It’s not a problem, but you should do that if it feels like one.[/QUOTE]We’ve had this discussion before. One of the problems is that many of the users with larger default text settings are older people, whose system has been set up by a younger friend or relative. These users are the least likely to know how to zoom in or out on a site, and shouldn’t need to; the site should respect their settings.

Yes, we did had this discussion before.

And yes, no one slamming the px font size has brought forward actual proof of the said “older people/savy tech” situation being anything more than a wild guess. Nevermind it being a mass phenomenon.

And the possibility of the user learning easier methods, like zooming, is far more likely to occur, given the overwhelming number of sites using px fonts, a fact that makes changing the default text size useless.

Though there are friendlier UAs that override this px font size behavior, letting the user to simply and easily decide among Small, Normal, Large, Huge settings for font. Now, that’s a feature to promote, not em and not under the hood changes for only the default text size, if you’re serious about this kind of accessibility enhancement.

[QUOTE=itmitică;5157322]
And yes, no one slamming the px font size has brought forward actual proof of the said “older people/savy tech” situation being anything more than a wild guess.[/QUOTE]What would you like me to do? Get sworn statements from the folk for whom I have set up just such a system? The fact that I know several people in that situation, and other folk on the forums have also raised this issue, says it is commonplace, whether you choose to acknowledge it or not.

I’d think not.

Let’s try Google:

  • how to zoom in browser: About 126,000,000 results (0.23 seconds)

versus

  • how to change default font size in browser: About 3,210,000 results (0.25 seconds)

And, BTW, you’re not helping them help themselves, you realize that, do you? While simply showing them how to zoom will work even if they decide to change the browser, or if the OS has been freshly reinstalled, or if they happen to land behind the keyboard of an unfamiliar computer.

[QUOTE=itmitică;5157322]Yes, we did had this discussion before.

And yes, no one slamming the px font size has brought forward actual proof of the said “older people/savy tech” situation being anything more than a wild guess. Nevermind it being a mass phenomenon.
[/QUOTE]

I have human proof right here. Three of my family members who use the internet but haven’t a clue and had me adjust their system. Three people, all very smart people who are all over 60 and not interested to learn the technical aspects. They just want to have it work. It’s far from being a wild guess at all.

[QUOTE=itmitică;5157333]
And, BTW, you’re not helping them help themselves, you realize that, do you? While simply showing them how to zoom will work even if they decide to change the browser, or if the OS has been freshly reinstalled, or if they happen to land behind the keyboard of an unfamiliar computer.[/QUOTE]These people are learning to use a computer from scratch. That’s enough of a challenge, without having to learn what to do when somebody over-rides their carefully-chosen system settings. We may well get round to it one day, but it’s not top of the priority list.

I don’t pretend to speak for the user.

The technical facts are these:

  • changing the default text size under the hood is partially ineffective, hard to emulate by the common user who becomes dependable, and it offers but one level of accommodation

  • zooming is easier to achieve, it’s in the reach of every common user, who becomes independent, and it offers multiple levels of accommodations

Testimonials are good. But given the technical facts you should consider switching dependency for independence for the users you advise.

We seem to be getting off-topic here, and you’re clearly not going to change your views, so let’s just leave it there and get back to web site widths. :slight_smile:

Did you even consider changing yours? :slight_smile:
Because I know I’ve given you some solid arguments.

Back to widths it is…

I think what you really mean to ask is why did I make the distinction between responsive and semi-fluid design.

Naturally, fluid design and responsive design go hand in hand. However, I still feel that fluid, semi-fluid, fixed, elastic, and responsive are all different design methodologies, with different overlapping and/or mixable qualities. One could make a fixed layout that is responsive to screen size, for example. :slight_smile:

Let’s compare notes. :slight_smile:

There are two basic types of design: fixed and flexible.

Fixed layouts speak for themselves: fixed widths. If one would go for a fixed layout, then the question: “What’s the best website width?” would be of some concern. But I think that no designer these days still thinks of fixed layouts as viable.

Flexible designs are relative designs. They are based on relative dimensions. They can be elastic (based on em) or fluid/liquid (based on %).

Together with min/max, hybrid layouts are anything in between.

Responsive design is a design, fixed, relative or hybrid, that uses media queries. And since the uprising of the mobiles, “What’s the best website width?” is no longer a valid question. Responsive should take care of any width.

[QUOTE=itmitică;5157387]<snip>
Flexible designs are relative designs. They are based on relative dimensions. They can be elastic (based on em) or fluid/liquid (based on %).
<snip>
Together with min/max, hybrid layouts are anything in between.

Responsive design is a design, fixed, relative or hybrid, that uses media queries.
<snip>[/QUOTE]
Which is a solid breakdown of the various methodologies. So if one, such as myself, wanted to refer to a specific mix of the above in bold, it might be worded as a semiSIZE=1[/SIZE]- fluid/responsive hybrid Ya dig? :stuck_out_tongue:

Well then, another one, such as myself, if I wanted to refer to a specific mix, I might word it like this:

“Wouldn’t a responsive design based on a hybrid layout, with a pixel font base, be an OK way to go?”

And the answer is yes, definitely yes! :slight_smile:

Dude, you’re getting way too deep into the semantics of wording. I’m just a simpleton, not an English professor. :stuck_out_tongue:

Trust me, it’s not about an English language issue. :slight_smile:

First off, I’m an ESL, so it’s really not my place to give English language lessons, but rather to take English language lessons.

But, what stroke me in your sentence, and I probably should have said something earlier, is the fact that a semi-fluid is a hybrid already. And… it’s about layout!

Put “semi-fluid/responsive hybrid” in the wrong context and one would get the idea that a layout type and a design concept can be put together to make a “layign”, a hybrid.

Also, a lot of designers get confused when talking about designs and layouts, and which is what, and so I took the opportunity to maybe clear the air for those few reading this thread and possibly for myself.

That’s about it.

The general rule as far as I know, is that a website should be viewable at a 960px width (or viewport). But as said earlier there are different ways of defining width. Percentages are best, but it’s hard to design for and make it work across all devices. I always go for the 960px approach, but set this to work as a min-width, so that if a user has a wider screen, margins, padding and so on will adapt to this.