User Experience and Cognitive Engineering

1. Know what is important. 1. Bring users to your site, 2. Ensure usefulness and usability, 3. Maximize trust. You will make much more money trying to bring users to your site and ensuring good usability than trying to have beautiful flash and look. Most users care only about finding rapidly what they are looking for and achieving their goals. They don’t care about color and visual appearance. When they find what they are looking for, they usually don’t notice the look. Amazon, Google, Yahoo, Ebay and Craigslist are very successful but they are not beautiful, they are effective.

2. Avoid having wrong design goals. For example minimizing the number of clicks. To ensure having the proper design goals, know the users, their goals and the context of use. If users are going to your site once in a while on a non-mandatory basis (online banking, news, shopping…), you have to treat them as a novice. They have to understand instantly how to use the site. In this context, it is preferable having a few more clicks and pages with less information. On the other hand, for power user, speed is more important. In this context, less actions, pages and clicks are more important.

3. Do few things and do them well. For example for an e-commerce site, ease of finding the product, having the right information on the product and trust are the key success factors. For a search engine, ease of entering queries, speed and pertinence are the key success factors. Don’t spread your energy on other features unless you master your key success factors better than any others.

4. Design for user limited attention. On the web, many users have little patience and do many things at the same time (they might go on your site while at work). Within 10 seconds, they will abandon if they don’t find what they are looking for. Since the reading speed is about 200 words per minute, you can provide a maximum of 35 words to read before a user abandons. So minimize the quantity of text. Contrary to TV where the full screen is in use, on a computer, only a small portion of the screen is viewed simultaneously (roughly 6 to 7 cm diameter). This is due to the useful field of view, which corresponds to the subtended angle of the fovea vision. Information must be grouped within this diameter. That’s why banners are so ineffective. For most page layout you can afford about 4 to 5 groups. Avoid long lists of items, users read only the first few items at the top of the list. Organize according to the natural eye path. Remember users start from the top left corner, go to the center and if they don’t find what they are looking for, then they try to go to the left expecting a menu. For this reason, avoid menus on the right. The bottom right is the worst real estate of a page.

This sketch show the typical eye pattern on a web page.

5. Avoid relying on branding. Users do not remember seeing your ads, brochure and other corporate information. Keep your brand simple and name your entire product line in relation to a user goal. If you already have a brand for a product, provide a prompt matching the user goal. This also help SEO (Search Engine Optimization). For the same reason, you don’t need to be that consistent between corporate brochure and web site.

6. Users don’t read, they scan. Users will scan text and when they find something that is likely to meet their goals, they click on it. You better to expect that users won’t read your text. A good approach is to provide just a list of hyperlinks with a large font. You can also provide a small description with a maximum of 15 words with smaller lighter font under the hyperlink. This technique is ideal for a newsletter. Users will scan the list, if they are interested, they will click on it and read the description under it.

7. Ensure users understand your text and graphics. At least 50 % of the usability problems are related to the wrong choice terminology. Users get easily confused between concepts such as events and news, schedule and time table…. Minimize the number of concepts. Don’t worry, users mix apples and oranges. Test and test again your site with real users to find the right terminology.

8. Don’t reinvent the wheel. Use basic web controls. You don’t need to create complex navigation structure. A simple menu and the browser’s back and forward button are Ok for most of the cases. Once users have a successful behavior, they continue to us it for other goals. For example, if they find something through the menu, they will try this method again for another goal. Limit your design to familiar controls. Use straight hyperlinks to select a page. You will make more money with blue underlined hyperlinks because the users’ reaction time is about 30 ms less.

9. Use readable font. If users find the information and can’t read it, it’s zero. Why using small fonts? If your fonts are too small, only younger users will be able to read it. With the right size, everybody will be able to read it. Fonts must have a size equal to 1/200th the distance of reading for proper readability. On a computer screen, fonts must be at least 3 mm. For example MS Sans Serif or Verdana at a minimum of 11 points are Ok. Font adjustment controls don’t work because most users that would need them never use them. Those having serious reading problems already have special adjustments on their browser.

10. Be permissive to errors. Users make errors. The best way to manage errors is to allow them. For example, be permissive to various date formats. On the other hand, if users make errors, ensure proper detection, recovery and simple messages. Messages must have two items: the status and the corrective action.

For more information , you should check the Top 10 Web Design Mistakes of 2003 from Jacob Nielsen