|
|
|
Choosing the right Website Template
Website Templates Looking to establish an online presence? Then, your most affordable solution is to buy a web template. It is important to determine what kind of templates are there in the market before you proceed to but one. The following is a...
Effective Website Design
One of the most commonly overlooked elements of an effective E-Business is the very thing that is essential to your success. Something as simple as the design of your website can make or break your business. Each consumer has their own set...
Good Web Design
"There are two types of web sites. There are those web sites you date, like 'The Data Was Lost Collective...' ...and then...there are those web sites you marry, like Yahoo! The trick is not to confuse the two."
Many web designers get confused...
How To Build Your Own Web Site For Your Online Home Business
Most everyone will agree, if you are going to do business online, you need your own web site. It can be a mini-site or a full blown multi-page site. These days, maybe you just need a blog as a web site. Find out what you need to know to build your...
Mistakes when using Macromedia Flash
My own mistakes when using Macromedia Flash
I have used Macromedia Flash for all the wrong reasons in the
past and i would like to take some time to warn you, so you
don't have to make the same mistakes i have. Quite some time ago
now i...
Online comparison shopping at Christmas
Credit can often be the first thing we think of at Christmas, whether it's taking out a personal loan, credit card or simply the extension of an overdraft. However, saving money at Christmas isn't just a matter of searching for the best personal...
Separating Presentation, Content and Structure
The overall quality of the website quantifies its worth. It must not only be unique, flashy or overwhelming, it should also be functional, entertaining. It is not only there for display. Its there for a purpose and it should serve that purpose....
Spider Friendly Web Pages
First off what is spider friendly navigation? Basically it is how easily search engines can read your website. This ultimately depends on the search engine that is reading your site. Some have the patience to dig deep into your site and promise to...
Web Design Is Not For The Squeamish: 9 Things You Should Know Before Designing A Website
The internet has become an integral part of our lives. Everyday
more and more websites are going online. With the advent of
online sitebuilders included with many hosting packages, anyone
can easily create a web presence and feel comfortable...
Web Page Templates - 5 Reasons Why You Should Use Them
If you're just starting out in your career as a web designer,
you likely have a lot of work left to do before you have an
established portfolio. After all, it's hard to convince
potential new customers that you have the talent and skills...
|
|
| |
|
|
|
|
|
|
Designing by Numbers -- Statistics and No Lies!
Stats tell us a myriad of things, some even useful and we're
accustomed to using them in our marketing and selling processes.
Frequently abused and made to say what WE want, but here I am
merely considering them in ways that influence site design ...
and, I believe, letting the numbers speak for themselves.
Before finalising my own choices for the recent (and always in
progress) re-design at http://www.tucats-design.com I had a look
at my stats and at various global statistical information online.
For this exercise, I took a glance at the overall picture via the
third-party service I use from http://www.thecounter.com -- all
my pages have their invisible option installed. Raw log stats
will tell you a whole lot more, but this serves the purpose.
OK, I'm lazy and I like getting their weekly report by email.
The information (percentages) for my site are those used for the
analysis below. The global stats I consulted didn't show any
fundamental differences from these findings, i.e. they should
apply to you too unless your site only caters to some specific
group that is far and away from the average.
Resolution:
Unknown (2%)
640x480 (9%)
800x600 (61%)
1024x768 (23%)
1152x864 (1%)
1280x1024 (1%)
1600x1200 (0%)
It wasn't that long ago that there was a case for making sites at
a fixed 600 pixel width to fit the 640 x 480 resolution. For
single-product sales letters, I think there is still a case. It
looks better than having lines stretch across too wide a portion
of the screen, even if the visitor does have 1024 x 768.
If you have more content to link to, you need space for menus and
stuff. Is it safe to use a bit more screen real estate? I take my
lead from Boogie Jack - http://boogiejack.com -- in that when a
group drops below 10%, then it is safe to stop labouring too hard
to make things absolutely and perfectly compatible.
The percentages above too are taken from cumulative data -- that
is those built over time. What they don't show is that the 9%
using 640 x 480 could have visited months ago. I certainly know
that percentage has been dropping as time has passed.
So, to fit in with the now most common 800 x 600 resolution, I am
using a fixed width of 750 pixels for the tables that form the
basis for my design. Now it's true that you could just design in
100% widths so that it will adapt to everything, but it is just
so much harder to do, especially if you want to use tables with
multiple columns. The chances are high that you'll put some image
somewhere which mucks it up. Been there!
As you can see, 1024 x 768 has now jumped up into second place (I
use that resolution myself) at a pretty meaningful 23%. Yet I see
sites every day that look absolutely awful at that resolution
because they were designed for smaller sizes, but using 100%
width tables. You really need to consider this group now.
However, it is easy to test and easy to change your resolution.
For the vast majority of you using Windows 98. Simply Right click
on any blank portion of your desktop and select "Properties" from
the popup menu. From there, select the Settings tab.
You'll see a slider control in the bottom-right of that window,
which will probably go from 640 x 480 to 800 x 600 and 1024 x 768
on the right. Choose any option and you'll have 15 seconds to
"test" after which the machine will restore automatically to your
previous settings, unless you tell it otherwise.
Another way is to get SilverThingy from Sausage Software
"Test Web
pages in a number of screen configurations.
Using either Internet Explorer or Netscape you are able to
preview your Web pages in the three popular screen resolutions
(640 by 480, 800 by 600, 1024 by 768). This allows you to make
certain your Web pages will look great on everyone's screens
regardless of their settings!"
http://www.sausage.com/supertoolz/web_utilities/stsilverthingy.ht
ml
Browsers:
MSIE 5.x (70%)
Netscape 4.x (14%)
MSIE 4.x (9%)
Netscape comp. (2%)
MSIE 2.x (1%)
Opera x.x (0%)
MSIE 3.x (0%)
Unknown (0%)
Netscape 3.x (0%)
Mozilla 5.x (0%)
Netscape 2.x (0%)
Netscape 1.x (0%)
The days of having to be absolutely pedantic about "cross-browser
compatibility" are gone.
With a total of 79% of visitors able to see most or all of the
extra goodies that you can do, particularly with CSS, in IE 4 &
5, use 'em. Just take care that they are only "lost" on Netscape
users and don't turn out looking funny.
Forms are my bug-bear. You can format neat little boxes to fit in
small spaces in IE, then they take up half the page in Netscape.
I still have some to fix. If you design for MS IE, I'd advise
you, from bitter experience, to take another look at yours.
Keep a copy of Netscape on your machine for testing as I do, or
save heaps of HD space and pop along to http://www.anybrowser.com
-- "Your Source for Browser Compatibility Verification".
Operating System:
Win 98 (69%)
Win 95 (15%)
Win NT (6%)
Win 2000 (2%)
Unknown (2%)
Mac (1%)
WebTV (1%)
Unix (0%)
Win 3.x (0%)
Linux (0%)
Amiga (0%)
OS/2 (0%)
Nothing here we didn't know already! With only 1% of people using
a Mac, you really have to make a decision. Do you really need to
labour creating alternatives such as .pdf flavour eBooks or do
you cater to the vast majority and stick with .exe? Your call!
Java/JavaScript:
No JavaScript: (5%)
JavaScript <1.2: (1%)
JavaScript 1.2+: (94%)
Java enable: (92%)
Java disable: (2%)
Java unknown: (6%)
All you can conclude from this is that it is safe to use both
these technologies. Whether you should or not is another matter!
If something can be done with CGI (drop menus, for example), use
that in preference to JavaScript. Similarly, use the SSI Echo
Directive for preference on things like dates.
If you MUST use Java, make sure you have a water-tight excuse and
that you NEVER use it on your front page. I just hate having my
browser crash the moment I enter your site or waiting a week for
your "bells and whistles" navigation to load before I can go
anywhere. How much of your site will I surf? Yep, you guessed it!
The conclusion from these stats is that the "average visitor" --
ignoring for one moment that the average visitor is actually a
real live HUMAN BEING -- uses Microsoft Internet Explorer 5.x
with a resolution of 800 x 600, running on Windows 98, with Java
and JavaScript enabled.
If you design with this Mr/Ms. Average in mind, but just taking
care not to completely upset any minority group, you'll come up
with a happy-medium that makes for a good browsing experience for
them and a heck of a lot less stress for you.
We could all use things that make life easier and that's no lie!
About the Author
Pamela Heywood is webmistress of http://www.tucats-design.com
- Building Your Online Business Instinctively. Subscribe to the
weekly TuCats Mewsletter (sic) mailto:subscribe@tucats-design.com
and get regular FREE hints, tips, articles and resources.
|
|
|
|
|
|