Web Tip: Use Graphics Wisely to Improve Website Usability
Thursday, March 11th, 2010Design is one of the defining element that attract Internet user to your a site. A major deterrent that keeps someone for staying on a site is the lack of appealing graphics. The challenge for a Web Designer is the create a site that not only is attractive to the user but to keep them interested as well
Just putting graphics on a website isn’t the only factor to consider. Graphic must be used correctly. If the graphic cause the user to turn away because they are just plain bad or they are overwhelmed that’s not good at all.
It is important to have an attractive design. It it the choice of design that needs consideration. And the main consideration to be concerned with the the final user. A successful design that is attractive and functional is one that reached its goal.
Graphic on the Web is considered of of the element of multimedia. When using several design elements like text, sound, animation and graphics your goal is to really a message to the user. When using multimedia in a web site it is vital that it is integral to the content. It must reinforce and support the message of the page content.
Using graphic can increase learning in a positive way. That is only if the image is being used properly. The concept is to remove all barriers to communication and increase understanding.
To help illustrate this point I’ve put together this short list of things to consider when using graphics on your website.
1. Make sure have to have the graphic
Don’t add a graphic for the sake of having a graphic. Make sure it serves a positive function to the content. It is easy to overuse graphics on a page. The real down side is that large unnecessary graphic slow down page load time. Remember time is important to your user. All graphic therefore must support the message and have relevance to its meaning.
2. Repetitiveness
Repeating a message or concept over and over increases retention. This can be true of graphic elements as well. A logo used consistently on your site will increase brand identity. Button with similar graphic elements are useful in usability.
3. Keep it Consistent
Keep thing it their place. If your logo is located at the top left it needs to be there at the same place on each and every page. The same with your navigation graphics. Don’t move things around this will confuse and frustrate your user. The same goes with the use of color. Find a theme and stick to it.
4. Media Loading Priority
As a page loads certain elements get loaded as the browser loads the page. Try to have the markup done is such a way as to load text before graphics. This will help the user know if the information is pertinent to there quest for information.
5. Page Loading
Keep in mind that graphics load much slower than text. The goal is less than 5 seconds. The maximum amount of time should be no more than 15 seconds. Also, with more people using High Speed Connections this frees you to add more multimedia to your site. Just make sure that your target users is up to speed.
6. Optimize Speed
Images need to processed to optimize speed. The web world is much more different than the print world. In the print world Hi-Res images are the standard. However Hi-Res does not work on the web. By optimizing the image you will save time for your visitors. Here are some thing to consider when optimizing for speed.
- Make the graphic size a small as possible. Don’t use the browser to resize
- Decrease image resolution. If your image is 600dpi you must reduce it to 72dpi
- Limit the colors that will be used for the images.
- Limit the use of animation in the graphic.
In web design there can be a conflict between total control of the look of the page and the needs allowed by the user. This is the great balance of design. A good design accomplishes both ends. It take a lot of effort to create an attractive and effective web site. By following the guidelines here the results will be better. But first is to satisfy the user above anything else.
Need A Web Site?
Custom Web Design for Small Businesses by professional and experienced web designer and developer.
Here is what I can do for you…
- Innovative Web Design
- Graphic Design Logos
- Maintain Your Website
- Data Driven Content
- Flash Applications
- Build Shopping Carts for Ecommerce
- Custom PHP Applications and Programming
- WordPress Installation & Customization
Get an affordable, attractive great website today. Hire Me For Your Web Design Solution. View my portfolio at http://portfolio.mediatunes.com