Friday, March 21, 2008

Fast Loading Website

There are plenty of useful tips to follow in order to design an effective and high-quality website. But among those recommendations, one that is given high importance and proper attention is to achieve fast loading website. This should be given high importance because most visitors are time savvy and they really don't have to waste their time waiting for the loading of the site. Since time is precious, the loading of a page should not take long. If the designer does not solve this, there's a possibility that the web surfer will just look for other sites that will provide them the same resources but with better and faster loading time. Just check out our secrets that will be helpful to create a well-designed and fast loading website for you to keep your visitor stay longer on your site.

1. Lessen the Use of Images

The best solution to achieve a fast loading website is to design it with minimum images. Using graphics is essential in Web Design that really attracts the overall appearance of the page. They also make it more attractive and colorful. However too much make use of images can slow down its loading time. To prevent this to happen, include only necessary images to make the page simple, neat and professional-looking. Just bear in mind that making the site simple is truly effective to bring out what's best on your site.

2. Abstain Using Bulky Images

As informed earlier, using images may upset the loading time of a page. So if the website really needs to include many pictures, you must avoid using bulky and large images to make its loading faster. You have reduced the size of an image into smaller one for about 15kb (maximum) for you to manage your load speed. On the other hand, if you have to show a large photo for the sake of your visitors, include a small image or thumbnail on your page that has a link to a larger one. In that case, the visitors can have an option whether they are willing to wait to view for a larger image to load.

3. Utilize Tables in Creating Simple Icons

As a substitute of using images as icons on your site, just utilize tables in creating menus. Making tables creatively does not only give your site some great-looking designs but also help you to achieve a faster loading time.

4. Reduce the Work on of Flash

Flash animations do catch the attention of most visitors. However, if you do not manage to utilize them properly, they can give bad impressions on your site such as bogging down visitor's system resources and slowing down the loading of the page. To avoid these negative effects, as much as possible abstain using flash animations because it keeps your visitor waiting for a longer time, however if it's really needed, try out to cut down them.

5. Utilize CSS Styles

Since CSS Style is just a simple HTML code, it loads very fast. So to designed well-designed website that can load faster, work on css styles effectively and creatively. This will catch the attentions of most visitors because of designing its text with some cool effects.

6. Minimize the Utilize of Animated Gifs

Just like images, animated gifs can also slow down the loading of a page. So if it's not really important to include that, just don't use that effect. It's because it can also be irritating for some visitors to see animated gifs. But if this will help in enhancing the design of the site, just be sure to reduce them.

7. Keep Observing the Loading of the page

After you have successfully designed your site, always keep observing of your loading page. Having a regular check up for the loading time of your site, will also help to better improve it, in order for you to keep your visitor stay long on and make them come back again for more updates on your site.

Web 2.0 Concepts

Web 2.0 may be the most overused, and misunderstood, term of the decade. What it means, in a nutshell is providing a user driven website. Basically many membership marketing websites are Web 2.0, especially social networking sites. The users determine the content in the form of forums, blogs, article posting, reviews and so on. To further enhance the usability of your website and thus the benefit to your members, here are a some ideas to provide a few interactive extras or member benefits.

Training courses are an excellent tool to provide benefit to your members. There are multiple forms for delivering your courses. You could use email - text or html or both, pdf downloads, website content pages, streaming & downloadable videos and audios.

E-mail training courses - Getting your members to sign up for an e-mail training course that takes place over perhaps eight weeks, is a great way of keeping your members engaged with your site over a period of time. You could make this a free course, a paid course or both. Maybe give them a few lessons for free and ask them to pay for the rest of the course once they are into it.

However, to get maximum exposure giving away an entire course or even multiple courses of good quality for Free will really get people coming back to your site. We do this with some of our own membership sites including MembershipMillionaire.com.

Video tutorials - This is a very effective form of training as it is much easier to show your members what you are doing, rather than trying to explain it. It prevents your students becoming frustrated when they can't understand what you are explaining, and reduces misunderstanding.

You could do the videos yourself using software or you could hire experts in video creation if you are not comfortable using software or doing videos. You could do simple power point slideshows and narrate them or you could stand/sit in front of the camera and talk.

With many Internet users on broadband or ADSL nowadays and computer processors getting faster and faster videos are now going mainstream.

Teleclasses - Teleclasses are similar to conference calls and are conducted over the telephone. They are an excellent way for your members to take part in live learning, as well as having personal interaction with you and other members of your site.

There are many services out there that provide teleconference lines for you to use. Some are free and some have paid services, you should decide what is best for your business needs. You could even record your calls, have transcripts made and then sell that as another product in itself. To top that off you could offer reprint or resell rights to those calls and sell licenses.

Product reviews - Reviews posted by other members is a fantastic interactive medium. It could also engage heated discussions! Nothing gets traffic faster than controversy whether good or bad. Let your members speak their mind about products and services they've used. This will not only help other members and visitors out but it will add lots of content to your site that the search engines love. Sites such as Amazon.com, SureFireWealth.com and others do this on a regular basis.

Guest interviews - Guest interviews with a well known personality who is connected with your niche subject will add huge credibility to your site. Promote guest interviews on your website and in your newsletter. This is a quick way to get great content.

You could post the interview on your site as website content. Or you could have the streaming audio or video up and even let your members download the interviews. Let them post reviews and comments to the interviews and you've got even more content.

Forums - Forums are a type of virtual community and provide the opportunity for people with similar interests to talk to each other. Your members will already have a shared interest in your niche subject, so creating active discussion forums won't be too challenging.

Here's a tip, have good forum monitors and admin in place to keep things smooth. Having multiple monitors can help you get your new forum started as well as keep discussions ongoing. You could keep your forums open to everyone. That will be better for search engine traffic but it can also attract spammers and forum hackers. Having a private forum for your members only can keep things more secure and full of like minded individuals.

Competitions - Encourage your members to post on your forum or blog by running a competition. Award a prize each month to someone who has made the best post on your forum, and each individual posting would be an additional entry into the prize draw. Or maybe give a prize to the member who writes the most reviews or posts the most comments each month to your site.

Involving your members in polls and surveys

Member polls - Asking your members to answer a simple question relating to your niche subject is a simple and effective way to get them involved in the site. Have a regular monthly poll and publish the results of the previous month's poll above the question for the current month.

Surveys - Some niche subjects lend themselves well to surveys. If yours does not you could conduct a survey about your membership site itself. This gives your members the chance to express their views and let you know what changes they would like to see.

Getting feedback can also let you know where to take your membership site. By allowing your members to tell you what they want you can just simply give it to them. We've taken surveys ourselves over the years and they can be very insiteful. The poll or survey data you generate can be gold to your customer feedback system for the future of your business.

Newsletters - Newsletters may be used to highlight forum posts, questions that people have asked, blog posts and even case studies, survey results, success stories and more. Get your community involved in the content both online and in your newsletter. They'll be invested in the results. We'll get more in depth about newsletters in another article.

For now I hope these gave you some ideas to get going with.

Lol my blog is blocked

Sorry to say that my blog is blocked in TCS,
No worries will get it updated from home.

hahhaaaaa

Wednesday, March 19, 2008

SIT behind me

Today .... System Integrated Testing is going on with ichoose application , sit people are raising bugs that cannot be considered as bugs. I rejected those and gave very clear explanation on why i had designed that in such a way.

convinced with my briefing.

;)

Monday, March 17, 2008

DINAZ"S website

Hehhe..
Today i had completed designing of dinaz's website.
Check this url http://www.dinazs.com/
built it on web2.0 style.. its looking greattt.......
client z very much happy with my work...
validated xhtml and css work..

:)

Tuesday, March 11, 2008

