Category: Website Usability

Today we’re continuing the discussion on technical elements of website usability that began in my previous post.

One more important technical question: How does your website load? If it doesn’t load fast, research why not. Internet users don’t wait for sites to load—they just don’t. The average user doesn’t spend more than 30 seconds on a website.

With a regular broadband connection, the average site’s homepage should load within 10 seconds and its internal page should load within 15 seconds. You need to make sure your site meets these requirements. There are lots of ways to ensure this.

The code of your website should be clean and free from errors. Always validate it through http://validator.w3.org and if you use cascading style sheets (CSS)—which you should be—
validate them at http://jigsaw.w3.org/css-validator/. Thus, you’ll be confident that your website is W3C compliant.

Your code should also be “light”—don’t use anything that might make site’s code “heavier.”

Make sure that uncommon plug-ins are not required to view elements of your site, otherwise the website will be very uncomfortable for your visitors.

Avoid dynamic URLs. Use the .htaccess file’s rewrite mode to make sure all of your site’s URLs are SEO-friendly, i.e. static and keyword-rich. Consult your hosting company and hire a programmer to do some customization work for you if you don’t know anything about how to implement this.

Test, test, and test! Test it in all web-browsers (Internet Explorer, Mozilla Firefox, Opera, Safari); with both PC and Mac; with mobile phones and other Internet-access stations; with different screen resolutions (1024×768, 1280×1024, 800×600) and color schemes; when using additional online tools and add-ons to view the site; and how it would be seen as a screenshot or in a frame. Also ask yourself, “How does the site perform for visually impaired users? How are DHTML menus working? Do flash or action script elements load fast?”

You can’t make your site look technically perfect for absolutely everyone, but you should try to do your best.

Collect information from your visitors. You can do this automatically by using different sorts of web analytics tools like Google Analytics; or by using different marketing strategies, such as offering free products (white papers, software demos, etc.) if visitors fill out a simple contact form. Ask them website usability questions, such as what’s easy and what isn’t. The more you know, rather than assume, the better you can make your site look and function for all visitors. In addition, using web analytics is vital for other purposes. You should be aware of what’s going on with and on your website, so you can act fast when something is wrong.

Hope this information helps in creating and managing technically strong websites. Good luck!

Shavkat Karimov
Internet Marketing Manager
mobileStorm, Inc.
Every problem comes with a solution
Business Portal and Directory

We are not going to get too technical today, since many readers might not be so knowledgeable about web programming. But I’ll offer some guidelines that you can keep in mind when working with your website developers.

As a universal principle: Make sure everything works as planned in all the major web browsers.

First, determine your servers’ capabilities. Do you have any bandwidth limits? Bandwidth is another term for website traffic, operational as well as “coming from” or “going to” activities. What is the cost for extra bandwidth every month? How much web space do you have with your hosting package? Are these enough for your website function and load fast? What operating system do your servers use—Linux, Unix, Windows—and is it the best option for your site? Are there any pre-installed scripts and content management systems that you can try? Are there any limits on using certain types of scripts and tools (CGI, rsync, SSH access, wild cards)? Do you have access to the server logs, and stats to analyze your website traffic sources, visitor types, and other useful data?

Keep your website’s major files in the root directory of your server. This is really good for both WU (website usability) and SEO. Place the codes in separate files for security reasons, and also for SEO purposes. If you use Java scripts, make sure they are not placed in the same file of the page; just add a code snippet, which will call the script from another file for execution. When it comes to SEO, this technique of placing everything separately will not only let your website function faster, but will also give you a bit of a search engine ranking advantage.

Website security is a critical issue, and you need to use secure web servers. You should password-protect your major back-end files and directories. Also, back up your website files and databases periodically. Do multiple backups. Control your site’s traffic and try to note anything suspicious. Keep your own computer free from Trojans and viruses. Don’t allow people whom you don’t fully trust to access your computer. Be in constant touch with your server’s support people and warm them right away if you notice any danger to your website.

Do not assume that all users will have the same browser features, or will have set the same defaults. Some users select larger fonts, and some users may turn off backgrounds, or use fewer colors. You should find out what settings most of your visitors are using. You can do this by analyzing your website traffic. You can also specify on your site what browser, resolution, font size, etc. with which the site is best viewed .

Lots of Internet statistics can be checked here: http://www.thecounter.com/stats/

