![usability](https://www.webdesignerdepot.com/cdn-origin/uploads/2008/12/usability.jpg)
1. Include a Tagline
A tagline is a statement or a motto that represents a company's, or in our case a website's, philosophy and mission. It should be the most obvious element on a website's front page and it should clearly describe the website in one phrase. Statistics show that a website has just 8 seconds to capture a visitor's attention for them to browse the site further. Without a clear tagline a website would have a hard time keeping visitors long enough to browse the inner pages.![site1](https://www.webdesignerdepot.com/cdn-origin/uploads/2008/12/site1.jpg)
![site2](https://www.webdesignerdepot.com/cdn-origin/uploads/2008/12/site2.jpg)
2. Implement Site Search
As with taglines, site search is a very important element on a website. When users are looking for something they typically look for a text field where they can enter their search term. According to Jacob Nielsen's web usability tips, make this search box 27 characters wide in order for the text to be clearly visible and easy to use. Place the search text field on the top of your web page, because users tend to search a website according to the F pattern, meaning from the top left to the bottom right. Include a search button and clearly specify the search text, don't use text such as Go or Submit, because these expressions tend to mislead your website's visitors.![search-1](https://www.webdesignerdepot.com/cdn-origin/uploads/2008/12/search-1.jpg)
![search-22](https://www.webdesignerdepot.com/cdn-origin/uploads/2008/12/search-22.jpg)
3. Don't Use Extensive Graphics
Abusive use of design elements and graphics are always bad for a website, they just mislead the site's visitors. Only design to improve the web page not just to decorate it. From a usability point of view, less is always more.4. Use Site maps
Site maps are a relatively new website feature that improves web page navigation and also search engine optimization (SEO). Site maps in essence are a structural representation of a website's pages and architecture. It can be a document in any form, or a web page that lists the pages on a web site, typically organized in hierarchical fashion. Recently, search engines like Google, Yahoo and MSN have started offering a Sitemap protocol which is similar to a website's site map page, but the data is organized in XML format. There are Sitemap XML generators that create these documents for a specific URL.5. Don't Break the Workflow
By workflow we mean every operation that a user is doing on a website. For example filling out a form, registering on a website, browsing categories, archives, etc. Don't break these workflows, let the user cancel any operation. By not letting the user cancel an operation, we're forcing them to finish it even if they don't want to. Not every operation on a website is obvious for users, guide them through the specific workflow by using descriptive tips. (e.g. when filling out a form). Javascript links usually break the workflow, so it's not recommended to use them on your website. Another mistake is not changing the color of visited links, this results in breaking the navigational design. Let users know where they've been and where they are on a website.6. Create Easily Scannable Web Pages
Easy to read web pages plays an important role in maintaining visitors' loyalty, keeping them on your site and reading your content. Usability tests show that the majority of users don't read web pages, they scan them, looking for titles, bold, emphasized text or lists. Eye tracking studies conducted by Jakob Nielsen show that users read content that resembles an F shape, meaning that the reading starts from the upper left of the web page, next it moves down a little starting from the left again.![f_reading_pattern_eyetracking41](https://www.webdesignerdepot.com/cdn-origin/uploads/2008/12/f_reading_pattern_eyetracking41.jpg)
- Users won't read a web page content word by word, they will extract important paragraphs, bold text, etc.
- The first two paragraphs are essential on a web page. These must contain the most important information that your visitors are looking for.
- Sub headings and lists stands out from the regular paragraphs. Use these elements to notify users on important information.
7. Don't Design Misleading UI Controls
By user interface (UI) controls we mean web page elements, components and widgets that a user can interact with (e.g. a button, drop-down list). Don't design graphic elements that looks like a button, but is not. We often see text that is underlined and looks like links, but are not clickable. By not having the action that the users were expecting, they would think that the site is broken and eventually leave. One other important usability tip regarding UI controls is consistency: Make sure that your UI controls are consistent.![yahoo](https://www.webdesignerdepot.com/cdn-origin/uploads/2008/12/yahoo.jpg)
8. Give Meaningful Feedback
Meaningful feedback is essential for a website. This is the communication channel between the site and the users, with the help of feedback we let the users know what's going on on the site. In case of an error on your web page, don't just print Error occurred, instead write meaningful error messages which tell the user what went wrong and what actions they can perform from there.![feedback-1](https://www.webdesignerdepot.com/cdn-origin/uploads/2008/12/feedback-1.jpg)
![feedback-2](https://www.webdesignerdepot.com/cdn-origin/uploads/2008/12/feedback-2.jpg)
9. Do Not Overuse Javascript
With the advent of Javascript and the AJAX technique, web designers and developers can create responsive, transparent websites, but as with all new technologies there is a cost. In our case the cost is browser inconsistency. Not every user has an up-to-date web browser. They also might not have Javascript enabled by default. By using Javascript on a website extensively we block out these users. Instead use unobtrusive Javascript and graceful degradation.10. Avoid CAPTCHAs
CAPTCHA stands for Completely Automated Public Turing test to tell Computers and Humans Apart. Even the name sounds complex. The most general form of CAPTCHA is text embedded in an image and by testing visitors we can separate human users from spam bots.![captcha](https://www.webdesignerdepot.com/cdn-origin/uploads/2008/12/captcha.jpg)
Summary
- Always include a tagline which should be the most obvious element on a web page.
- Implement a 27 characters wide site search and place it on top of your website.
- Don't use extensive graphics and design elements.
- Include a site map page and register a sitemap XML document in search engines.
- Don't break a user's workflow. Allow every action to be canceled if necessary.
- Create easily scannable web content and place the most important information on top of your web page.
- Don't design graphic elements that looks like a button, but is not.
- Present meaningful feedback and don't forget that feedback works both ways.
- Use unobtrusive Javascript and graceful degradation.
- Avoid CAPTCHAs, use more usable methods instead.
WDD Staff
WDD staff are proud to be able to bring you this daily blog about web design and development. If there's something you think we should be talking about let us know @DesignerDepot.
Read Next
15 Best New Fonts, July 2024
Welcome to our monthly roundup of the best fonts we’ve found online in the last four weeks. This month, there are fewer…
By Ben Moss
20 Best New Websites, July 2024
Welcome to July’s round up of websites to inspire you. This month’s collection ranges from the most stripped-back…
Top 7 WordPress Plugins for 2024: Enhance Your Site's Performance
WordPress is a hands-down favorite of website designers and developers. Renowned for its flexibility and ease of use,…
By WDD Staff
Exciting New Tools for Designers, July 2024
Welcome to this July’s collection of tools, gathered from around the web over the past month. We hope you’ll find…
3 Essential Design Trends, July 2024
Add some summer sizzle to your design projects with trendy website elements. Learn what's trending and how to use these…
15 Best New Fonts, June 2024
Welcome to our roundup of the best new fonts we’ve found online in the last month. This month, there are notably fewer…
By Ben Moss
20 Best New Websites, June 2024
Arranging content in an easily accessible way is the backbone of any user-friendly website. A good website will present…
Exciting New Tools for Designers, June 2024
In this month’s roundup of the best tools for web designers and developers, we’ll explore a range of new and noteworthy…
3 Essential Design Trends, June 2024
Summer is off to a fun start with some highly dramatic website design trends showing up in projects. Let's dive in!
15 Best New Fonts, May 2024
In this month’s edition, there are lots of historically-inspired typefaces, more of the growing trend for French…
By Ben Moss
How to Reduce The Carbon Footprint of Your Website
On average, a web page produces 4.61 grams of CO2 for every page view; for whole sites, that amounts to hundreds of KG…
By Simon Sterne
20 Best New Websites, May 2024
Welcome to May’s compilation of the best sites on the web. This month we’re focused on color for younger humans,…