Hurrayyyyy good news

Hehhe...
Dinaz... a petite figure fit as a fiddle, started fitness classes specializing in ‘step workout’ sometime in 1993. Starting with a small set-up at home, she has grown to run two full-fledged centers now — one at her new home in MLA Colony, Road No 12, Banjara Hills, and the other at Erramanzil Colony, Hyderabad.
She visited my website http://www.thedifferentface.com and she is very much impressed abt my works.She gave me website to design.

Monday, March 10, 2008

My project manager

Organizational behavior in project management is a delicate balancing act,something like sitting on a bar stool.Bar stools usually come with three legs to keep them standing.So does project management: One leg is the project manager.One is the line manager and one is the project sponsor.If one of the legs is lost or unusable,the stool will be very difficult to balance.

In successful project management systems,the following equation always hold true:

Accountability = Responsibility+Authority

I Believe tat my project Manager(Kishore .adapa) is one “The Best”.

Today's bad news

Today management announced that good friday is working day ....

:(

Sunday, March 9, 2008

My Interview in TCS



On 21st if January-2008 , I attended an interview in TCS at kohinoor park.Am confident tat i can get this job coz I believe that i am one among the top 10 web designers in hyderabad. kishore.adapa(project manager), He is the interviewer.As we started our conversation , he asked me about my family background and i replied to it.After that he is bit curious in knowing abt my technical skills and i explained him briefly that what softwares i use for designing and i rated myself to let him know abt my skills.We had a conversation abt HTMl , DHTML , W3C standards, web trends and several things coming up thesedays. Finally he asked me to design an advertisement brochure for employee referral.Is's about encouraging employees to refer to TCS.I did a good job with in 2 hours and presented it before him and i also explained tat why i had designed it in such a way. This is the design of the poster. He is very much impressed with my work. Thats how i was appointed in TCS. :)


Free time today

I joined in TATA Consultancy Services on january 24th,2008.
The moment i was joined, My project manager(Kishore.adapa) assigned me a big project, that is redesigning of the existing tata indicoms website and ichoose application.

So, I started working on it..

Busy.... Busy.... Busy....

No time to even visit my blog also...

By today 70% of the work is done and i was bit free today....

My Skills as webdesigner

I have thorough knowledge of user-centered design methodology, user experience management, direct overall web UI design and usability strategies (e.g., oversee all Web UI designs, specs, and standards; coordinate all Web UI design and usability dependencies). I have experience in conducting variety of user experience studies appropriate to the business objective, e.g., competitive reviews, focus groups, field studies, usability tests, surveys, cognitive walkthroughs, comparisons, structured interviews, contextual inquiry, task analysis, field studies, heuristic review, remote testing and card sorting. I have user center design experience, knowledge of human factors and user interface concepts, successful track record in the implementation of user interface models, excellent communication skills and the ability to work in a team environment. My project portfolio includes TATA Indicom , I-choose ,Indian Medical Association etc.

I am good at Adobe Photoshop, Dreamweaver, Flash, Indesign, Illustrator, HTML, DHTML, CSS, Java Script, AJAX, Corel Draw,Fireworks, Illustrator, InDesign, Search Engine Optimization and other HTML Editors/Graphic Tools. I am good at Corel, Macromedia, and Adobe product suites.

Saturday, March 8, 2008

I am web designer

Dear All, I am Saikiran Reddy.Tati, a freelance User Experience Designer, web designer, web user interface designer, UI designer, flash website designer, logo designer, media designer and usability consultant from Hyderabad, India. I am having 5 plus years of working experience in website design and web development of corporate websites, small business websites, personal websites, web applications, user interface design for web applications, e-commerce shopping websites, flash websites, flash presentations, flash animations, logo designs, media designs, print designs, corporate brochures, banner designs, search engine optimization and marketing collaterals. As a freelance web designer and developer, I created web sites for a variety of different projects, providing professional web site design services to small and corporate businesses, shopping sites, individuals and organizations.

I am currently located in Hyderabad, Andhra Pradesh, India and working for TCS (Tata Consultancy services) as a UI Designer. Prior to TCS I worked with Infowaveindia, Effexoft Software Solutions etc. If you are looking for a web site designer/UI designer in India, why not get in touch with me at reddy.saikiran@gmail.com or call me at 9963977102

something abt me

Dear All, I am Saikiran Reddy.Tati, a freelance User Experience Designer, web designer, web user interface designer, UI designer, flash website designer, logo designer, media designer and usability consultant from Hyderabad, India. I am having 5 plus years of working experience in website design and web development of corporate websites, small business websites, personal websites, web applications, user interface design for web applications, e-commerce shopping websites, flash websites, flash presentations, flash animations, logo designs, media designs, print designs, corporate brochures, banner designs, search engine optimization and marketing collaterals. As a freelance web designer and developer, I created web sites for a variety of different projects, providing professional web site design services to small and corporate businesses, shopping sites, individuals and organizations.

I am currently located in Hyderabad, Andhra Pradesh, India and working for TCS (Tata Consultancy services) as a UI Designer. Prior to TCS I worked with Infowaveindia, Effexoft Software Solutions etc. If you are looking for a web site designer/UI designer in India, why not get in touch with me at reddy.saikiran@gmail.com or call me at 9963977102

Tuesday, February 5, 2008

Triggerwords That Create Click Confidence

A few years back, we conducted one of the most painful usability studies in the history of our research. We learned some really important things, but I'm not sure the users in that study will ever forgive us.

Before that particular study, we'd noticed, when searching large web sites for information, there were some sites where users always seemed to know where to find the content. No matter what content they were seeking, every user somehow knew to make a bee-line for it. Not every site worked this way and we wanted to know what made these particular sites work so well.

What Makes Links Work?
We had suspected that the secret was in the links. On those sites where users consistently found their target content (the content they were seeking), we had gut feel those links were helping users more than the sites where users rarely found the target content. Unfortunately, we couldn't explain why.

For example, when we put the links side-by-side, mixing the links from successful sites with those that were not helping users, we couldn't pick out the ones that were more effective. There was something that was special about those links, but we couldn't identify the magical traits. We studied the links hard, but whatever it was just kept eluding us.

That's when we decided to conduct the Lincoln study. We named it 'Lincoln' because we were studying 'Links'. (I know -- it's a dumb name. But you have to name the project something and this name just sort of stuck.)

Questions About Every Click
In the Lincoln study, we looked at sites where users frequently found their target content and sites where they didn't. We wanted to know what the difference was between the links, so we compiled two questionnaires to identify key attributes for each link.

We asked each user to fill out one questionnaire before each click and another one after each click. That meant if a user clicked on 15 links to find their target content, they filled out 30 questionnaires. Fortunately, we pay our users extremely well.

Going into the study, our hypothesis was that the better sites were somehow 'telegraphing' the path to the content and users somehow knew what each link was going to bring. To test this, part of the questionnaires asked users to predict what they thought the next page would contain. On the better sites, we expected users would always know what came next.

When we compiled the results, we found users weren't any more likely to know what content was on the next page. Our theory about telegraphing was a dead-end. That wasn't the secret to good sites.

In fact, users always assumed the next page contained their target content -- no matter where they were in the site. They could be on the home page, clicking on a generic link like "Sports" or "Research" and still think the next page was going to answer their very specific question.

Confidence Was The Key
In our analysis of the data, we did isolate a factor we didn't expect. With each click, users told us they were more confident they would succeed on those sites where they actually did succeed. Somehow, they were predicting their success.

We measured each user's confidence with two questions. Before they clicked, we asked "Do you think clicking on this link will lead you to the info you seek?" with a 7-point scale that had the endpoints marked as "Not at all" and "Extremely Likely". After they clicked and had a quick chance to inspect the result page, we asked "Do you think this page is getting you closer to your goal?" with the same 7-point scale.