You also need to use a set of webmaster tools by Google, which can be found at http://www.google.com/webmasters/tools/. These are free tools to diagnose your site and better optimize it for Google, set parameters, and generate statistics. They can be very helpful in making your website technically friendly.

Shavkat Karimov
Internet Marketing Manager
mobileStorm, Inc.
Every problem comes with a solution
SEO Consulting Services

In this installment of my Website Usability series, we will discover components and pages that can enrich your site and make it more user-friendly.

Occasionally, you might have visited sites that were “poor” in terms of their components. So what was missing? Possibly a number of things.

Some sites lack their own title, slogan, and logo— these elements are a must-have trio. You want to let people know your brand’s name, your organization’s motto, and your brand-recognition element, or logotype. Include this component somewhere on the header of your site.

For businesses selling something online, obtaining personal details, or offering services, the law sometimes requires a Terms and Conditions component. This page will also help protect your online business from misunderstandings on the part of your customers or website guests. A Privacy Policy component is also highly suggested. You can include these two components as small but visible text links in your website’s footer menu.

If your site’s material is fully or partially copyrighted, you might want tell your visitors. Include the copyright information in the bottom menu—it usually looks like a copyright sign (the letter “c” encircled ©)—and your site’s official name right after that. You might want to include the years the copyright is active, for example “2006-2008.”

We’ve already talked about it before, but it wouldn’t hurt to remind you about sitemaps. You really want your visitors to know your site’s structure, and a sitemap will definitely help them find the pages they need.

Another “must” for content-rich sites is a search feature. It should be placed in the visible area above the fold, and should be easy to use and work properly. Some sites are using free search forms provided by major search engines, which might be a good idea if you can’t build a simple search engine in-house. If the site has a large number of pages in different formats, styles, categories, and segments, you can add an advanced search function whereby people can search by subject, author, date, category, format, etc.

It makes sense to tell your visitors about your site or who is behind it. That is why many reputable sites have the component called the About Us page. This tells about the site and/or its owners, thus showing your openness to the online public.

Another feature that shows your openness, and also helps your site to be user-friendly and meet website usability requirements, is the Contact Us component. This can be a simple feedback form. You can also add your physical address, phone numbers, email addresses, etc.

By the way, there is no need to hide your email addresses under images. Instead, use spam-filtering software with your email clients and for your website from the hosting platform. It is also ideal to give your business address and phone number(s), if you are fine with people calling to ask questions. It will show your visitors that you have nothing to hide and will make them comfortable to do business with you.

You can include those last two components in any visible area of your site (homepage and all other pages); they usually are located next to each other.

If you sell products or services, a very good idea is to have a live chat option available on any page of your site. This makes it as if your visitors entered the real-life office of a reputable organization—there always someone to talk with who can help them out.

You can also add a report broken links component, so that your visitors will be able to help you make your site better and free from errors.

Finally, it is a great idea to add a custom 404 error page (“page not found”). Here, you can include that report link. The custom 404 page will help you not to lose visitors.

In general, the more interaction features you add to your site, the better. Just make sure it’s not annoying. Pop-up windows screaming “Wait!” when someone is trying to leave the page might be very distracting, and thus harm your site rather than help it.

If you follow my above suggestions on website components, you will make your site more user-friendly, and benefit from that effect.

Shavkat Karimov
Internet Marketing Manager
mobileStorm, Inc.
Every problem comes with a solution
SEO Ranking Examples

When it comes to web content, some things are obvious:
- It should be free from misspellings, grammar, or factual mistakes;
- It should be easy to understand, interesting, and not boring.
- It needs to be SEO-friendly.

However, from the website usability point of view, the content must be first of all useful! And there are other things needed to meet website usability best practices and standards.

Content Look and Formats
You should present your content in a popular web format that doesn’t need to download any additional applications. HTML formats are best for this purpose. While PDF documents look good, they might require readers to take additional steps if they don’t have Adobe Acrobat Reader installed.

The content of your site should be easy to read. Don’t make the font size too small or too big. You might want to let visitors choose the text size they prefer via a short and clear message in the header or footer of your site—many sites do this.

Avoid using bright colors in the text. They just annoy readers.

