Even though more and more Internet users switch to broadband every year, a large portion of the web's population is still running on good old dialup connections. It is therefore unwise to count them out of the equation when you're designing your website, and a very major consideration we have to make for dialup users is the loading time of your website.
Generally, all the text on your website will be loaded in a very short time even on a dialup connection. The culprit of slow-loading sites is mainly large images on your website, and it is very important to strike a delicate balance between using just enough images to attract your users and not to bog down the overall loading time of your site.
You should also go to a greater length and optimize every image on your site to make sure it loads in the least time possible. What I really mean is to use image editing software to remove unnecessary information on your images, and thereby effectively reducing the file size of your image without affecting its appearance.
If you own Photoshop, it will be obvious to you that when you save an image as a JPEG file, a dialog box appears and lets you choose the "quality" of the JPEG image -- normally a setting of 8 to 10 is good enough as it will preserve the quality of your image while saving it at a small file size. If you do not have Photoshop, there are many free image compressors online that you can download and use to reduce your image's file size.
On the other hand, you can opt to save your images in PNG format to get the best quality at the least file size. You can also save your images in GIF format -- the image editing software clips away all the color information not used in your image, hence giving you the smallest file size possible. However, saving in GIF format will often compromise the appearance of your image, so make your choice wisely!
Thursday, January 13, 2011
Web Design Elements You Should Avoid Having on Your Site
As a web designer, you should design your websites to give your visitors the greatest ease of use, the best impression and most important of all a welcoming experience. It doesn't matter if you had the greatest product in the whole world -- if your website is poorly done you won't be able to sell even one copy of it because visitors will be driven off your website by the lousy design.
When I'm talking about a "good design", I'm not only talking about a good graphical design. A professional web design will be able to point out that there are many components which contribute to a good website design -- accessibility design, interface or layout design, user experience design and of course the most straightforward, which is graphic design.
Hence, I have highlighted some features of the worst web designs I've come across. Hopefully, you will be able to compare that against your own site as a checklist and if anything on your site fits the criteria, you should know it's high time to take serious action!
1) Background music
Unless you are running a site which promotes a band, a CD or anything related to music, I would really advise you to stay away from putting looping background music onto your site. It might sound pleasant to you at first, but imagine if you ran a big site with hundreds of pages and everytime a visitor browses to another page on your site, the background music starts playing again. If I were your visitor, I'd just turn off my speakers or leave your site. Moreover, they just add to the visitors burden when viewing your site -- users on dial up connections will have to wait longer just to view your site as it is meant to be viewed.
2) Extra large/small text size
As I said, there is more to web design than purely graphics -- user accessibility is one big part of it too! You should design the text on your site to be legible and reasonably sized to enable your visitors to read it without straining their eyes. No matter how good the content of your website or your sales copy is, if it's illegible you won't be selling anything!
3) Popup windows
Popup windows are so blatantly used to display advertisements that in my mind, 90% of popup windows are not worth my attention so I just close them on instinct every time each one manages to pass through my popup blocker (yes, I do have one like many users out there!) and, well, pops up on my screen. Imagine if you had a very important message to convey and you put it in a popup window that gets killed most of the time it appears on a visitor's screen. Your website loses its function immediately!
In concluding this article, let me remind you that as a webmaster your job is to make sure your website does what it's meant to do effectively. Don't let some minor mistakes stop your site from functioning optimally!
When I'm talking about a "good design", I'm not only talking about a good graphical design. A professional web design will be able to point out that there are many components which contribute to a good website design -- accessibility design, interface or layout design, user experience design and of course the most straightforward, which is graphic design.
Hence, I have highlighted some features of the worst web designs I've come across. Hopefully, you will be able to compare that against your own site as a checklist and if anything on your site fits the criteria, you should know it's high time to take serious action!
1) Background music
Unless you are running a site which promotes a band, a CD or anything related to music, I would really advise you to stay away from putting looping background music onto your site. It might sound pleasant to you at first, but imagine if you ran a big site with hundreds of pages and everytime a visitor browses to another page on your site, the background music starts playing again. If I were your visitor, I'd just turn off my speakers or leave your site. Moreover, they just add to the visitors burden when viewing your site -- users on dial up connections will have to wait longer just to view your site as it is meant to be viewed.
2) Extra large/small text size
As I said, there is more to web design than purely graphics -- user accessibility is one big part of it too! You should design the text on your site to be legible and reasonably sized to enable your visitors to read it without straining their eyes. No matter how good the content of your website or your sales copy is, if it's illegible you won't be selling anything!
3) Popup windows
Popup windows are so blatantly used to display advertisements that in my mind, 90% of popup windows are not worth my attention so I just close them on instinct every time each one manages to pass through my popup blocker (yes, I do have one like many users out there!) and, well, pops up on my screen. Imagine if you had a very important message to convey and you put it in a popup window that gets killed most of the time it appears on a visitor's screen. Your website loses its function immediately!
In concluding this article, let me remind you that as a webmaster your job is to make sure your website does what it's meant to do effectively. Don't let some minor mistakes stop your site from functioning optimally!
Navigation- The Key to Better Websites
One of the primary implications of a well-organized / good website, is to keep your visitors in the website. A website is definitely created for a purpose, unless intended for personal use, which is the minority. For example, a portfolio website would want to be visited and it’s content viewed. For companies and internet businesses, your website certainly aims to provide product information, to make sales, or somewhat similar. However, most individuals undoubtly prefer visually captivating designs, so on and so forth. It is undeniable that this causes no harm, but one must put himself/herself in other people’s shoes, as to understand how a visitor to the website might think, do and react.
1 ) Navigation
As I said, a web designer has to learn how to think the way your visitors think.
Situation A : Website with good navigation ( 2-3 hyperlinks to target page ), well planned in terms of placement, and design.
Situation B : Website with poor navigation ( takes forever for the visitor to reach his/her target page ), hard-to-read navigation fonts and poor placement of the navigation buttons/bar.
In Situation A, a visitor will always want to be able to access his/her target page. For example, the individual comes across your website, and is interested in the product sold, but wants to find more information. He/she finds the navigation with no trouble, and enters the particular product information page.
As for Situation B, a visitor stumbles into the website, and would also like to find out more information about the product. Unfortunately, due to bad placement and fanciful font-types, the visitor takes forever, or even fails to find the navigation bar. Even when he/she does so, links to the product information are nowhere to be found, (example : home > about > products > product image > etc…[a few more clicks] > product information ).
Analysis : In both situations, wouldn’t a website with characteristics similar to the Situation A be more rewarding ergo better?
1 ) Navigation
As I said, a web designer has to learn how to think the way your visitors think.
Situation A : Website with good navigation ( 2-3 hyperlinks to target page ), well planned in terms of placement, and design.
Situation B : Website with poor navigation ( takes forever for the visitor to reach his/her target page ), hard-to-read navigation fonts and poor placement of the navigation buttons/bar.
In Situation A, a visitor will always want to be able to access his/her target page. For example, the individual comes across your website, and is interested in the product sold, but wants to find more information. He/she finds the navigation with no trouble, and enters the particular product information page.
As for Situation B, a visitor stumbles into the website, and would also like to find out more information about the product. Unfortunately, due to bad placement and fanciful font-types, the visitor takes forever, or even fails to find the navigation bar. Even when he/she does so, links to the product information are nowhere to be found, (example : home > about > products > product image > etc…[a few more clicks] > product information ).
Analysis : In both situations, wouldn’t a website with characteristics similar to the Situation A be more rewarding ergo better?
Wednesday, January 12, 2011
Website Customization tips
Nowadays, in this trendy world, people get very uptight when they do not look entirely presentable. This would also be the case in web designing.
Every individual would definitely want their website to look good, if not, to the best they can. Here are a few things we could look out for when wanting to create a professional looking webpage.
Color Schemes and Themes.
When designing, always choose matching colors. An example of a matching color would be to have a dark background, with visible words and designs. With the dark theme, try not to mix too many bright colors into the design. What we should NEVER do, is to mix two very different colors, such as purple and yellow. Now, of course, it would depend on the purpose of the website, but those two colors are too striking for one who wants it to look more professional.
Themes must always suit the company or rather, the organization / etc. If the website was made to cater for a food company, it would be wise to stick to that particular category, rather than to revert to a different theme, such as machinery.
Fonts should be used in regard to the formality of the website. A simple sans-serif font would suffice in most cases. Exceptional cases such as design and art groups might want to use fanciful designs and fonts. Of course, that’s only if you know what you’re doing.
Finally, we must always try to think of our visitors, see the way they see. The resolutions and file sizes of the pictures must not be too large in terms of size. This is to allow maximum compatibility and cater our visitor’s needs.
So, planning is something we should always do, before attempting something.
Every individual would definitely want their website to look good, if not, to the best they can. Here are a few things we could look out for when wanting to create a professional looking webpage.
Color Schemes and Themes.
When designing, always choose matching colors. An example of a matching color would be to have a dark background, with visible words and designs. With the dark theme, try not to mix too many bright colors into the design. What we should NEVER do, is to mix two very different colors, such as purple and yellow. Now, of course, it would depend on the purpose of the website, but those two colors are too striking for one who wants it to look more professional.
Themes must always suit the company or rather, the organization / etc. If the website was made to cater for a food company, it would be wise to stick to that particular category, rather than to revert to a different theme, such as machinery.
Fonts should be used in regard to the formality of the website. A simple sans-serif font would suffice in most cases. Exceptional cases such as design and art groups might want to use fanciful designs and fonts. Of course, that’s only if you know what you’re doing.
Finally, we must always try to think of our visitors, see the way they see. The resolutions and file sizes of the pictures must not be too large in terms of size. This is to allow maximum compatibility and cater our visitor’s needs.
So, planning is something we should always do, before attempting something.
Mistakes To Avoid When Using Web Templates
Website templates are very affordable and they save you a lot of effort and time when you want to create a new layout for your website. However, a lot of people make mistakes in the process of choosing and using a web template and end up with something that was unlike the image they had in mind. Here are some guidelines to help you avoid those mistakes.
The first obvious mistake you should be aware of is using a template that is very popular. If many people use the same template, your website will not appear unique at all and your credibility as a solid, different website will be tarnished. In other words, you will appear generic just like your next-door neighbours.
To whole point of using a web template is to save time and effort. You just change the title and appropriate details and you're done. The biggest mistake one makes is to customize the template beyond recognisation. While that may be good in the sense that you're creating a unique graphic, you're defying the very purpose of using a web template -- saving time and effort.
However, on the opposite side, if a template you purchase is suitable but some changes must be made to suit your site's theme, then you will have to take some time to make the changes. For example, you can find a very nice template that suits your hobby site except the original designer has put an image of stamps in the header. You can find images of garden plants and spades to replace the stamps for your gardening hobby site. However, do only make the necessary changes and don't redesign the whole template.
In some circumstances, some people simply make the wrong choice of templates. This is a very subjective issue but you have to be careful in selecting templates to suit your audience. Do not choose templates just because they are pretty, choose them because they serve your purpose.
The first obvious mistake you should be aware of is using a template that is very popular. If many people use the same template, your website will not appear unique at all and your credibility as a solid, different website will be tarnished. In other words, you will appear generic just like your next-door neighbours.
To whole point of using a web template is to save time and effort. You just change the title and appropriate details and you're done. The biggest mistake one makes is to customize the template beyond recognisation. While that may be good in the sense that you're creating a unique graphic, you're defying the very purpose of using a web template -- saving time and effort.
However, on the opposite side, if a template you purchase is suitable but some changes must be made to suit your site's theme, then you will have to take some time to make the changes. For example, you can find a very nice template that suits your hobby site except the original designer has put an image of stamps in the header. You can find images of garden plants and spades to replace the stamps for your gardening hobby site. However, do only make the necessary changes and don't redesign the whole template.
In some circumstances, some people simply make the wrong choice of templates. This is a very subjective issue but you have to be careful in selecting templates to suit your audience. Do not choose templates just because they are pretty, choose them because they serve your purpose.
5 Important Rules in Website Design
When it comes to your website, extra attention should be paid to every minute detail to make sure it performs optimally to serve its purpose. Here are seven important rules of thumb to observe to make sure your website performs well.
1) Do not use splash pages
Splash pages are the first pages you see when you arrive at a website. They normally have a very beautiful image with words like "welcome" or "click here to enter". In fact, they are just that -- pretty vases with no real purpose. Do not let your visitors have a reason to click on the "back" button! Give them the value of your site up front without the splash page.
2) Do not use excessive banner advertisements
Even the least net savvy people have trained themselves to ignore banner advertisements so you will be wasting valuable website real estate. Instead, provide more valueable content and weave relevant affiliate links into your content, and let your visitors feel that they want to buy instead of being pushed to buy.
3) Have a simple and clear navigation
You have to provide a simple and very straightforward navigation menu so that even a young child will know how to use it. Stay away from complicated Flash based menus or multi-tiered dropdown menus. If your visitors don't know how to navigate, they will leave your site.
4) Have a clear indication of where the user is
When visitors are deeply engrossed in browsing your site, you will want to make sure they know which part of the site they are in at that moment. That way, they will be able to browse relevant information or navigate to any section of the site easily. Don't confuse your visitors because confusion means "abandon ship"!
5) Avoid using audio on your site
If your visitor is going to stay a long time at your site, reading your content, you will want to make sure they're not annoyed by some audio looping on and on on your website. If you insist on adding audio, make sure they have some control over it -- volume or muting controls would work fine.
1) Do not use splash pages
Splash pages are the first pages you see when you arrive at a website. They normally have a very beautiful image with words like "welcome" or "click here to enter". In fact, they are just that -- pretty vases with no real purpose. Do not let your visitors have a reason to click on the "back" button! Give them the value of your site up front without the splash page.
2) Do not use excessive banner advertisements
Even the least net savvy people have trained themselves to ignore banner advertisements so you will be wasting valuable website real estate. Instead, provide more valueable content and weave relevant affiliate links into your content, and let your visitors feel that they want to buy instead of being pushed to buy.
3) Have a simple and clear navigation
You have to provide a simple and very straightforward navigation menu so that even a young child will know how to use it. Stay away from complicated Flash based menus or multi-tiered dropdown menus. If your visitors don't know how to navigate, they will leave your site.
4) Have a clear indication of where the user is
When visitors are deeply engrossed in browsing your site, you will want to make sure they know which part of the site they are in at that moment. That way, they will be able to browse relevant information or navigate to any section of the site easily. Don't confuse your visitors because confusion means "abandon ship"!
5) Avoid using audio on your site
If your visitor is going to stay a long time at your site, reading your content, you will want to make sure they're not annoyed by some audio looping on and on on your website. If you insist on adding audio, make sure they have some control over it -- volume or muting controls would work fine.
Friday, November 12, 2010
How To Use FTP To Connect To Your Site Host
Having desiged the pages of your website
in your local computer you will need to upload you site to a remote server where it will remotely hosted to do this you need an FTP(file transfer protocol software). some people in a bid to make things easier for them upload files from their computer to their hosting remote server via control panel (e.g. cpanel) but this is not always the best option for web designers because it usually leads to problems and errors. FTP makes it easier for you to upload files to your site effortlessly without many errors
The things you will need
• FTP software
• FTP login information
• Website files to be uploaded (transferred)
This video will walk you through the process of how to use ftp to connect to you site
in your local computer you will need to upload you site to a remote server where it will remotely hosted to do this you need an FTP(file transfer protocol software). some people in a bid to make things easier for them upload files from their computer to their hosting remote server via control panel (e.g. cpanel) but this is not always the best option for web designers because it usually leads to problems and errors. FTP makes it easier for you to upload files to your site effortlessly without many errors
The things you will need
• FTP software
• FTP login information
• Website files to be uploaded (transferred)
This video will walk you through the process of how to use ftp to connect to you site
Subscribe to:
Posts (Atom)