We were amazed when we discovered the answers from the first three clicks strongly predicted whether the user would eventually succeed or fail, even if the clickstream was 15 or 20 clicks long. Not only that, but as long as every subsequent click had high confidence values, the user was very likely to succeed. As soon as the confidence values dropped, so did the likelihood of the users finding their desired content.

This was the clue we needed -- the key to our research. Once we could see when the user's confidence rose and fell, we could analyze the links and determine what was contributing.

Using Confidence to Identify Trigger Words
Some very clear link attributes immediately jumped out at us. First, users expect to find 'trigger words' in the links. A trigger word is a word (or phrase) that causes the user to click. When the trigger words match the user's goals, they find those words right away and the links make them more confident that they are going to find their content.

You can find a good example of trigger words on the Edmunds.com home page. People who are just starting the process of selecting a new car are likely to click on the word "New" or the phrase "Find a New Car". If they know they want a sedan or SUV, they are likely to click on one of those trigger words. If they are specifically looking for pricing of a model, with options, they are likely to choose the "Price with Options" link.



Edmunds.com makes sure all the trigger words are visible. Some people will just click on the big word "New" or the phrase "Find a New Car". If they know they want a coupe, sedan, or SUV, they are likely to click on one of those trigger words. If they are looking for pricing of a particular model, with options, they'll choose the "Price with Options" link.


The fascinating thing is that all those links go basically to the same part of the site. The designers made sure the trigger words are all out on the surface, where users can see them.

Jumping from Specific to General
Another finding from the Lincoln study was users expected the site to become more specific with each click. As users move through the site, they want each subsequent page to have more detail related to their goal than the page before.

If all of a sudden a page is about a general topic, the users lose confidence. For example, when we were testing the Boston.com's Red Sox page, users lost confidence when the Sports Calendar link didn't produce a schedule of the Red Sox games. Instead that link brought them to a listing of all sports activities (including paintball, sky-diving, and frisbee) in the greater Boston area. Since the users were already on the Red Sox page, they naturally assumed that any link from that page would be even more details about the Red Sox.

Confidence Gave Us Insight
Because we could now use the user's confidence to tell us how well the links were working, we could start to identify other patterns. We saw that the links on many global navigation panels were sorely lacking. (What is the difference between "Products" and " Solutions"?) We could tell when graphics were helping and when they weren't. We could see when pogosticking was causing problems.

