Miami Web Design
Not all websites are created equal. Good web design is not difficult but there are a few things you should avoid if you want to create attractive and user-friendly websites. The 10 most common mistakes inexperienced web designers make are:
1. Technology for technology's sake
It's very nice to play with new toys, but your website is not a suitable playing field. Visitors to your website are interested in content, not whether you have Brand X Version N of flashy stuff on your website. Keep things simple. Use tried and trusted technology, not web tools that require the user to download special add-ons just to view your website. They won't.
2. Using frames for page layout
Frames are a cop-out. They are easy for the designer, that's why they are used so often. But they have a stack of disadvantages from the user's point of view - and it is the user that we need to cherish, not the designer. The biggest problem is that the back button becomes unpredictable. You can't bookmark the current page and come back to it - you will be returned to another version of the frameset. It's also difficult for the user to know when to scroll, because different bits of the page have their own scroll bars.
3. Scrolling, blinking and animations
Moving images are distracting. Don't use them. Visitors want to be able to read and digest what you are saying on your website. They don't want the text to be bouncing around or flashing on and off before their eyes.
4. Colour clashes
Yes there are 256 different colours you can use for text and background, but that doesn't mean you have to use all of them. Nor does it mean that you should use colour combinations that give your visitors eye-strain. Choose colour combinations that provide a good contrast - dark on light is easier to read than light on dark.
5. Where am I?
All pages must have a clear indication of which website they belong to, either in the browser window or on the web page itself. This is to help users who come to pages directly without coming in via the home page. For the same reason, every page should have a link to the home page as well as some indication of where they fit within the structure of your website.
6. Long scrolling pages
It's best to avoid pages that have several screenfuls of content. Users will only scroll if they believe that there is something useful further down the page. If you really can't split the page up, then at least provide content and navigation options on the top part of the page.
7. Lack of signposts
Your users won't know their way around your site like you do. Provide a clear idea of structure and place. Use a menu bar or column in the same place on every page. If you have more than two levels of page hierarchy, provide a site map and search function as well.
8. Non-standard link colours
It has become conventional for links to pages that have not been visited by the user to be blue, and links to previously seen pages to be purple. Don't invent your own colour codes, you will only confuse visitors to your site.
9. Long download times
In our increasingly "time poor" society, people are getting more and more impatient, and when websites take too long to load, they will go somewhere else and probably won't come back to you. So do everything you can to reduce download times. When designing your website, consider reducing the number of images on each page, and definitely reduce the size of the image files.
10. Outdated information
Nothing is worse than a website that advertises an event that has already passed its date, or a product that has already sold out. Have a plan to review and modify your site on a regular basis. When designing your website, identify pages that are date sensitive and remove or amend them as soon as that date has been reached.
Web Design
Photo Optimization is necessary to allow a web page to load in the shortest amount of time possible. Fast loading time require small files. This article discusses the methods used for photo optimization.
In an ideal world, a web designer could use the highest quality photos and have the webpage download lightening fast. Fast loading requires small file sizes for pictures. Unfortunately, there is a trade off between picture quality and file size.
Web surfers are a notoriously impatient bunch. If a website takes too long to load, they will just click away and never come back.
Computer monitors can only display images at 72dpi (dots per inch). So the first step in photo optimization is to reduce the resolution to 72 dpi. Large picture can be sliced up into smaller ones and the put back together on the web page. Each piece will be a very small file and together will load in a fraction of the time a single image file would load.
Most graphic files contain information about the color palette of the image. This information is usually unnecessary for displaying on the web. Many graphic programs included the ability to “Save for the web”. This option discards all of the unnecessary information in the file without any loss of picture quality.
Another method that appears to speed up load time is to use either the GIF or PNG interlaced or the JPEG progressive property. Both of these properties allow the picture to load gradually as first a blurry image that becomes sharper and clearer. In reality the picture actually loads a fraction of a second slower than the regular formats do but it appears to load faster the site visitor.
Width and Height IMG Attributes
The HTML
How Many Images should you use?
Some web designers use images for everything. While it may look good, it will definitely slow down the speed of the page loading. Page loading speed in the sum of the HTML file plus the size of all of the embedded files. Images constitute more than 50% of the download time.
Using fewer images will speed download time and just may keep a visitor from bailing through impatience.
Photo Quality
Photo quality is determined by the clarity, color purity and detail of a photo. Use a graphic editor to remove noise and other unwanted features. Most editors allow you to correct red-eye and sharpen edges to improve clarity.
Professional editors like Fireworks or Photoshop will let you change the background, adjust the color levels and do almost anything else you want to do to the photo.
You can also use a thumbnail on the webpage that links to a larger and higher resolution version of the image so that people who want to can view it.
Read more about Aston Weber Group:
Web Design, Miami Web Design, Miami Web Design, Web Design
Niciun comentariu:
Trimiteți un comentariu