Design

 

1. Is the site’s design aesthetically appealing?
I acknowledge that aesthetics are personal preferences but you should do some field testing of your sites design before you go live. Encourage your field testers to be critical and give honest feedback. Perhaps even give them these articles as the criteria for them to evaluate the site on.

2. Are the colors used harmonious and logically related?
The colors you choose to use on your site may mirror colors you use elsewhere in your business. However, if you choose to use different colors, they should generally fall into the same family (Pastels, Earth Tones, Bold, etc.).

3. Are the color choices visually accessible? (For example high enough in contrast to assist the colorblind and visually impaired in reading the site appropriately)
Choosing colors for text and background that are too similar can cause your website to be difficult to read. Also beware of how your color choices effect people that are colorblind. Typical combination to stay away from are Red-Green and Blue-Yellow.

4. Is the design audience appropriate?
This is a very important consideration. If a website is focused on some type of artistic design, it typically has a darker appearance to highlight the images. However, if you site is informational, eg. local government, then you may choose a lighter background which makes the information seem more important.

5. The fonts should be easily readable, and degrade gracefully.- Should look OK on various screen resolutions.

This criteria is just a reminder that you should test the appearance of your website on different browsers and different size screens before going live.

Navigation

 

The next part in our series on when to take your website live covers the topic of navigation. Your users need to be able to get to the information on your website as easily as possible to encourage them to hang around and see everything your site has to offer. What follows are goals to aim for and things to think about in order to setup or improve the navigation on your website.


1. Are links labeled with anchor text that provides a clear indication of where they lead?
Anchor text is another name for a description of where the link goes. This is important because it gives your users more information and helps them decide whether to click on the link or not.

2. Depth – what is the maximum number of clicks it takes to reach a page within the depths of the site?
The fewer the maximum number of clicks to get to the information on your site the faster people can find what they are looking for.

3. If a splash screen or navigation feature is provided in a Java/JavaScript/Flash format, is a text-based alternative also available?
This criteria is important for accessibility and search engine optimization reasons. Search engine robots cannot read images or flash so having the text-based alternative allows them to know what your content is.

4. Responsive on Click feedback – Is a response given immediately (0.1 seconds) after a click is made on a hyperlink?
This criteria is to let your visitors know that they have actually clicked on the item they intended to click on. It can be handled by javascript using “onMouseClick” or by having a fast response time when take visitors to new pages.

5. Do clickable items stylistically indicate that they are clickable?
Basicly, the links need to be a different color, underlined or identified as links in some fashion.

6. How intuitive is it to navigate? Are signs obvious or obscured? Buttons/Links Like Text, that are not clickable and vice versa, links/buttons that cannot be identified as such.

If your users cannot figure out how to navigate your site in the first 10s of looking at it they are likely to bounce. Everything that looks like a button should be a button and everything that looks like plain text should be plain text. Mixing formats confuses your users and makes it hard for them to find what they are looking for.

7. Readability (somewhat addressed already), type face, font size, etc.

Can your users easily read all parts of your website? If you select a font that may look cool but is hard for some people to read then your site may not be ready for the web. If the colors of the text and background make it hard to read then users will find another site to visit instead of yours.

8. Clear statement of PURPOSE of the site?
Purpose must become clear within a few seconds without reading much or no text copy at all. The purpose should be above the fold (the point at which a user has to begin scrolling down the page).

9. Is there a call to action on every page? Are there dead ends?

You need to give your users something to do on each page. It could be “Click Here” or “Fill out this form for more information,” but you need to engage them or they will bounce. Good: Special of the month a free widget. Better: Call now to take advantage of our special of the month, a free widget.

10. Is a logical sitemap available? If not, is a keyword-based search feature available?

Some people like to use sitemaps to get a sense for where the content is on your website. There are a number of free programs that can generate a sitemap for you. For your users to be able to see the sitemap it should be in html format, however, for Search Engines to be able to read the site the format should xml.

Accessibility

 

Accessibility speaks to the ability of your users to access or get to the information on your website. This is both from a technological perspective as well as universal accessibility perspective. There are five main criteria of accessibility for evaluating when your website is ready for launch.

1. Is content structurally separate from navigational elements?
This question gets at whether the site navigation is independent of the content. In other words, can you navigate the site from some sort of menu or is the only way to navigate by reading and clicking on links in the text.

2. Is the website cross-browser compatible?

All web-browsers interpret the code of web pages differently. This means that it is important to look at your website on several different browsers and if possible different versions of those same browsers. While Internet Explorer remains the most popular browser in the world, Firefox, Chrome, Opera and Safari are also widely used.

3. How compliant is the website with W3C coding standards? Valid HTML/CSS?
Use a tool like the W3C Validator to ensure that your website is coded correctly. This reduces the likelihood that your website will look drastically different on different browsers. It also decreases the amount of time it takes search engines to crawl your page and increases the likelihood that they will visit your site more frequently.

4. Are “alt” tags in place on all significant images?
Since search engines cannot “see” pictures, the use of “alt” tags is necessary to tell them what the image is depicting. This is also important because it is read by assistive technology for people who have trouble seeing. The final reason for this is to pass W3C validation.

5. Are text-based alternatives in place to convey essential information if this is featured within images or multimedia files?

This criteria closely mirrors the above item but extends it to descriptions. “Alt” tags are related to the title of an image while descriptions describe what is happening in a video for example.

How do I know when my website is ready to go live?

 

There are many considerations to be made before deciding when your website is ready to go live. If you go live before your site is ready, then you may face months of penalties from Google and other search engines. If you take the time required to have a quality site when you go live, you can expect that it will take longer than you originally planned. However, the results far out weigh the additional investment. There are eight main areas to consider before taking your website live.

They are:
1. Accessibility
2. Navigation
3. Design
4. Content
5. Security
6. Technical Considerations
7. Marketing Considerations
8. Legal Considerations

This series of blog posts will explain each element of getting your site ready to launch.

Clean Code as a standard of quality Web Design and Search Engine Optimization.

 

Did you know that most of the websites you visit are written with incorrect code? If it were not for web browsers ability to modify or ignore those incorrect bits then websites would not show. Not having clean code on your website does not keep Google from indexing it but it does move it further down the list of site to be crawled frequently. A clean coded website will guide the spider to the important places on your site, without getting jumbled up in a web of unnecessary coding.


So what can you do it improve the quality of the code on your website? The W3C Validator is a tool that can check your site for errors and gives suggestions about ways to fix them. If your site has 100% clean code you can opt to download and display a badge from W3C declaring that your site is free of coding errors. If this is not a task you care to do your self, EnterWeb Technologies is passionate about maintaining high quality websites and customer service. Let us preform the maintenance for you. Most likely you do not need a new website but you need the one you have to work better for you.