We now call the magical force that pulls users to their content the Scent of Information. (We didn't come up with the name. We heard it from Peter Pirolli and his team at PARC. But, like project names, good concept names just catch on and stick.)

We can't measure when a link has good scent, but we can measure when it gives off confidence. By looking at the confidence of the user as they move through the site, we can tell what parts are working well and what parts need rethinking.

You can measure confidence, too. As you're watching people use your site, just trying asking those two questions. Pretty soon, you'll know when users are feeling confident and when they aren't. That will give you a good sense as to where to focus your design efforts.

Tell Site Visitors What To Do

Your site visitors make all the choices when it comes to browsing the Web.

No other medium gives users, readers or customers such control over their own experience. TV, radio and print present information in a very linear, controlled way. But on the Web, there is no telling how your next visitor will experience your site.

Where will they click? Which pages will they visit? It's hard to tell.

Being sensitive to the fact that the user is in control, many sites simply present as many options as possible on their home pages. The thinking apparently being that the more choices you show on page one, the more likely you are to present something that connects with as many visitors as possible.

Perhaps this was the strategy behind Ford.com.

While a considerable improvement on how it looked a little while ago, the Ford homepage still offers almost forty links to other pages on the site.

In addition, no particular priority is given to any one individual or group of links. The choice is left to the user.

No emphasis or priority is offered. Ford is sitting back and saying, "You decide."

The trouble is, when they take that position, they are asking the visitor to do all the work. The visitor is now required to scan those forty links and try to figure out what to do next.

Does anyone smell conversion drop-off?

Now look at a site that takes a very different approach. Take a peek at GetSmart.com.

They offer a variety of different ways into the site. But they also present some clear preferences.

Dead center on the page they say...


Refinance, Home Equity, and more...

Pay virtually ALL your bills online

Organize all your online accounts

Consolidate debt, auto loans, and more...

Four simple choices, three of which open with an active verb. In short, they tell you what to do.

Click on that first link. You're taken to another page, with a variety of options. However, once again, they show a preference and tell you what to do.


Refinance your existing mortgage

Consolidate your debt

Home Equity financing

Purchase a home

For another example, visit TravelNow.com.

Again, you'll see clear directions on what to do.


Search for Hotels

Search for Cars

Search for Flights

Stay Drive Fly

These sites support their users by offering clear instructions on what to do.

Does this preclude someone from taking his or her own path through the site? Not at all.

But for many users, particularly those who are there for the first time, finding these simple instructions comes as a huge relief.

Here is the heart of it. Just because your visitors enjoy an unprecedented level of control over their experience at your site, doesn't mean that they don't want some help.

Don't simply give them numerous, passive options. Don't leave them to do all the work.

Help them out. Express a preference. Tell them what to do.

You're not being pushy when you do that. You're being helpful.

Website Navigation: The Shopping Mall Analogy

Your website's navigation tools and techniques should basically give users the answer to three questions:


Where am I?

Where have I been? and

Where can I go?

To better explain how to answer those questions we will draw a parallel between your website's visitors and shopping mall customers.

Where am I?

Shopping mall visitors will usually have at their disposal one of those handy displays located next to the mall entrance, where they can view a map that shows the location of all the stores. In that map, they will also find a helpful little arrow next to the words "You Are Here".

Though not as simple and straightforward as the "Your Are Here" symbol, there are several techniques you can use on your website to tell your visitors where they are.

One of them is to have a clear navigation menu in a prominent location, usually the left margin or across the top of your page. The current page should be clearly singled out from the other navigation menu options. This can be accomplished in several ways:


If you use images for your menu options, you can use a different image for the button indicating the current page.


If you use an HTML table, you can mark the cell corresponding to the current page by using a different cell background color.


You can use a different font type or color.


Another very effective way of letting your visitors know where they are is to use a "breadcrumb trail". A breadcrumb trail explicitly shows the path from the homepage to the current page. Each element of the path should be hyperlinked to its corresponding web page.

A breadcrumb trail looks like this, and is usually found near the top of the page:

Home > Articles > Web Design > Current Article

The words "Home", "Articles" and "Web Design" should be hyperlinked to their corresponding web page. "Current Article" will not be hyperlinked, since it corresponds to the page that is already on the screen.

For a clear and simple example of the correct application of the techniques discussed in this section, see this page.


Hilton

Where Have I Been?

In a shopping mall you will most likely know where you have been just by looking back. Or, you can look for the "You Are Here" symbol in the mall map and identify the stores you already passed by.

In a web page you don't have that luxury. However, you have a very simple way to tell your visitors where they've been: just give your visited links a different color.

The standard color for visited links is purple (just as the standard color for unvisited links is blue). Although the use of these standard colors is highly recommended, you can use a color other than blue for your unvisited links. In that case, it is common practice to use a more subdued tonality of that color for visited links (for example, if you use dark green for unvisited links, use light green for visited links).

Where Can I Go?

Again, to use the shopping mall analogy, you can look for the "You Are Here" legend in the shopping mall map, and pretty much find your way to any store in the mall.

On your website, the best way to let your visitors know where they can go is to offer a clear navigation menu. Some guidelines you can follow are:



Group related navigation options in clusters. A good example of this technique can be found in Microsoft's home page.


Give the most popular destinations the most prominent locations in your navigation menu, or find a way to emphasize them. For example, Yahoo! presents the links to its most popular sections in bold.


Don't link to all sections of the site from every section. In most cases, it is enough to link only to the most relevant sections, and to include a link to the homepage, where comprehensive navigation choices can be provided.

Aside from your navigation menu, you can provide your visitors with a Site Map. Some users will rather use it than trying to find their way around your site using your navigation menu.

Finally, some mall shoppers tend to go straight to the information booth to ask for directions, rather than trying to find their way around for themselves. In a website, the equivalent of the mall information booth is the search box. If your site is more than just a simple company brochure, you must provide search capabilities, and include a visible search box in your homepage. The preferred location for the search box is the upper right corner of the page.

You don't need to provide a search box in all the pages of your site, however, we must place a link to a page where your visitors can access the Search function. That link must be clearly visible and must be titled "Search".

Remember, content may very well be king, but only if your visitors are able to find it. Follow these simple navigation guidelines and you will have a straight forward, user-friendly site guaranteed to make your visitors come back frequently.

Usability Myths Need Reality Checks

Not so very long ago, it was agreed that five to eight users was enough for a good usability test. Somehow, this idea achieved mythic status. We believed it. We preached it to everyone who would listen. It survived in areas where it had been disproved, and was introduced into new situations where it didn't even apply.

What gives some ideas such staying power?

We challenge new ideas as we should, especially if they might translate into a change in the way that we do our work. An idea must be strong and clearly stated to survive. When this idea was first propounded, it was tested and evaluated. This single idea, which grew from testing certain kinds of software, became an "industry standard."

Unfortunately, accepted ideas don't always get the same careful scrutiny that new ideas receive. When the world-wide web came along, we carried it over to web site testing. Evidence that this was a mistake slowly accumulated. Today the idea of five users being enough to test a web site seems like the most naive sort of wishful thinking.

How did we ever come to believe it?

In 1993, usability was between a rock and a hard place. On one side marketing people complained that data based on just a few users was too insubstantial, so why pay attention to it?

On the other side time and money pressure made it necessary to fight for every single test. No one could say what constituted a reasonable and sufficient number of test subjects. As a result, it was hard to estimate, let alone justify, the cost of a meaningful test, and consequently, hard to get testing done at all.

Two papers, published by Robert Virzi in 1992 and Jakob Nielsen and Thomas Landauer in 1993, made a pretty good case that five users would uncover 70% of major usability problems and the next three would get most of the rest - for certain types of software. The usability community took the idea and ran with it.

Arguments advanced in the articles justified five to eight users as a significant number. It was also an affordable number. All sides were satisfied. Let the testing begin!

The two papers gave five to eight users a scientific basis for the testing of small software applications. However, extending the "five user theory" to larger software applications and the world-wide web turned a useful rule into a myth with no scientific basis.

Good myths are plausible explanations that serve a purpose. Feel free to chuckle, but at one time more people believed that a big guy in the sky with a hammer caused thunder and lightning than ever believed five users was enough to test anything, even though praying to Thor never did stop the rain. The myth served its purpose, which was not to control the weather, but to keep the Nordic priesthood in power.

What did the five-user myth accomplish? It reconciled test plans with testing budgets! If five to eight users are enough, then it's safe to act on the results of a test series with only five to eight users.

Back off, marketers! Back off, CFOs! Look at these papers full of nice chewy math! We know what we're doing!

The five-user theory was so plausible, and went over so well, that we applied it in places the original authors never intended. It appeared to keep working, and no one challenged its broader and broader application.

Like a cartoon character running blindly off a cliff, the five-user myth defied gravity for quite a distance before looking down and discovering just how far it had overshot its scientific basis. Myths do that. This makes them dangerous company for real people.

The facts are these: Neither article ever actually said that 5 users was sufficient for all software testing - let alone web site testing - and they are not. Tests of web sites and complex software will continue to discover new and serious problems long after the fifth, tenth, or fortieth test. For most usability testing, the five-user myth has no visible means of support. It was long overdue for a reality check.

If we give up on the five-user myth, what do we lose? We lose what we always lose when giving up on a myth: false confidence. That's actually the worst of it.

We need a better justification for the number of test users, but we never really had one - we only thought we did. We have to accept that our past results were partial, not complete - but they are still accurate. Since we cannot "cover" our agenda with five users - we must find other ways to make testing more effective, such as better-focused tasks or improved user screening. This is all to the good, really. We give up arrogance, but we gain humility.

We embraced the myth of five because it gave us an answer we needed to get down to testing, without considering its impact on test results. What other forces tempt us to take such long walks on short piers?

You have undoubtedly heard that users give up because pages take too long to download. This is also a myth. Testing shows no correlation between page download time and users giving up. How does this myth continue to defy gravity?

A large part of its strength has roots in an appeal to our feelings. The idea seems automatically plausible because we have all been impatient and in a hurry. Of course, we forget about the delicious impatience of waiting for something good, like Christmas Morning, the Super Bowl, or the next Lord of the Rings movie.

Beware of appeals to your feelings in defense of an idea! Plausibility is not science and feelings are not observations.

Here's another myth - users will leave a site if they don't find what they want after three clicks. In fact, on every site we have tested in the last three years, it takes more than three clicks (except for featured content) to reach any content at all. Not a single user has left any of these sites within three clicks, and only a handful chose featured content links. "Three clicks" turns out to be a false constraint, focusing designers on objectives that will not necessarily benefit users or improve the site.

The three clicks and page download myths both give designers target criteria for site development that don't require usability testing to measure. This is very tempting.

Developers don't have the time and energy to reinvent the wheel every time they lay out a page. It's a luxury to have criteria to simplify choices between design alternatives. (A dangerous luxury.) In this way real-world pressure accounts for the persistence of a lot of myths which turn out to be pretty flimsy when you look at them closely.

Following myths doesn't mean that we are doing the right thing - we are just doing what the majority - at the time - thinks is the right thing.

Myths are most destructive when they displace expertise and testing. This happens over and over because they are so simple to understand and easy to accept and apply. Practically anyone armed with a couple of myths (your CEO, your mother-in-law, the guru in the next cube) can criticize a project and direct its development without the support of a serious user testing effort. Myths seem to make science superfluous. Until you look down and gravity takes over.

Building your website for visitors

There are numerous articles and sites that advise on how to improve websites for search engine optimisation. SEO is, of course, vital for increasing the number of visitors to a website. However, never forget that it is visitors that turn into customers and make the money. Remember to keep visitors in mind at all times when building and designing a site. With this in mind, here are some pointers…

Professionalism
A site should look professional and has had some time and effort put into it rather than give the impression that it has been put together in someone’s bedroom in their spare time. This immediately gives visitors a good impression of your business and the confidence to make a purchase.

Images
Use images relevant to your product. At www.primaryinsurance.co.uk we use travel images’, as travel insurance is our main product. Using images that contain people rather than graphics works in this industry but might not be right for all.

Colour Scheme
Select a colour scheme that reflects the product you sell. For example our pink, blue and yellow scheme, together with the images, is designed to remind customers of their holiday and think positively when purchasing travel insurance, which is essentially a commodity product. The white space and surround provides subtly and prevents the colours from being too overpowering.

Navigation
Make sure the site is easy to navigate and your main products are in a prominent position on your homepage. Secondary or complementary products can either be listed further down the page or on a separate page. This ensures visitors are drawn to the products that you want them to buy.

Effective copy
Again there are numerous articles on writing effective copy. The key point to remember is that it provides the customer with information about who you are and what you sell whilst containing a reasonable amount of keywords. If the copy reads well, the number of keywords should be acceptable. Always remember to update regularly as customers and search engines love up to date content.

Feedback forms
Feedback forms are a useful way to get ideas for improving your site in a way that benefits your customers. Once implemented conversion should start to increase, meaning you get a greater return on advertising investment.

Contact details
Having a phone number and an address where you can be contacted gives customers confidence that you are an established business and are happier to transact online. Don’t hide away your contact details in the hope no one will use them.

Links
Links in and out of the site should be for the benefit of visitors as well as search engines. Remember you can be selective when obtaining links and make sure all links are relevant to the product you are selling and the industry you operate in.

Is Your Web Site Too Hard?

Take the “Easy Test” to see if your website is as visitor friendly as it should be! Websites often fail to produce the desired results. This can be because visitors find them too hard to understand or navigate. Here are some potential usability problems to avoid.

1.Hard to find

Is your website easy to locate? Do you promote it everywhere, (i.e. business cards, invoices, envelopes, etc.) and is your site search engine friendly? Do you promote the benefits of visiting? Is your site address easy to remember and easy to type? Does your url contain easily misspelled words? Is it complicated by repeated letters, i.e. “theentity?” Are there numbers, which can cause confusion, i.e., “1shopping” or “oneshopping?”

2.Hard to engage

Do you make it easy for visitors to understand why they should read on?
You have only a few seconds to persuade visitors to begin reading your message. Unless your home page immediately provides an obvious “why buy from us?” benefit, visitors are likely to leave—wasting the time and money you spent attracting them to your site.

Home pages should begin with headline that immediately communicates you are familiar with your visitor’s problems and can help them achieve their goals.
Time-consuming animations, vapid “welcoming” statements, and “brag and boast” claims, usually turn visitors away.

3.Hard to decide

Do you make it easy for visitors to decide what to read next? The best web sites have a clear and immediately identifiable focus and sequence. Many home pages, however, offer so many navigation options that visitors are paralyzed and choose to leave.

Studies have shown that, if you offer grocery store visitors an opportunity to sample 6 jams, 30% of customers will eventually buy one. But, if you offer 16 samples, response drops to 3%!

4.Hard to return

Do you make it easy for visitors to register for your e-mail newsletter, so you can invite them to return? Unless you obtain your visitor’s e-mail address and permission to contact them in the future, you’ll probably never see them again! Many web sites offer visitors an opportunity to sign-up for their e-mail newsletter, however, only a few offer a meaningful incentive to sign-up. Without an incentive, without showing or describing the benefits of registering, why should visitors sign up? Most e-mail in-boxes are already filled with unread newsletters!

5.Hard to read

Is your message easy to read? Easy reading is more critical onscreen than in print. Problems that might be overlooked on paper are critical online.
• Long lines of text are difficult to read and make it easy for visitors to lose their place at the end of each line. Limit line length to 2/3’ds the width of the screen.
• Keep sentences and paragraphs short, and add extra space between paragraphs.
• Frequent subheads break body copy into short, bite-sized chunks. Each subhead “advertises” the following text and provides an additional point for visitors to begin reading your message.

6.Hard to print

Do you make it easy for visitors to print important articles and descriptions?
Links to “printer friendly pages,” correct line-and page breaks—add perceived value to your message and make it easier to share and read your message offline.
You don’t need to offer a printer-friendly link of every page, just key articles or important products or upcoming events.

7.Hard to share

Do you make it easy for visitors to pass-along important articles to others?
An “E-mail this to a friend or co-worker” link can expose your message to others who may join your opt-in e-mail list.

8.Hard to contact you

Do you make it easy for visitors to contact you? Do you include full contact information on every page, i.e. phone, fax, e-mail, and postal address? Avoid a single “contact us” link that only loads the visitor’s e-mail program. Give visitors multiple chances to call, fax, or mail a letter!

Mobile Accessibility - Your website in the year 2005

Throughout 2004 the number of web enabled portable devices boomed. By “portable devices" I mean PDAs and smart phones. What does this mean for you? Well it depends whether or not you care about your visitors’ experience - you build your website for visitors so you really should!

Nokia, Vodafone, Microsoft and others have already applied to ICANN for the new TLD (Top Level Domain) .mobi. If the new TLD is accepted not only will this create hundreds more “domain for sale” sites but it will also help mobile users find optimized pages.

When a website optimized for a desktop computer is viewed on a small screen, the horizontal scrollbars are usually stretched by the header and footer, inevitably this means the textual content area is also stretched. "Fit to screen" on Pocket PCs shrinks images on the page and attempts to display the text on one screen without horizontal scrollbars.

There is no need to create a whole new site dedicated for mobile users, as not only would that be time consuming it is also unnecessary, due to mobile browsers being able to render most code without problems. Simply make your new site with a more logical, clean appearance. You should avoid relying on drop down menus for navigation as they use “mouse over” and JavaScript which doesn’t necessarily work.

When building your website I recommend that you use a top header with a horizontal menu underneath - preferably not made from images as the user may have selected not to view images. If you must use images for navigation remember to add alt tags. If your content area uses columns be sure that the main contents are on the left. The “fit to screen” function will move the text to the left hand side saving the visitor from having to scroll. The footer should contain a link to the top of the page in the form of an anchor tag. A link to your sitemap is important as it allows visitors to reach the information they want quickly.

Optimize your images as usual in GIF/JPEG formats. Testing your website is vital before you fully launch to the public, try viewing your site with a number of different devices. If the browser is able, use "fit to screen" and view the page without images. It doesn't have to be perfect just as long as you can easily navigate all your pages and view the content without scrolling.

The Secret Benefit Of Search Engine Optimization: Increased Usability

A higher search ranking is what many website owners dream of. What they don't realise is that by optimising their site for the search engines, if done correctly, they can also optimise it for their site visitors.




Ultimately this means more people finding your website and increased sales and lead generation. But are search engine optimization and usability compatible? Aren't there trade-offs that need to be made between giving search engines what they want and giving people what they want? Read on and find out (although I'm sure you can guess the answer!)...

