Ten Design Mistakes to Avoid
null null Babylon 6 Abebooks Find Scholarships Today!
Avoid these mistakes and your site will be steps ahead of your competition.
1. Not planning your site
Before you even have a website, you must have an idea, a focus. Why do you want a website? What are your plans and goals for the site? Sit down and draw out a map of possible pages and ideas for your site. Include your site's purpose --whether it is to sell more product or make the public more aware of your issue -- whatever it may be. Build your site from it's strong foundation (your goals) and you'll have a better, more solid site.
2. Failing to put contact information in a plainly seen location.
This could be disastrous. If a customer doesn't see this information, they can't contact you. You should consider a 'Contact Us' button or link from your Home page. Even better, make a link to your email address in your header or footer, somewhere that will show up on every page. Even if no one ever contacts you this way, just the presence of this information comforts edgy customers.
3. Broken Links
Do you enjoy clicking on a search result only to get a Page Not Found Error? No one likes them. Check your site statistics at least once a month (if not more) to make sure you don't have bad or broken links.
4. Outdated Information
A sure turn-off to a potential customer is the presence of old information. If it's July and your website is announcing the 'new' products available in February, your site just lost major credibility. Make sure your information is up-to-date. Consider adding a 'Whats New' button or a Business Blog.
5. Too Many Font Styles and Colors
This is a huge pet-peeve of my company. I've had people ask me to review their website and the first thing I notice is 4 different fonts. It looks bad, unorganized and unappealing. Different colors may attract the eye for a short time, but constant flashing or otherwise bright fonts (and graphics!) become annoying. Beware, this is a sure-fire way to scare people away from your site!
6. Orphan Pages
Every website has a heirarchy, a sort of tree that branches out from the Home Page. While most of your visitors visit you through your home page, there are times when a page further down interests someone, and they may copy that link and send it to a friend. This is where you need to pay attention. That friend may like what you have to offer, but they can't find out how to contact you, or how to get back to your Home Page. That's an orphan page. Every page on your site should, at a minimum, have a link back to your Home page. I would suggest adding a contact link at minimum.
7. Frames
Frames at one time were the talk of the industry. They were the original Content Management System (CMS) for your site. Nowadays they are few and far between. If you are designing a site, don't use frames. Newer technologies such as server-side includes are much more common and accepted. Your pages look fresher and those silly bars don't get in the way.
8. Disabling the BACK button and excessive Pop-Ups
Have you been to a website and decided that it wasn't the information you were looking for? When you clicked the BACK button, did you suddenly get a barrage of windows (or, pop-ups) to your dismay? These things rarely actually work, and worse off, the reason you hit the BACK button is because you DIDN'T want any more information from that site. Don't break the BACK button. There are other ways to get your user's attention.
9. Slow loading pages
While personal and hobby sites may normally be slow, there should be no reason for your business or other professional website to be slow loading. Today's Internet surfer won't wait long for information from your site - there are too many others with the same thing! Make sure your pages load quickly. If the server is slow, consider a different host. If your webpages are full of applets or large graphics, consider a page/site redesign.
10. Using Leading-Edge Technology
While the Internet is all about new and fancy stuff, don't be the first to do it. While it may 'look cool' to you, you ultimately need to decide if it actually enhances your user's experience. Do the flashy cartoons make your customer more apt to buy from you? Probably not. How many of your customers have to install a Plug-In just to see your page right? Do they have to upgrade their browser to contact you? Not good. Wait until the technology is either more of a standard or gone - you'll save face with potential and future customers.
Sunday, August 31, 2008
Website Checklist
If you've just finished building your new website (or revamping your old one), how can you be sure it's "ready for prime time"? Or maybe your site's been around for awhile and you think it may be due for a makeover. Because Web technologies, techniques and standards change so rapidly, even a website that seems "cutting edge" when it's built can look obsolete a year later. Or maybe you started out with a barebones website and finally have the time and/or money to take it to the next level. If you'd to give your website the once over, here are ten aspects you should consider:
Compatibility: Will your website display correctly for most people regardless of their computer hardware, operating system, browser and monitor resolution? Make sure your site renders properly for as many users as possible. If any features of your website require certain browser plug-ins, provide a download link. Remember that not everyone will have Javascript enabled and that graphics can be turned off by the user; make sure your site will still work without them.
Completeness: None of your website should be "Under Construction". Websites tend to evolve over time and are never truly "finished", but that's no reason for your website look like a construction zone. If you must include pages that aren't completed, at least put some informative content on the page to motivate people to check back later. Otherwise leave out the section altogether until it's ready for prime time.
Content: Do you need to update the text on your site? Have you added services, expanded your product line, targeted new markets, or changed your business strategy? Is your website's description of your company current and accurate, including your contact information? Could the content be written more clearly, convincingly, or succinctly? Could your website be more informative, helpful, interesting or relevant? Would customer testimonials or an FAQ section strengthen your sales message? Check all of your site content for incorrect grammar, spelling errors and typos.
Graphics: Do your graphics contribute to or detract from your website? A website with no graphics would be uninteresting, but a site with too many graphics, animations, and different fonts is overwhelming and distracts from your sales message. The trick is to find the right balance. Use animations sparingly, especially those that "loop" (play over and over). They can easily become annoying and distract from your sales message. Remember that banner ads count as graphics, too, and one or two per page is plenty.
Interactivity: You might consider making your site interactive by adding a mailing list, message board, poll, ezine or guest book. A contest or trivia quiz can attract visitors and bring them back more often. Rotating content like a joke, quote, or tip of the day keeps your website interesting. Don't feel obliged to add all the latest bells and whistles just because you can, but ask yourself whether some advanced features might give your website the edge. If you don't want to provide the content yourself, check into content available from syndicators (just keep it relevant to your target market and your other site content).
Links: Are all the links on your website working? First make sure any links between pages on your site are directing site visitors to the correct page. Check all of your links to other websites, too; the webmaster may have renamed the page or removed it altogether, and those dead links will make your site look unprofessional and frustrate your site visitors. If you've removed some of the pages from your own site, set up a custom 404 page that redirects your visitors to your home page (or a search page) when they try to access a page that no longer exists.
Speed: Does your site load quickly enough in the viewer's browser? The "Eight Second Rule" is a good rule of thumb, meaning no site visitor should have to wait longer than eight seconds to view the opening page of your website. After eight seconds have elapsed, chances are good the viewer will give up and go elsewhere. If you have graphics or animations that take awhile to download, provide some engaging content to hold their interest while they wait. Adding graphic elements always comes at a cost in terms of slower loading times, so only include graphics if they really contribute to visual impact of your website and strengthen your sales message.
Navigation: Is it easy to find information on your site? The opening page should tell visitors, at a glance, who you are, what you do, and how to find what they're looking for. From there your visitors should be able to follow a logical path to learn more about various aspects of your business. If you list products or services on your site, organize them in a logical way. If you decide to use graphic icons instead of text, make sure their meaning is obvious. Make it easy for your site visitors to find what they came for.
Search engine optimization: Is your website optimized to rank for important keywords in the most popular search engines? Double check your page titles and meta tag keywords and descriptions to make sure they are accurate and descriptive. Did you work your keywords into the actual page content as well (including variations)? Is your website focused on a specific theme, and do you have plenty of informative content related to that theme? Is your website spider-friendly (meaning search engine spiders can access every page and read the most important content from the source code)?
Style: Is your website's style consistent with your business goals? Ask yourself what you want your business image to be, and make sure your website enhances that image. Is your company's style polished? Friendly? Trendy? High tech? The look and feel of your site should reflect that style. Does your website still compare favorably with those of your competitors? Your website should reflect favorably on your business and help you to build your corporate image. If yours doesn't, maybe it's due for a makeover.
Usability: Usability refers to how easily site visitors can use your site. The best measure of usability is feedback from users -the people who visit and try to navigate the site. If you have received complaints, comments, questions, or suggestions from site visitors, change your site accordingly. Of course, dissatisfied customers won't always let you know. That's why you should also analyze your Web logs to see whether visitors quickly abandon certain pages or don't visit some of your pages at all. Think in terms of building pathways through your site that visitors can follow. A well-designed website leads visitors deeper into the site without frustrating or confusing them and doesn't lose them along the way.
Compatibility: Will your website display correctly for most people regardless of their computer hardware, operating system, browser and monitor resolution? Make sure your site renders properly for as many users as possible. If any features of your website require certain browser plug-ins, provide a download link. Remember that not everyone will have Javascript enabled and that graphics can be turned off by the user; make sure your site will still work without them.
Completeness: None of your website should be "Under Construction". Websites tend to evolve over time and are never truly "finished", but that's no reason for your website look like a construction zone. If you must include pages that aren't completed, at least put some informative content on the page to motivate people to check back later. Otherwise leave out the section altogether until it's ready for prime time.
Content: Do you need to update the text on your site? Have you added services, expanded your product line, targeted new markets, or changed your business strategy? Is your website's description of your company current and accurate, including your contact information? Could the content be written more clearly, convincingly, or succinctly? Could your website be more informative, helpful, interesting or relevant? Would customer testimonials or an FAQ section strengthen your sales message? Check all of your site content for incorrect grammar, spelling errors and typos.
Graphics: Do your graphics contribute to or detract from your website? A website with no graphics would be uninteresting, but a site with too many graphics, animations, and different fonts is overwhelming and distracts from your sales message. The trick is to find the right balance. Use animations sparingly, especially those that "loop" (play over and over). They can easily become annoying and distract from your sales message. Remember that banner ads count as graphics, too, and one or two per page is plenty.
Interactivity: You might consider making your site interactive by adding a mailing list, message board, poll, ezine or guest book. A contest or trivia quiz can attract visitors and bring them back more often. Rotating content like a joke, quote, or tip of the day keeps your website interesting. Don't feel obliged to add all the latest bells and whistles just because you can, but ask yourself whether some advanced features might give your website the edge. If you don't want to provide the content yourself, check into content available from syndicators (just keep it relevant to your target market and your other site content).
Links: Are all the links on your website working? First make sure any links between pages on your site are directing site visitors to the correct page. Check all of your links to other websites, too; the webmaster may have renamed the page or removed it altogether, and those dead links will make your site look unprofessional and frustrate your site visitors. If you've removed some of the pages from your own site, set up a custom 404 page that redirects your visitors to your home page (or a search page) when they try to access a page that no longer exists.
Speed: Does your site load quickly enough in the viewer's browser? The "Eight Second Rule" is a good rule of thumb, meaning no site visitor should have to wait longer than eight seconds to view the opening page of your website. After eight seconds have elapsed, chances are good the viewer will give up and go elsewhere. If you have graphics or animations that take awhile to download, provide some engaging content to hold their interest while they wait. Adding graphic elements always comes at a cost in terms of slower loading times, so only include graphics if they really contribute to visual impact of your website and strengthen your sales message.
Navigation: Is it easy to find information on your site? The opening page should tell visitors, at a glance, who you are, what you do, and how to find what they're looking for. From there your visitors should be able to follow a logical path to learn more about various aspects of your business. If you list products or services on your site, organize them in a logical way. If you decide to use graphic icons instead of text, make sure their meaning is obvious. Make it easy for your site visitors to find what they came for.
Search engine optimization: Is your website optimized to rank for important keywords in the most popular search engines? Double check your page titles and meta tag keywords and descriptions to make sure they are accurate and descriptive. Did you work your keywords into the actual page content as well (including variations)? Is your website focused on a specific theme, and do you have plenty of informative content related to that theme? Is your website spider-friendly (meaning search engine spiders can access every page and read the most important content from the source code)?
Style: Is your website's style consistent with your business goals? Ask yourself what you want your business image to be, and make sure your website enhances that image. Is your company's style polished? Friendly? Trendy? High tech? The look and feel of your site should reflect that style. Does your website still compare favorably with those of your competitors? Your website should reflect favorably on your business and help you to build your corporate image. If yours doesn't, maybe it's due for a makeover.
Usability: Usability refers to how easily site visitors can use your site. The best measure of usability is feedback from users -the people who visit and try to navigate the site. If you have received complaints, comments, questions, or suggestions from site visitors, change your site accordingly. Of course, dissatisfied customers won't always let you know. That's why you should also analyze your Web logs to see whether visitors quickly abandon certain pages or don't visit some of your pages at all. Think in terms of building pathways through your site that visitors can follow. A well-designed website leads visitors deeper into the site without frustrating or confusing them and doesn't lose them along the way.
Using Color
Color is everywhere and conveys a message even if we don't realize it. While this message can vary by culture it pays to know what colors "say" in your own corner of the universe, and even what color means to your target market.
If you don't think that color speaks just complete this sentence, "red means ---- and green means -" even a child will know what red means stop and green means go. If such simple ideas work for all of a given culture or market what could it mean to the graphic design of your website, brochure, or product if you know some of this information.
First let's start with the basics. The color wheel. We've all seen it. The color wheel shows the basic colors, each wheel is different in how many shades of each color is shown, but they are essentially the same.
Color harmony, colors that go together well. These will be colors that are next door to each other on the color wheel. Such as blue and green. In reference to clothes these colors match each other. Instinctively most of us know which colors go together when we dress ourselves every morning.
Color complements, colors that set each other off, they complement each other. These are colors that are opposite on the color wheel. Such as blue and orange.
Color depth, colors can recede or jump forward. Remember that some colors seem to fall back such as blue, black, dark green, and brown. Other colors will seem to step forward such as white, yellow, red, and orange. This is why if you have a bright orange background it may seem to fight with any text or images that you place on it. The orange will always seem to move forward.
Now you have the basics so let's go further. Just because to colors go together or complement each other doesn't mean that yo necessarily want to use them on your project. I opened this article with the meaning of colors now here is an example, keep in mind this is one example from western culture.
If you don't think that color speaks just complete this sentence, "red means ---- and green means -" even a child will know what red means stop and green means go. If such simple ideas work for all of a given culture or market what could it mean to the graphic design of your website, brochure, or product if you know some of this information.
First let's start with the basics. The color wheel. We've all seen it. The color wheel shows the basic colors, each wheel is different in how many shades of each color is shown, but they are essentially the same.
Color harmony, colors that go together well. These will be colors that are next door to each other on the color wheel. Such as blue and green. In reference to clothes these colors match each other. Instinctively most of us know which colors go together when we dress ourselves every morning.
Color complements, colors that set each other off, they complement each other. These are colors that are opposite on the color wheel. Such as blue and orange.
Color depth, colors can recede or jump forward. Remember that some colors seem to fall back such as blue, black, dark green, and brown. Other colors will seem to step forward such as white, yellow, red, and orange. This is why if you have a bright orange background it may seem to fight with any text or images that you place on it. The orange will always seem to move forward.
Now you have the basics so let's go further. Just because to colors go together or complement each other doesn't mean that yo necessarily want to use them on your project. I opened this article with the meaning of colors now here is an example, keep in mind this is one example from western culture.
Drop Capitals
Drop Capitals are frequently used in many newspapers, books and magazines in the offline world. You will frequently see the large capital letter sinking down into the first paragraph of articles, stories and chapters in the majority of publications you come across.
The drop capital gives the page a nice finishing touch, and certainly adds a more professional looking feel.
Online, the drop capital looks just as good on web pages as it does in print. The only drawback is that you can easily get the whole effect wrong, and end up with a less than appealing result.
The wrong way...
When most people attempt to create a drop capital effect on a web page, they usually just enlarge the first letter by a few font sizes and make it bold.
If you do this on your own web page, you will notice that instead of a 'drop' capital effect, you end up with an odd looking letter which sticks up above the rest of the paragraph, and just looks out of place.
The right way...
There are essentially, two parts to creating the drop capital effect.
Step #1 -
You need to create a drop capital image using some graphic software.
You can use any standard piece of graphic software like Paint Shop Pro, Fireworks, or Photoshop.
The drop capital image should ideally be big enough to drop down between 2-4 lines of text, depending on your preference.
You should ensure that the top of your drop capital image is level with the top of the text next to it. The bottom of the image should also be level with the bottom of the lowest text next to it.
This is really the hardest part of creating a drop capital effect. It can be very easy to make the image just a bit too big, or a bit too small. You may find that it will take a bit of trial and error to make it look just right. However, the extra effort will pay off, as the end result will be worth waiting for.
One thing to note: As with any image, a drop capital image can slow a web page if the file size is too big. To help reduce the file size you should save it as a '.gif' image. For even better results you should try to optimize the '.gif' image as well by reducing the amount of colors being used.
Step #2
This step is the easiest bit?
Once you have created the drop capital image, all you have to do now is to insert it into your web page. You just add the image to the web page in the same way that you would with any other image on your page.
When you place it at the beginning of the paragraph, make sure you remember to delete the first letter of the normal text. Otherwise you will end up starting the paragraph with two of the same letter.
Align the image to the left
Initially, you will notice that the drop capital image just sits on top of the first line, instead of dropping down into it. Not for long!
All you have to do now, is align the image to the left, and you will see it drop down instantly into the paragraph.
If you are using a web page editor to create your web pages like Microsoft FrontPage or Macromedias Dreamweaver, aligning the image to the left is pretty easy.
In FrontPage:
Select the drop capital image by left clicking it once. Then click on the align to the left short cut icon in the top menu bar. Alternatively, you can select Format, then Position from the top menu. In the pop up window, select Align Left under Wrapping Style.
In Dreamweaver:
Select the drop capital image by left clicking it once. Then in the properties window, click on the arrow in the drop down menu next to Align, then select Left
If you are using a different web page editor, you should have a similar align option in the menu area. Alternatively, you edit the HTML code directly yourself. Just add the following command in between the brackets of the image tag:
align="left"
Thats literally all there is to it!
If you have multiple pages on your website, youll probably going to need to create a number of different drop capital images for each letter of the alphabet. The extra effort will be worthwhile as you will end up with a much more professional looking website.
The drop capital gives the page a nice finishing touch, and certainly adds a more professional looking feel.
Online, the drop capital looks just as good on web pages as it does in print. The only drawback is that you can easily get the whole effect wrong, and end up with a less than appealing result.
The wrong way...
When most people attempt to create a drop capital effect on a web page, they usually just enlarge the first letter by a few font sizes and make it bold.
If you do this on your own web page, you will notice that instead of a 'drop' capital effect, you end up with an odd looking letter which sticks up above the rest of the paragraph, and just looks out of place.
The right way...
There are essentially, two parts to creating the drop capital effect.
Step #1 -
You need to create a drop capital image using some graphic software.
You can use any standard piece of graphic software like Paint Shop Pro, Fireworks, or Photoshop.
The drop capital image should ideally be big enough to drop down between 2-4 lines of text, depending on your preference.
You should ensure that the top of your drop capital image is level with the top of the text next to it. The bottom of the image should also be level with the bottom of the lowest text next to it.
This is really the hardest part of creating a drop capital effect. It can be very easy to make the image just a bit too big, or a bit too small. You may find that it will take a bit of trial and error to make it look just right. However, the extra effort will pay off, as the end result will be worth waiting for.
One thing to note: As with any image, a drop capital image can slow a web page if the file size is too big. To help reduce the file size you should save it as a '.gif' image. For even better results you should try to optimize the '.gif' image as well by reducing the amount of colors being used.
Step #2
This step is the easiest bit?
Once you have created the drop capital image, all you have to do now is to insert it into your web page. You just add the image to the web page in the same way that you would with any other image on your page.
When you place it at the beginning of the paragraph, make sure you remember to delete the first letter of the normal text. Otherwise you will end up starting the paragraph with two of the same letter.
Align the image to the left
Initially, you will notice that the drop capital image just sits on top of the first line, instead of dropping down into it. Not for long!
All you have to do now, is align the image to the left, and you will see it drop down instantly into the paragraph.
If you are using a web page editor to create your web pages like Microsoft FrontPage or Macromedias Dreamweaver, aligning the image to the left is pretty easy.
In FrontPage:
Select the drop capital image by left clicking it once. Then click on the align to the left short cut icon in the top menu bar. Alternatively, you can select Format, then Position from the top menu. In the pop up window, select Align Left under Wrapping Style.
In Dreamweaver:
Select the drop capital image by left clicking it once. Then in the properties window, click on the arrow in the drop down menu next to Align, then select Left
If you are using a different web page editor, you should have a similar align option in the menu area. Alternatively, you edit the HTML code directly yourself. Just add the following command in between the brackets of the image tag:
align="left"
Thats literally all there is to it!
If you have multiple pages on your website, youll probably going to need to create a number of different drop capital images for each letter of the alphabet. The extra effort will be worthwhile as you will end up with a much more professional looking website.
Making Good Websites that Stand Out
Websites, there's literally billions of them out there in cyber-space. How many of them do you go to and just think this is boring, bland, or hard to use? It seems like too many to mention. So what makes a good website? I reckon it's about interaction. You've got to make the visitor interested. You've got to grab their attention. Many sites use plenty of bright and shiny gimmicks to attract you, but once you make it through to the content of the site it's just not worthy. A good site uses easy navigation, relevant content, and interactive media like comments and message boards. If you're fortunate, whoever builds your site may even have a few tricks up their sleeves to make it really fun with sound, video, and other interactive fun stuff.
Do you want people to come to your site and then tell their friend and family about it? Do you want to have huge amounts of visitors? Do you want to succeed in making your dreams come to fruition on the Web? Make your website exciting! It might be easier said than done, but there are people around whose job it is to construct and design sites for a living. If you can afford it, go for the best. How great is it when you come across a site that has some special feature that you've never seen elsewhere? Isn't it great when you find a site that relates to one of your interests that is simple and easy to get to the information you want? If you want to have people to come back again and again, you've got to keep updating the content to keep it fresh and interesting. Have a way for people to communicate with yourself and others who are into the same things. E.G. Forums, message boards and comments. The aim is to catch the 'viewer's' interest. A lot of sites just look like giant advertisements and you have to search for the needle in the haystack to find out what the actual site is for. I know advertising is a way of making money, but if you want your site to have an authentic, respectable atmosphere that exudes a feeling of integrity, you better be careful. People are becoming wary of this consumer driven, mindless attack at the average civilian's wallet. Some people will automatically leave a site if a bunch of commercials pop-up on the screen. Pop-ups, don't even make me go there? So, the aim of the game is to make a site that offers the public to be part of the action as well as being a source of knowledge or information that is in demand. A simple to navigate, good 'feel', and if possible-innovative site is the means to becoming the popular Internet magnate you've always dreamed of becoming. Another important fact is the idea of 'you'. Your website is a chance to put your identity out there in the world. Be yourself. If you try to appeal to an audience in a way that doesn't reflect your true self, you're destined to fail. Be honest and speak from your real perspective on life. Give it to us from the heart.
http://farpopint-systems.com
http://clearpathit.com
http://farpointprintservices.com
Do you want people to come to your site and then tell their friend and family about it? Do you want to have huge amounts of visitors? Do you want to succeed in making your dreams come to fruition on the Web? Make your website exciting! It might be easier said than done, but there are people around whose job it is to construct and design sites for a living. If you can afford it, go for the best. How great is it when you come across a site that has some special feature that you've never seen elsewhere? Isn't it great when you find a site that relates to one of your interests that is simple and easy to get to the information you want? If you want to have people to come back again and again, you've got to keep updating the content to keep it fresh and interesting. Have a way for people to communicate with yourself and others who are into the same things. E.G. Forums, message boards and comments. The aim is to catch the 'viewer's' interest. A lot of sites just look like giant advertisements and you have to search for the needle in the haystack to find out what the actual site is for. I know advertising is a way of making money, but if you want your site to have an authentic, respectable atmosphere that exudes a feeling of integrity, you better be careful. People are becoming wary of this consumer driven, mindless attack at the average civilian's wallet. Some people will automatically leave a site if a bunch of commercials pop-up on the screen. Pop-ups, don't even make me go there? So, the aim of the game is to make a site that offers the public to be part of the action as well as being a source of knowledge or information that is in demand. A simple to navigate, good 'feel', and if possible-innovative site is the means to becoming the popular Internet magnate you've always dreamed of becoming. Another important fact is the idea of 'you'. Your website is a chance to put your identity out there in the world. Be yourself. If you try to appeal to an audience in a way that doesn't reflect your true self, you're destined to fail. Be honest and speak from your real perspective on life. Give it to us from the heart.
http://farpopint-systems.com
http://clearpathit.com
http://farpointprintservices.com
Subscribe to:
Comments (Atom)