I personally don’t like “negative-colored” sites—those with a dark background and light text. They can make one’s eyes hurt when one goes to other sites with the usual light background and dark text, since these look too bright after visiting dark-colored sites.

Your visitors should be able to understand, on the spot, what a web page talks about. So the key elements of your content should be somehow outlined. Make them bold, underline them, or create headlines with larger text sizes (or by using the H1, H2, or H3 tags). We will talk about these and other tags later, and also discuss the CSS stylesheet that you can use to make your content look good.

Content Organization
The content on your site should be well-organized. You should do the following:
- Put the most important parts at the top of your content section.
- Group related parts together, helping readers to understand content more quickly and easily.
- Get rid of anything unnecessary.

Content Structure
You might want to divide your content into sections. Reading sections of text when they are separated is much easier than when everything is crowded together. Separate content sections by topic and add some design elements. For example, a good CSS layout style with barely-seen grey window limits would work great.

Try to provide visitors with the convenience of being able to read everything with less page-scrolling and fewer clicks.

People perceive information differently, so know your visitors and present your content the way they would want it to be presented.

Use lists and tables to structure your content like I did within this post. It helps readers to obtain the information in a more convenient way.

Structure the content with logical and easy-to-use sub-menus that are easily seen from any point of the content’s screen. Make sure that readers understand where they are within the content, where they can go next to find out more, and how they can go back to what they already read.

It is a good idea to interact with your audience. Ask questions and let them answer by adding a feedback form right below the content part of the page. Create polls if needed.

Finally, try to include introduction and conclusion statements to your content where possible. Sometimes it helps to read these two sections to get the picture.

Hope this helps you making your site’s content more user-friendly.

Shavkat Karimov
Internet Marketing Manager
mobileStorm, Inc.
Every problem comes with a solution
SEO Consulting Services

Simplicity is key when it comes to navigation. The more simple it is, the better. Your main task is to make sure visitors aren’t lost on your site.

Navigation should be available on each page of your site. The visitor should be aware of where, exactly, he/she is located on the site at every moment. The visitor should also know from which page he/she came, and where he/she can go next.

Website navigation can be placed anywhere on the site as long as it is extremely visible. Most sites put navigation on the left or right panel; sometimes, or additionally, it can be placed in the site’s header or footer. The point is that the navigation should always be at the same place. This will ensure that your visitors aren’t lost, and will know where to look for directions.

Don’t think your sitemap can replace navigation. The difference between these two is that a sitemap is just a page containing a list of links to all the pages of the site, while navigation something that is on all the pages (or at least the major pages) of the site.

It might be a good idea to create dynamic navigation that is not just repeating itself everywhere. Instead, while the visitor is on some sub-page, the navigation shows the neighboring same-level pages, as well as the main sections of the site. This will require additional technical skill and work, but will make the navigation of your site more useful and less boring.

People shouldn’t have to guess where they’ll go if the click a certain link on your menu. The titles of these items should be clearly stated. Make sure your navigation links looks good by using a Cascading Style Sheet (CSS). We will discuss CSS later.

In the next post we will talk about a website’s content. Until then,

Shavkat Karimov
Internet Marketing Manager
mobileStorm, Inc.
Every problem comes with a solution
Consulting by SEO Manager

While the homepage is your website’s face, the layout is how it looks. You want your face looking good, right? Let’s see how we can make this happen. We have already talked about design and content, and will discuss their sub-elements in upcoming posts. So today I’ll concentrate on the visual essentials of your website’s layout.

Layout basically consists of four visual parts: Header, footer, right-side and/or left-side panels, and a content section. Each of these parts should state their purpose.

You should take into consideration things that are different for each of your site’s visitors:
• Screen resolutions, and how your layout will look in different resolutions (I’ll go into this further in a future post).
• Which web browsers the visitors are using, and how the site looks in each major web browser (also to be discussed in detail later).
Ideally the site should look, and function, the same on any screen or web browser—but unfortunately, in most cases this just isn’t possible.

Place the most important things above the fold, i.e. on the top part the page that can be seen without scrolling. It is fine if some other elements are placed below the fold and the visitor has to scroll down to see them—after all, if there is no need to scroll, the page might be too short.

It is a great idea to work with a “templatized” site. By this I mean that the templates of different sections can be easily edited, removed, or added without affecting the general structure of the site. Most of today’s websites are created that way, both custom-built sites and those using content management systems (CMS). It makes the editing work much easier when your site is structured by elements combined together. It also ensures that your layout stays the same no matter how many different changes you are making to any section of your website.