1. Keyword research carried out

Before you even begin building your website, you should carry out keyword research to identify which keyword phrases your site should target. Using publicly available tools such as Wordtracker (Wordtracker.com), you can discover which keywords are searched for the most frequently and then specifically target those phrases.

Doing keyword research is also crucial for your site's usability. By using the same keywords in your website that web users are searching for in search engines, you'll literally be speaking the same language as your site visitors.

For example, you might decide to target the phrase, "sell toys", as your website does in fact sell toys. Keyword research would undoubtedly show you that web users are actually searching for, "buy toys" (think about it - have you ever searched using the word, "sell", when you want to buy something?). By placing the phrase, "buy toys" on to the pages on your website, you'll be using the same words as your site visitors and they'll be able to find what they're looking for more easily.

2. 200 word minimum per page

Quite simply, search engines love content - the more content there is on a page the easier it is for search engines to work out what the page is actually about. Search engines may struggle to work out the point of a web page with less than 200 words, ultimately penalising that page in the search rankings.

In terms of usability, it's also good to avoid pages with very little content. A page with less than 200 words is unlikely to contain a large amount of information, so site visitors will undoubtedly need to click elsewhere to find more detailed information. Don't be afraid to put a reasonably large amount of information on to a page. Web users generally don't mind scrolling down anymore, and provided the page provides mechanisms to aid scanning (such as employing sub-headings - see point 6 below) it shouldn't be too difficult for site visitors to locate the information that they're after.

3. 100kb maximum HMTL size

If 200 words is the minimum page content size, then 100kb is the maximum, at least in terms of HMTL file size. Anything more than this and search engines may give up on the page as it's simply too big for them.

