X-cart usability
 

I recently got the following from a visitor:


Well, I have, of course, made changes in skin1.css and have increased the default font size (which way too small) to 12px which displays pretty normally (at least in my view) on monitors with up to 1024 x 768.
Obviously however some people still have problems with this font size on monitors with higher resolution.

Would appreciate if you could share your experience and advice on this matter.

I am afraid that the w3.org font specifications do not leave me any wiser as to how to make x-cart store more easily usable by visitors :)

BTW I guess that this particular user I quoted above would most probably direct the same question to you if she visited your site. :wink:

Of course they could always increase the font size on their browser! But that would be too easy. I don't think I would make changes to my site because of one complaint.

Can you post a link to your site?

Also, the browser does have some say over text size. It's quite easy in Internet Explorer to dial down the font size if you hold CTRL and use your scroll wheel. This would only apply to any font that isn't specifically covered by a CSS rule. Firefox will even override hard set CSS styles.

Ok, let me see if I can try to explain it. If you specify pixels in your CSS file, as in 12px, users on Internet Explorer can't scale fonts up, which they tend to do if they are on a laptop or high resolution setup. In order for the scale up function to work properly, you need to specify percentage (as in font-size: 100%), em units (font-size: 1em) or a relative size such as small, medium, large, etc. The problem of course becomes the fact that if you do this, you have very little control of the appearance of your site.

I, for one, am very particular how my sites look, so I specify pixels. Based on the percentages of visitors to my sites, I will vary this size accordingly, but I have found that well over 75% of the visitors are on 1024x768 resolution in IE 6. For them, 12px looks just fine.

If you want to get really precise, you can use a detection script to deliver different style sheets for different resolutions. However, simply specifying a percentage or an em value for fonts will allow the user more control over how the site looks, and should help you to solve your problem. Just don't expect it to look great when the user sets the font size to display as large :)

Test out the different options and view it in different resolutions and see how it looks.

That's exactly what they cannot do if they are browsing my store using MSIE as I have the font size fixed at 12px. If they used the Maxthon add-on, or Firefox, or Opera they would have no problems to enlarge the pages. But somehow I do not like the idea of telling would be customers something like: "If you want to enter my store you MUST wear your brown shoes" ... :)


Well, it may be one complaint but question is how many click away without bothering to complain. My stats show something like this:

1024x768 - 48.37%
800x600 - 40.37%
1280x1024 - 5.31%
Unknown - 2.73%
1152x864 - 2.10%
640x480 - 0.91%
1600x1200 - 0.21%

Are you ready to easily give up some 6-7% of your visitors?

Those 6-7% of visitors must have an awful lot of problems surfing the web, because there are millions of sites that used 12px as their standard font size. :)

I have figured that much. On my static pages (simple HTML with no fancy design) I am using em units so that MSIE user can scale up font display. Trying the same approach on x-cart store however provides results I did not like so I left the fonts at fixed sizes.
That's why I asked other x-cart users to share their experience.

Well, you may be right. But I guess that at least some of the "millions of sites that used 12px as their standard font size" do have a problem because they are loosing visitors who have enough money to buy bigger monitors ... :wink:

Could you give us your url so we can look at your site. I have found that users who still have their resolution set to 800x600 don't realize that they can change it, so they can see your site just fine. Users who have their resolution set higher know something about computers (or their son changed it for them) and if they are interested in your site can change their resolution.

I have a rule... You can't please all of the people all of the time.. and ... I want my site to look its best so I attempt to please the majority not the minority. (I only want intelligent people surfing my site who have money :D )

I have enough to worry about with X-Cart then the font issue :twisted:

I guess what it really comes down to is a choice between a complaint here and there about small font sizes, or running the risk of having your site layout fall apart because someone inadvertently has their IE settings set to display text at Largest. If you find a way to deliver a site that is 100% compatible with every browser and resolution out there, you will make a mint :)

As I mentioned before, if you are really concerned about the minority, use a detection script that will deliver a different style sheet for each different browser/resolution.