Website Design – What About Hand-Held Devices?
A website looks different on a tiny hand-hand with a resolution of 960×640 than it does on a 23″ monitor with a resolution chosen of 1920×1080. The monitor size and screen resolution choices which are separate issues can vary significantly. You have the tablet, a 15 inch Mac with 1440×90 resolution, a 23 inch PC with 1920×1080 resolution. Monitor size alone comes in 6 inches, 13 inches, 15 inches, 17 inches, 19 inches, 21 inches, 23 inches, etcetera.
Designing a site with this in mind makes it easier to understand that the site should be flexible and ready for drastic changes that would benefit the hand-held device.
Basically, you can create a beautiful website which can be viewed on most PC’s monitor sizes varying from 13 inches to 24 inches and larger. If your site is flexible, in most cases, you wouldn’t even tell the difference between browsers. Scrolling will occur on pc’s with low resolution levels.
An example might be like this: Your site is built with 1000px Container. Viewed in 800×600 resolution, some clipping will take place which will produce a scroll bar.
Stylesheets and Disabilities
The lower resolutions produce larger font, and in some cases, visitors have set Custom Controls to affect the stylesheets to get the larger font! Don’t forget the hundreds of thousands of visitors with disabilities. You can “listen” to your site through the Firefox browser. This is a big reason to ensure your site offers image “alt” tags for adding a description instead of the image. Take a listen to your website! Again, in a perfect world, you have to be flexible.
Handhelds and Print – Separate Stylesheets Are a Must!
When it comes to hand-held devices and great design, this is where a separate style sheet is a must. The phone or device itself tells the browser what it is, and it will (the browser) pick up the alternative style sheet. As a designer, you will need to know how to turn off large images and anything else that is not viewable by a small device. At the same time, you have the capability to create a much simpler, readable, useable website that still has a good flow and ease of use by your visitors.
A well designed website should have these three stylesheets:
1. For “all” types of media – again, good design should cover this, even if it looks a little different in the various browsers, resolutions, and monitor sizes that exist.
So as you can see, creating a great website is really about creating a great company and a great designer takes these things into consideration and will go to great lengths to ensure your site looks great on any device, functions 100%, is crafted with clean, validated code, and most importantly, a welcoming place for your visitors to find what they are looking for.