A 100kb HMTL file will take 20 seconds to download on a 56k dial up modem, used by three in four UK web users as of March 2004 (source: Statistics.gov.uk). Add on the time it takes for all the other parts of the page to download, such as images and JavaScript files, and you're looking at a highly un-user-friendly download time!

4. CSS used for layout

The website of Juicy Studios (Juicystudio.com) saw a six-fold increase in site visitors after switching from a table-based layout to a CSS layout. Search prefer CSS-based sites and are likely to score them higher in the search rankings because:


The code is cleaner and therefore more accessible to search engines


Important content can be placed at the top of the HTML document


There is a greater density of content compared to coding

Using CSS for layout is also highly advantageous for usability, as it leads to significantly faster download times.

5. Meaningful page title

If you know anything about search engine optimization you'll know that search engines place more importance on the page title than any other attribute on the page. If the title adequately describes the content of that page then search engines will be able to more accurately guess what that page is about.

A meaningful page title also helps site visitors work out where they are, both within the site and the web as a whole. The page title is the first thing that loads up, often quite a few seconds before the content, so a descriptive, keyword-rich page title can be a real aid to help users orientate themselves.

6. Headings and sub-headings used

Search engines assume that the text contained in heading tags is more important than the rest of the document text, as headings (in theory at least) summarise the content immediately below them.

Headings are also incredibly useful for your human site visitors, as they greatly aid scanning. Generally speaking, we don't read on the web, we scan, looking for the information that we're after. By breaking up page sections with sub-headings that effectively describe the content beneath them, scanning becomes significantly easier.

Do be sure not to abuse heading tags though. The more text you have contained in heading tags within the page, the less importance search engines assign to them.

7. Opening paragraph describes page content

We've already established that search engines love content, but they especially love the first 25 words or so on each page. By providing an opening paragraph that adequately describes the content of the rest of the page (or the site if it's the homepage), you should be able to include your important keyword phrases in this crucial area.

As web users, whenever we arrive at a web page the first thing we need to know is whether this page has the information that we're after. A great way to find this out is to scan through the first paragraph, which, if it sufficiently describes the page content, should help us out.

8. Descriptive link text

Search engines place a lot of importance on link text. They assume that link text will be descriptive of its destination and as such examine link text for all links pointing to any page. If all the links pointing to a page about widgets say 'click here', search engines can't gain any information about that page without visiting it. If on the other hand, all the links say, 'widgets' then search engines can easily guess what that page is about.

One of the best examples of this in action is for the search term, 'miserable failure'. So many people have linked to George Bush's bio using this phrase as the link text, that now when miserable failure is searched for in Google, George Bush's bio appears top of the search rankings!

As web users, we don't generally read web pages word-for-word - we scan them looking for the information that we're after. When you scan through text you can't take any meaning from the word 'click here'. Link text that effectively describes its destination is far easier to scan and you can understand the destination of the link without having to read its surrounding words.

9. Frames avoided

Frames are quite an old-school technique, and although aren't as commonplace as they once were, do still rear up their ugly head from time to time. Using frames is one of the worst possible things you could do for your search engine ranking, as most search engines can't follow links between frames.

Even if a search engine does index your pages and web users find you through a search engine, they'll be taken to one of the pages within the frame. This page will probably be a content page with no navigation (navigation is normally contained in a separate frame) and therefore no way to navigate to any other page on the site!

Frames are also disadvantageous for usability as they can cause problems with the back button, printing, history and bookmarking. Put simply, say no to frames!

10. Quality content provided

This may seem like a strange characteristic of a search engine optimised website, but it's actually crucial. Search engines, in addition to looking at page content, look at the number of links pointing in to web pages. The more inbound links a website has, all other things being equal, the higher in the search rankings it will appear.

By providing creative, unique and regularly updated content on your website, webmasters will want to link to you as doing so will add value to their site visitors. You will also be adding value to your site visitors.

Conclusion

Optimizing your website for both search engines and people needn't be a trade-off. With this much overlap between the two areas, you should easily be able to have a website that web users can find in the search engines, and when they do find it, they can find what they're looking for quickly and efficiently.

What is a site map and why do you need it? (Exclusive Tutorial)

What is a site map and why do you need it?

A site map is a complete catalogue of all sections of your site, with short descriptions of every section. It should be easy to use for making quick searches to find needed information and for moving through your site's links. It should be a complete map of your site, if such is possible.

Site maps are necessary for your website to obtain a high position in search systems, because search systems highly rate sites which have a site navigation map.

A site map should contain the following:

A short annotation to the site, in which fundamental keywords will be used in text links to main pages of your site (again, saturated with keywords) standard navigation panel, where all other links to all pages in the site will be located.
A well-conceived site map should lead to all site nodes. In this way you will get higher priority in when searching the system.


Fundamental Advice on the Creation of Site Maps

- A site map should correspond with the design of the site. Departing from the common conception a site map, as from any other similar document, does not give your site its full measure of attractiveness, and even to the contrary can unnecessarily frighten away users.

- The use of graphics elements during the creation of a site map is not desirable. Lately most users surf the Web by sites in the Internet in the mode which excludes graphics images. For this reason the presence of graphics as navigation elements in your site map will not be considered very helpful, as they will not function for all users, and the map will be merely a rudimentary representation of your creation. Ideally, therefore, a site map should look the same in all web browsers, for all website visitors.

- The map's structure should correlate to the hierarchy of the site itself. For the structure of a site map it is desirable to use headers and lists. The use of tables makes this process much more difficult.

- It is desirable to place the link to your site map on the main or first page of your website and to make it in such a way that the user could, if necessary, quite easily use it. The user should not stop for one second to think about what he should do, when he doesn't know what to do further after landing on your website.

Accessibility... The Basics

An accessible website is one that allows as many people as possible to access the information contained within it. An important subset of accessibility is allowing people with visual, aural, or physical disabilities full access to the information and services available in the same way as able-bodied people. Ensuring that your website is not dependant on particular hardware or software is also an important consideration when building accessible websites.

Is it worth it?

At least 10% of the population in most countries has disabilities; visual, auditory, physical, speech, cognitive, and neurological disabilities can all affect access to the Web.


Average age of population in many countries is increasing; aging sometimes results in combinations of accessibility issues; vision & hearing changes, changes in dexterity & memory.


Many elderly and disabled people rely increasingly on the internet to obtain their goods and services.


Few organizations can afford to deliberately miss this market sector. On top of this, accessible web design contributes to advantages for able-bodies users too. Accessible websites:

Allow access to users of mobile phones, small display scress, Web-TV and web-kiosks and other new web=enabled devices.


Increases usability in low bandwidth or slow connection situations.


Provide access across a wider range of computer hardware and software.
Other extremely important benefits that make accessible websites worthwhile are that:

Many governments now require certain websites to conform to accessibility guidellines.


Accessible websites are easier to index by search engines and therefore help drive traffic to your site.
What does it entail?

Many techniques involved in making your website accessible will have no effect whatsoever on the final look and feel of your site for the majority of users. It will however allow users with disabilities to use assitive devices such as screen readers (to read text out aloud to them) and assistive input devices (for people with physical disabilities) to access and use your site. Some of the key concepts are:

To provide textual alternatives for all images and animations


To ensure that textual content can be resized to the users peronsal preference


To ensure sufficient contrast between text colour and background colour


To ensure that hyperlinks contain text that describes their purpose.


To ensure that hyperlinks are large enough to make them easy to select


To use a consistent and easy to navigate layout
Other benefits

The robots that search engines use to catalogue your website are essentially 'blind' visitors to your site. Accessible websites are therefore more search engine friendly and result in better search engine rankings and ultimately more visitors to your site. Other advantages include:

Better structure means easier and cheaper site maintenance


