What resolution should your website be designed for? by Deepak
Sharma
What resolution should your web site be designed for?
Varying resolutions of user's monitor can eclipse your site
Kudos for making a fascinating web site and for all the real hard work you put
in place from your end. But as a matter of fact you deserve rewards in terms of
what you expect your web site to yield rather than eulogies from some other
quarter.
The beauty of your web site should percolate down to its intended end users.
But what is critical on this front is: Your web site should dawn on your users
precisely the way you have designed it -- intelligently and laboriously -- to
appear.
Your desire may be topping your wish list but it may be marred by some hard
facts. The usage of PC is still evolving and characterized by marked disparity
in its constituent parts. This is note that the majority of PC users use older
versions and their willingness to opt for latest accessories is something very
discouraging.
A glimpse on differing resolutions in use
Right at the outset, be it known to you that monitor size and monitor
resolution are two altogether different entities and should not make you
perplexed to render your web design adaptive to it. The matter of pretty
concerns is the resolution of the monitor which can be a hurdle or a good help
to showcase your web site's prized attributes.
In the preliminary phase of PC popularity, 640 by 480 resolutions ruled the
roost but it gave way to other resolutions as they hit the market fancifully.
The commonest resolutions, as of now, happen to be 640 by 480, still quite in
number, 800 by 600, and 1,024 by 768. What makes the matter tough to deal with
is the fact that these resolutions apart, there is good number of some odd
dimensions. Though not common, but still they assume importance because you
will be missing out to count on them to be beneficiaries of your web site.
Reasons? Well, they may end up being deprived to see your web site the way you
have intended them because their resolutions do not support to see your web
site in its entirety, with all its beauty and elegance.
You are right if you get a little confused as this is almost a quirky situation
when it comes to design at what resolutions for better results, and of course,
for better reach.
Let's find some workable solutions!
One-Size-Does-Not-Fit-All. So, what are the workarounds?
What workarounds you should be up to largely depends on what kind of coverage
your web site has been conceived and accordingly designed for. Take for
example, if you intended your web site to be classy and artistic, go on with
the resolutions that help look it as desired regardless of its reach.
Due consideration cannot be done away in case where one aims for optimal
exposure, especially when the web site supports and promotes business
interests. Though web site in entirety is something of great importance to a
business, but nonetheless some part of the web page might be comparatively
important to other parts. Like, part that exhibits navigation bar, ad banners,
your own or of clients, new product launches, or cool offers.
These important stuff should be visible to all - whoever browses your site no
matter what screen resolutions they are using. While designing for resolutions,
keep all such crucial stuff in 640-by-480 display size simply because this is
believed to be most fundamental dimension in use. The advantage emanating from
this approach is that you do not necessarily design exclusively for 640-by-480
users, but at the same time do not deprive them to see what could be important
to you -- and for them, too. And those using higher resolutions are nicely
targeted in the process.
There is a useful way to help you in your prepatory works to make your web site
rightly visible across users of different resolutions. It is a good move to see
for yourself how your web page looks in different resolutions. Whether the
crucial part is catching the attention of users in different resolutions. If
not, where on the web page that important part may be strategically placed to
augment visibility across different resolutions as may be possible.
But how do you begin? There is something called shareware programs, compatible
with Windows or Macintosh, which comes for this purpose. With this, you can
accomplish all the above tasks, and can do the adjustments as a result thereof.
There is yet another means that can help you out in your visibility drive. As
the benefits of this means are galore; so expectedly, it will demand a good
amount of time and efforts on your part. After all, what rewards you ultimately
is what tests your nerves. You need to have different versions of our web site
in terms of resolutions to begin with. Further, you have to use JavaScript to
find out the resolution of your user. This will be followed by redirecting the
user to the version best suited to the resolution in question, giving your web
site utmost exposure with vividness and clarity.
Coming out of this intrigue, on safer side
You must be up to this point that there is no simple answer to the simple
question: What resolution should your design web site for?
Well, it depends on a lot of things. Though it can vary in the context of the
nature of web site and its intended purpose as outlined in preceding
workarounds part of this article.
Depending on your needs, you may well go for accommodating the full space of
the window browser for lower resolutions, or you may act cautious so that your
web content is rightly printed out on normally used papers in standard laser
printer. Designing for 640-by-480 is a safe resort, but designing for 750
pixels width will be especially better for higher dimensions, and will go in
harmony with lower dimensions as well if decisive stuff is placed thoughtfully
with an eye on visibility accruing on lower dimensions .
Another careful consideration in your web site could be the use of frames.
Frames consume a good deal of space, and may make other significant things on
your web site wanting in space. Follow a thumb rule: Use the minimal number of
frames in your web site, and its use must have convincing reasons. Simply put,
use it when and only when you cannot think of its substitutes and frame alone
is the answer. Sensible use of frames will make other important things on the
site visually prominent.
To cut the story short, you do not have direct controls on what resolutions
users would be having on their monitors while browsing. But accommodating most
of the users across varying resolutions to make them see the most vital aspect
of your web page is something you cannot afford to miss. Technologies keep on
progressing and user patterns change, albeit slowly - this very aptly depicts
the way users are opting for higher resolutions. In this backdrop, make sure
that significant low end users are not unattended and your business is not at
an opportunity cost.
About the Author
Deepak Sharma is a Web
Designer at BlueApple, a
Web Design and Development Company with a well connected development
infrastructure in India having a strong portfolio with global clientele and
offering superior web services and solutions at competitive costs.
|