Do not use too many graphics on your site. Texts and images should be laid out in natural proportions. Look at your favorite sites to decide which proportions will work best for your web pages.

In the next post we will talk about your website’s navigation. Until then,

Shavkat Karimov
Internet Marketing Manager
mobileStorm, Inc.
Every problem comes with a solution
SEO Manager – Consulting

The homepage (also known as the main page or the index page) is the face of your website. It is usually the most visited page of any site. It is highly important to make it as user-friendly as possible so that visitors will start navigating your website—instead of leaving it.

The homepage should say it all: Who you are, what you offer, why you are here. But since it’s just one page, and you don’t want it to be too distracting, all this should be stated concisely. The homepage should show that you do care about your visitors, and the general look should be appealing. The right homepage is 90 percent of your website’s success. Never forget it!

Besides what I have already talked about in my previous articles, there are two major elements of your homepage: Layout and navigation. We will talk about these separately in future posts. Today, I’ll just touch on some “must-haves” for your homepage.

A homepage should always include your website’s title, logo, and slogan, if any. It should include links to the major sections of the site (the navigation menu). These include links to your “about us” page; “contact us” page; sitemap; terms and conditions; privacy policy; and other key pages. For example, if you are running a newsletter and it is vital for your online business, you might want to include a subscription link or form on your homepage.

If you have a commercial website, make sure your major calls-to-action are placed visibly on the homepage. In case your site contains lots of pages, it makes sense to add a search box to make it easier for visitors to find certain information. Also include the elements that will add credibility or authority to your site, such as award logos or security seals.

And finally, your homepage should be “branded.” A branded site is one that is easily recognized, even when you see a small screenshot of it. Think of how branded the homepages of well-known sites are, and you’ll understand what I mean.

In the next post we will talk about a website’s layout. Until then,

Shavkat Karimov
Internet Marketing Manager
mobileStorm, Inc.
Every problem comes with a solution
SEO Consulting Service

First, you had to answer the website usability questions I posed in a previous post. Then, I had you look at the major WU elements of content, design, and development. Now, it’s time to look into your website’s hosting platform and its domain name.

Hosting and Servers

How fast does your site load? It’s not just code or graphics that cause delays; your hosting solution or servers might be at fault. Make sure you use a good hosting provider with 99.99 percent uptime and strong servers. In extreme cases you might want to get your own servers, which is a more expensive option, but still a relatively small expense in your online monthly budget.

Monitor your website’s life through one of the different monitoring services. A good one is http://www.internetseer.com, which will send you reports if your site goes down. Your website is your office and it should be open 24/7.

Read the rest of this entry »

Last week I started our conversation on website usability. Now that you have answered the three important questions I talked about—and you know what your site’s goal is, who your target audience is, and what your resources are—we can proceed.

All website development and design should fall under those aforementioned three things. You shouldn’t do anything that doesn’t get you closer to your goal of sales or popularity. You shouldn’t do anything that your audience wouldn’t accept or like. And you can’t do anything for which you don’t have resources. This all is pretty straightforward.

What is the foremost thing that you should take care of? Content. Content should be useful and well-written, and it shouldn’t contain any errors, either grammatical or factual. The content should also be original, easy to read, and interesting. Besides all this, the content of your site should be SEO-friendly. (I wrote about SEO-friendly copywriting in a previous post.)

Read the rest of this entry »

This article kicks off a series of posts on website usability. While SEO is great to bring people to your site, WU (website usability) will make sure they enjoy their stay and don’t leave right away.

By focusing on WU, you will greatly increase conversions and sales since users always return, and will refer others to your site. You’ll also experience other positive side-effects when you show visitors that you care about their user-experience on your website.

Website usability includes almost all aspects of your site’s structure, design, programming, forms, scripts, layouts, and navigation. WU is closely attached to SEO; I am confident that many of its elements are built-in within search engine algorithms as ranking factors for websites. The more you take care of these elements, the better your rankings will be in the search engines. Note too that WU is more about converting the traffic, rather than just attracting it.

The first thing to do is to answer these three initial questions: What is the goal of your website? Who this website is for (target audience)? What are your resources?

Read the rest of this entry »