Accessible sites demonstrate that your organiation takes its social responsibilty seriously


Increased support for internationalisation


Reduces hosting costs
I believe accessibility is beneficial for all involved and should be a consideration of every website.

Monday, February 4, 2008

10 Commandments Of Website Accessibility

We keep hearing about something called 'accessibility' for websites. So what is it all about huh?

Well, it is all about webmasters making sure that they give any disabled visitors who come to their site an equivalent experience to that which a non-disabled person would have. So, if your site has garish rainbow coloured text and is full of puerile nonsense, then you must inflict your garbage on disabled visitors (who probably have enough problems already) as well as the rest of us.

How can you make sure your site is accessible?

Accessibility is a legal requirement in the UK and USA for government departments and anyone providing goods or services. Although personal homepages may be technically covered by accessibility laws (don't ask me, I'm not a lawyer) you probably would not be prosecuted for infringing the rules on an ordinary personal home page.

But if you are worried about accessibility, use one of the free online validators. There are lots of them. The one most people know is Bobby webxact.watchfire.com.

Rebels

Some people though, get far too obsessed with accessibility rules. The Web does need some rules. But people seem to forget that it also needs innovators, mavericks and rebels just as much. Otherwise the Web and all of us who use it will probably all die of boredom.

But if you do need the rules, here they are.

Ten Commandments Of Accessibility

1. Thou shalt worship Bobby and shall have no other accessibility checkers before him.

(And no 'marquee' tags either. They are so Internet Explorer! Some of us do use other browsers, you know.)

2. Thou shalt use 'alt' tags and/or 'title' tags in your images, because many people browse with images switched off. Also because some partially sighted or blind people use screen readers, which obviously cannot 'read' images.

3. Thou shalt not use 'alt' tags in each and every one of your 'spacer' gifs.

Although it would be technically correct to use 'alt' tags in spacer gifs, it would obviously be a nightmare if a disabled person (or anyone for that matter) had to listen to a screen reader reading out the 'alts' in all of these tags. And besides, those hundred plus spacer gifs are only there because you can't design properly to begin with. Yes I am bitchy aren't I?

4. Thou shalt use javascript only as a last resort because many people browse with javascript switched off.

If you do have to use javascript then remember to use a noscript tag and provide a way for someone without javascript to use your site.

5. Thou shalt not use Java applets, because many people browse with Java switched off.

Basically, people are so fed up of waiting for slow loading, jerky applets that usually contribute little to our enjoyment of either life or your website. And as for that java applet of a shimmering lake, if I never see that again...

6. Thou shalt use tables only as a last resort.

Tables are meant to hold 'tabular data', not entire webpages.

7. Thou shalt design thy website using divs and CSS wherever possible. But remember to ensure that your pages can be used without CSS as some people browse with style sheets switched off.

Basically, you should try to design your website in such a way that the end user can resize your text and, if desired, they can use their own style sheet instead of yours. Yes folks, the whole idea of spending hours and weeks of your precious time designing a beautiful website, is so that people can decide they want it to look like something completely different.

8. Thou shalt not use WAV, midi or other sound files because many people browse with sound switched off.

Using sound files often means people need to use a plug-in. If this applies to your web page, remember to provide a link to somewhere that the plug-in can be downloaded. If you use a small image as the link to the plug-in website, remember to use an 'alt' tag in the image because many people browse with images switched off.

9. Thou shalt not use Flash.

Admit it, you're just showing off aren't you

10. Thou shalt throw up thy hands in despair and rent thy style sheet asunder.

There are too many rules. It's just not worth it. How many allowances do you have to make for the way people use the Internet anyway? Why not just print out copies of your web page and post them out on request instead? For all I know, many people probably browse without a computer or with the electricity switched off or something and we don't want them to miss out as well do we?

By the way, if you do decide to distribute printed copies of your web pages, don't forget to produce a Braille version and a foreign language edition as well.

Note: this article is intended for entertainment purposes only. No offence is intended to anyone involved in the field of Web accessibility. This article will be made available in a special Morse code edition early next year.

Website Usability - How to Make Your Website User-Friendly

In this article we'll cover some basics of website usability, in other words, making your website user-friendly. This article in no way covers everything you should keep in mind prior to designing your website - there is much more. I have listed five questions you should initially consider. I will be brief with each question just to give you a few tips to get you started. Keep in mind that testing is the most important task and should be conducted frequently.

a. Do visitors know which page they are viewing?

The best way to ensure your visitors don't get lost on your website is if you title your pages. Make sure this title is the title in your navigation area too. On your home page, or the one that is your "index.html" or "index.htm", you don't have to title the page "HOME PAGE". It could be titled "About Us" or a page you want your visitors to see as soon as they open your website. If your "index.html" page is your "About Us" page, then put the header/title "About Us" at the top of the page. In other words, every page should have a heading so that your visitors will know what page they are currently viewing.

b. Can your visitor easily get to other pages using your navigational area?

Make sure that if you have 5 main pages in your website, there are 5 links in your navigation area with the exact titles as the titles on your pages. With this in mind, don't make your titles too long. If you have articles on your website, make one link titled "Articles" in your navigation area. On the "Articles" page, list your article titles in the body of that particular page because the article titles will be longer.

c. Does my background color and text color make a good combination?

You will need to take this into serious consideration. If your color scheme is unappealing, visitors will leave no matter how good your subject matter may be. If the combination causes eye strain or headache, your visitors will leave your website and may not return. Examples: blue background with red text, lime green background with yellow text, red background with yellow text, etc. One other background I would like to mention: patterned/tiled backgrounds. These can be overwhelming to the eye. No text will be readable on these types of backgrounds - at least not without difficulty. If you must have a patterned/tiled background, make it look like a watermark - full color patterned/tiled backgrounds will send your visitors away quicker than ice cream melts on a hot stove.

d. Are my photos too big or do I have too many on a page?

If it takes longer than a few seconds for your webpage to load, then your images are too big or you have too many on a page. It is not necessary for a photo to take up the space of an entire browser window. Too many photos, without a doubt, will slow your website down to a crawl, even on a high-speed connection. Most people will leave your website before the images finish downloading. You can make the images small enough for a slideshow or create thumbnails so that your visitors can select which images they want to see. Once your visitors click on the image to see a larger view, make even that image small enough to see all the details, but not big enough to slow down your website. There are quite a few image editors out there to use - some are even free. I use Macromedia's Fireworks to optimize my images. They have a tool where I can make my images smaller without losing clarity.

e. How do I test my pages for errors and user-friendliness?

Have a few other people look at your website. If you don’t think that friends and family will want to hurt your feelings, find a site with your color scheme; tell them that this website is not your website, but you would like their opinion on the color scheme and if it is difficult to read. You can also post your URL to various forums to ask them for a critique of your website. If this is your first time testing, you can ask for feedback so that you can get a variety of comments. Keep a copy of the answers you get so that in the future you can refer back to what people have said about certain features. Later on, you can put together a checklist to go by for every website you design. I wouldn't use just one checklist to check all websites, but a checklist would be a good start. Whether you are a beginner or expert website designer, you will always need to test multiple times. You have a great deal of choices to check for errors on your site. I like to use W3C's validators to check for errors and to bring my websites up to standard.

Making your website user-friendly is one of the best things you can accomplish for yourself and your visitors. Taking the time to ensure usability is nothing compared to how many visitors you will lose if you have a not-so-friendly website. Ensuring readability, fast downloading, and performing multiple tests will get you started in the right direction of designing user-friendly websites. Good Luck! Send me a link if you want me to critique your website.

Why Usability is Important to You

Usability is the measure of the quality of a user's experience when interacting with a product or system - whether a web site, software application, mobile technology, or any user-operated device.

According to Usability Expert Jakob Nielsen: "On the Web, usability is a necessary condition for survival. If a web site is difficult to use, people leave. If the homepage fails to clearly state what a company offers and what users can do on the site, people leave. If users get lost on a web site, they leave. If a web site's information is hard to read or doesn't answer users' key questions, they leave. Note a pattern here? There's no such thing as a user reading a web site manual or otherwise spending much time trying to figure out an interface. There are plenty of other web sites available; leaving is the first line of defense when users encounter a difficulty."
More: useit.com

What is usability

Is your web site usable? There are several definitions for usability, but basically the following 4 characteristics can be considered usable:

* Quick and easy to learn;
* Efficient to use;
* Allows rapid recovery from errors;
* Easy to remember;

Does your product or web site have the above characteristics? Usability increases benefits for both parties: the User (potential customers) and the Provider (yourself).

Users benefits from usability
* Users are satisfied, not frustrated, with the product or web site;
* They enjoy interacting with the web site or product;
* They achieve their goals effectively and efficiently;
* They cultivate confidence and trust in the product or web site.

If your users are satisfied, they will become loyal, and may even recommend your product or service to others.

Providers benefits from usability

As a provider, you may benefit from usability in many ways, including:

* Reduced development time and costs;
* Reduced support costs;
* Reduced user errors;
* Reduced training time and costs;
* Return on Investment.

Misconceptions about usability

Misconceptions about usability's expense," Jakob Nielsen says, "the time it involves, and its creative impact prevent companies from getting crucial user data, as does the erroneous belief that existing customer-feedback methods are a valid driver for interface design." More: http://www.useit.com/alertbox/20030908.html

How can usability can save your company

After all, have you ever wished there was one place that contained a list of everything you need to know to make your web site user-friendly? If yes, have a look at this "User Interface Usability Checklist for Ecommerce Web sites" here: http://webnauts.net/user-interface-usability-checklist.html target="_blank"

Browser Compatibility

Internet Explorer, created by microsoft has been the most popular web browser for many years. But the gap is shrinking with the release of Mozilla Firefox, by an open source community.

At the last count it is said that there are 64 million firefox users on the internet. Growing in massive numbers by the day.

So, the issue with browser compatibility is at its highest importance. The way browsers are constructed, they can show a webpage slightly differently.

For instance, the IFRAME tag shows perfectly in Internet Explorer but does not show in Firefox. This is only one of many instances of none browser compatibility.

Therefore, webmasters should be making sure their web page is viewable in both internet explorer and firefox equally. If it doesnt, then they risk loosing a large percentage of web users. There is nothing worse than surfing a web site and not being able to see it properly in a particular browser.

The solution for webmasters is to make all their pages XHTML transitional. Web sites that validate to this, have a higher chance of being viewed correctly in all major browsers.

XHTML is the next generation web language, and is said to replace HTML eventually. XHTML was released in January 2000.

XHTML is not a difficult language to learn, it is basically identical to HTML but the main difference is that tags in XHTML always have an end tag.

For example, a IMG SRC tag in HTML has no end tag. In XHTML the IMG SRC tag has the end tag of />

More information on learning XHTML can be found at w3schools.com - xhtml - intro

Once you have constructed your XHTML web page then you can validate it at W3schools.comxhtml - xhtml validate

Further, to ensure near complete browser compatibility you can validate any stylesheet here : Jigsaw.w3.org - CSS-Validator.

Design Usability and Graphics Compression

The first thing that we should know about the two most popular Internet Browsers, Netscape Navigator and Internet Explorer, is that they don't display web pages in the same way.

To make matters even more confusing, neither do PC or Mac computers display images the same way. In short, images created on a Mac appear much darker on a PC, and images created on a PC appear much lighter on a Mac. Pixel size differences (72 pixels per inch on a Mac and 96 pixels per inch on a PC at 640x480) make font sizes vastly different.

So, there has got to be ways around these differences, right?

Right.... To an extent. What we'll cover in this article are a couple of tips to make sure that your pages are displaying nicely regardless of the system or browser, and to help your pages download as quickly as possible no matter what they're being viewed on.

Step One: Compress the Graphics
Before we do anything else, we have to make sure that our graphics have been optimized for the web.

Most graphic programs have an option under file called "Save for Web". Once you have created the graphic you need, made sure you like it exactly as it is, and are ready to upload it for your website take a minute to open this original, great graphic in your software and click this option.

When you click Save for Web, you should be able to preview the end result before actually saving. In Photoshop, you will be given this option and a "slider" that lets you move from maximum to low quality when saving as a JPEG. As you move between qualities, you will notice that the file size drops or increases. Look even closer, and you will see a spot that shows approximately how much time it will take to download that graphic on various connection speeds.

The actual method for optimizing your graphics will vary according to the graphics software you are using. The end result is the same - you NEED NEED NEED to take a minute and create the highest-quality vs. lowest file size image that you can.

The two main Internet graphic formats, JPEG and GIF, have some compression built in. There are major differences between the two formats, as we'll see, and there are always ways of compressing that image down just a bit more to squeeze as much time out of it as you can.

JPEG
Is a loose compression method. In other words, to save space it just throws away parts of an image. The JPEG algorithm first divides the image into squares (you can see these squares on badly compressed JPEGs - commonly called "pixellating"). Then it uses a math equation called Discrete Cosine Transformation to turn the square of data into a set of curves that go together to make up the image. Depending on how much you want to compress the image the algorithm throws away the less significant part of the data (the smaller curves) which adds less to the overall "shape" of the image. This means that, unlike a GIF, you get a say in how much you want to compress an image by. However, the loose compression method can generate unwanted effects such as false color and blockiness.

Here are two examples of JPG's using different compressions.





GIF
Stands for Graphics Interchange Format. It's a loss-less method of compression. This means when the program that creates a GIF squashes the original image down, it takes care not to lose any data. It uses a simple substitution method of compression.

The maximum compression available with a GIF depends on the amount of repetition there is in an image. A flat colour will compress well sometimes even down to one tenth of the original file size while a complex, non-repetitive image will fare worse, perhaps only saving 20% or so.

One problem with GIFs is that they are limited to a palette of 256 colors or less. Also, because you have no control on the compression amount, download speeds will greatly vary when using a GIF. Personally, I recommend using GIFs only when you need them for animation and relying on the flexibility of a JPEG for anything else.

ANTI-ALIASING
Anti-aliasing is a technique used to make curved edges appear smooth on a computer screen.

It's mostly used with large font lettering but can be used with graphics also. The effect is achieved by using intermediary colors at the borders, which obscure the hard edges.

Anti-aliasing is a clever way of getting around the low resolution of computer screens and making your text appear as smooth as if they'd just come from a glossy magazine.

When using text in a graphic or using a graphic to replace text always anti-alias the text. In Photoshop, you are given this option right in your toolbar - just tick the checkbox.

More information on Anti-Aliasing will be available in a separate tutorial.

Step Two: Take a look or Two
Since there is such a big difference between platforms and browsers, make sure that you "test-drive" your graphics - and layout in general, for that matter - before you decide that you're "done". Try to view your site in as many different browsers as you can get your hands on, and then take a look at it on a different platform - If you use a PC, see how the other half surfs on a Mac, and visa versa.

Another step you should take to help reduce download speeds on your page is to use the Height and Width tags on your images. WYSIWYG Editors will usually do this for you. If you do your html by hand, make sure that there is a height and width specified for every image on your page.

Finally, the more that you recycle the images you use throughout your site, the better the visitor's experience will be. Once an image is in the browser cache, the browser will not download it again. This means that if you use the exact same navigation bar image for ten separate pages, the browser will only download it once.