Good day, dear readers. I think all of you have heard the word usability. Many people even know what it is, but some only think they know.

It so happened that in my practice I had to come across very closely not just the concept of usability, but to analyze the site, express my opinion and give recommendations for improvement. Moreover, I analyzed it not from the point of view of web design, but from the point of view of the effectiveness of the site as a business tool.

The most difficult thing for me in this situation was not identifying problematic issues on the site, but explaining why it was considered problematic.

Naturally, I’m not going to pretend to have deep knowledge of website usability and I’m not going to compete with specialized resources on this topic. The few publications that I will devote to usability will be mostly for organizing my knowledge, consolidating the topic and cheat sheets for the future.

Please also note that I am considering this topic not so much from the point of view of a web developer and web design, but from the point of view of an Internet marketer.

That is why in the previous article I shared, which explains the view on usability described below.

I'd like to start by saying that most of the information about usability on various web design blogs is just the tip of the iceberg. This is due to several reasons, and one of them is that usability is not some kind of ease of use of a site that any web designer can come up with, it is a separate large-scale direction in development software, which employs real professionals - usability engineers.

A little history of usability

Of all the definitions that I came across on the Internet, in fact, none of them was a definition. those. It cannot be said that usability is the science of..., or usability is a set of measures....

Of all the variety of definitions, for now I decided to focus on the definition of international ISO standard 9241-11, according to which:

Usability is a degree with which the product can be used certain users in a certain context of use to achieve certain goals with due efficiency, productivity and satisfaction.

But I decided to look for other definitions, which is why I delved into the origins and found out that usability is part of microergonomics, which in turn is one of the sections of ergonomics. Finally, I came across a word that I understood, which also had a scientific basis and terminology.

In a past life, I was supposed to become an artist-designer and in the process of studying I gained knowledge about what ergonomics is - a science that studies the interaction of a person with surrounding objects (maybe the definition is not the most scientific, but it conveys the essence).

Have you ever wondered why the steps in your entrance are exactly the same height as they are? Doorways are never at or certain size as well as a single bed. All sizes of objects are a consequence of the science of ergonomics, even though they appeared several thousand years before it itself.

Any modern development, firstly, is always developed taking into account the size of the average person, and secondly, it undergoes thorough testing for ease of use.

With the development of technology in ergonomics, a direction has emerged - microergonomics, one of the areas in which is the design of interfaces. This is where the word usability arose.

As I said above, it was not for nothing that I published a previous article about Internet marketing, in which I shared my vision of this topic. And discussing the topic of usability from the point of view of Internet marketing, I came to the conclusion that to a greater extent usability is an analogue of our word “quality”, i.e. phrases: site usability And site quality are essentially equivalent.

I have already touched on the topic that for any business. The better quality your instrument is, the best results you can achieve.

Those. a quality tool is one that performs its function: for an online store this will be sales; for a website design studio - direct customers; for a blog - subscribers.

Accordingly, the user constantly interacts with the site, and the easier and simpler the interaction is, the higher quality your tool - the site - is, which means the better the usability of your site.

The most important thing is why I devoted so much time to my thoughts and searches, so that you understand for yourself that usability is not just a “convenient menu on the site,” but a measure of the quality of the entire site from the point of view of its use by a person.

The result of interaction is the satisfaction of the needs and requirements of the Internet user (), which ultimately brings profit to companies that develop their business through the Internet.
Once again...

You can't say "the site has good usability" about a site until you get real evidence that the site brings value to the user. Accordingly, depending on the site, the benefit is - obtaining information, making a purchase, etc., i.e. everything that leads to the satisfaction of the needs and requirements of the Internet user.

It would seem that all the conclusions have been drawn, and now everything should be more clear, but that was not the case. After all, all people are different, and everyone has their own measure of quality. For some users one thing will be convenient, for others another. But the usability of the site, like the quality of the site, cannot be measured; all this is relative values. All that remains is to understand, regarding what? The answer is relative to what was or is originally.

And this is the second reason why many people have the most superficial knowledge about usability. As I already said, usability is a huge layer of research, statistical and analytical information in software development, including web development.

To answer everything possible questions Research, surveys, testing and data analysis are carried out. To do this, entire groups of researchers and developers work on the issue of usability, and thousands of users participate in testing. But, unfortunately, only large companies can afford such large-scale research. But, naturally, this does not free every site owner to think about the usability of their resource and conduct their own mini-research and testing. To do this, we need to know the basics of usability and be able to use tools with which we can test the resource.

Usability Basics

Usability is built on five basic principles; on the Internet you will find them called factors or components of usability. In my opinion, the word “principles” more accurately conveys their essence.

The first principle is learning. This, of course, applies more to complex interfaces; it is very relevant for CMS administrative panels, accounts in various exchanges, and statistics systems.

For example, they often complain about Google interface Analytics that it is difficult to understand or, as a tweeter is difficult for many. This shining example the first principle of usability, when a user experiences difficulties when registering on a site for the first time.

Although, in my opinion, the example is not the most successful, because... According to my personal observation, the difficulty lies not so much in usability, but in the not very successful Russification of foreign resources, and partly in mentality. For comparison, the Yandex Metrics interface, in my opinion, is much more convenient, and you immediately grasp on the fly where and what is located, and you start using the system without any problems.

And then it starts to work The second principle of usability is efficiency.. I, as a user, can say with confidence that I effectively use Yandex Metrica, having once learned how to work with it. This means that the developers did a good job with the second usability principle. Also, once you understand the tweeter, you realize that it is very simple and you begin to use it effectively. What I can’t say at all about Google Analytics, when I seem to have studied everything, understood everything, but at the same time I am sure that I am not using even half of its capabilities.

And every time I start working with it, I make sure to click a couple of times in the wrong place or spend a long time going through the entire menu to find the report I need. This situation depends entirely on the implementation The third principle of usability is memorability.. For example, in the example given, I have trouble remembering where each report is located. I find some reports quickly and without problems, but I spend time searching for others. Is this my problem or the developers' problem? In fact, there is no definitive answer, and this is a question I will explore in a future post.

The fourth principle of usability is errors.. Here, I think, errors such as useless extra clicks are also taken into account, i.e. the user himself makes mistakes due to poor learning and memorization, and server errors, for example, the same is a server error and its absence can affect the user’s loyalty to the resource.

Last, The fifth principle of usability is satisfaction.. Moreover, it is worth noting that I can be satisfied or not, as process use and result. And if, for example, for me the process using Google Analytics is complex, so I am completely satisfied with the result of interaction with this analytics system, and, depending on the tasks set, I can be satisfied to a much greater extent than from using Yandex Metrica.

Does Google Analytics cope with its task when learning, efficiency and memorability are not so good, but the user is satisfied? I think he's coping.

Thus, having understood all the fundamental principles of usability, I return to the fact that site usability and site quality are synonyms that determine the degree (measure) of user satisfaction with the site and, as a result, the performance of the site’s functions. And as you and I already know, the performance of the site’s functions promises the site owner an increase in profits.

By the way, it is very clear from the principles that initially usability was not used for web resources and all the problems that the user faces when working with the program interface are visible. On the other hand, I brought illustrative examples the fact that modern web resources have very complex interfaces and it is very important that developers do not forget about the basic principles of usability.

Considering the above, so that our understanding of usability for websites is more complete and understandable, in the next article I will tell you what rules apply when developing a high-quality website. These rules will be more focused on websites and expand upon the principles of usability themselves.

Stay in touch and good luck moving forward.

Good afternoon to you, dear readers of my blog. A popular tool for selling services and goods on the Internet is a website. How to make sure that users don’t just come to admire beautiful pictures, but did exactly what you needed: made purchases, subscribed to materials?

User behavior on the site can be controlled. For this purpose, there is usability, the basic principles of which we will consider in the article.

But even if you don’t have your own website, understanding the basics of usability can be turned into a source of good money. Interesting? Then read on.

The problem for most website owners is the same. A lot of money has been invested in web development, but the tool does not work!

Users do not perform the actions that the seller expects from them. They don’t buy, don’t subscribe to updates, leave quickly, low percentage of repeat requests. What's the matter?

And the answer on the surface is that the site is inconvenient for the user!

What does it mean? For example, to find information about payment and delivery, the user needs to scroll through several pages. Nobody wants to spend extra effort to search. Therefore, we need to offer simple solutions.

Principles of usability in the interface

There are a few important rules in design that need to be taken into account when developing it.

First rule is called "Rule 7". It is based on the peculiarities of human work short term memory.

A person can pay attention to from 5 to 9 objects, on average there is no need to overload the pages with an abundance of objects among which it is easy to get lost, limit yourself to seven.

Second rule This is the two second rule. Nobody wants to wait for a complex page filled with graphics and flash screens to load. Therefore, you should think many times before doing this.

Perhaps this will make the site visually more attractive, but people will not use it.

Next rule sounds like the three click rule. This means that the user must make a maximum of three transitions before he finds the information he needs. Such sites are loved not only by visitors, but also by search robots.

Fitts' rule. Its essence is that there is no need to make large objects even larger; a person will already notice them.

Inverted pyramid principle. This means that the visitor must first receive the most important information and gradually move on to a less significant one. This approach saves time on searches, which evokes positive emotions among users.

Interface testing

Even if you are sure that you did everything correctly, the interface requires mandatory testing. To do this, you need to gather a group of people who will take part in the test and prepare a list of the most popular tasks that the user must solve using your site.

For example, find a product, place an order, pay, change the product in the cart, get delivery information and others.

All errors that pop up during tests must be recorded in writing, even the most insignificant ones. Eliminate all defects. Repeat the steps until the desired result is obtained.

By someone else's hands or on your own?

Interface development can be done independently or by hired specialists.
For example, on this exchange weblancer.net You can order services for website design and layout. The investment will pay off very quickly.

You can also be trained in the art of creating working websites. For example, Here you will find many high-quality, working courses.

These programs can be useful not only to website owners, but also to people who are interested in well-paid work on the Internet.
After completing the training, you become a specialist who can help you efficiently on the Internet and make it more profitable.

Such specialists are in demand on the labor market and can count on good pay.

Training courses contain video materials from leading Russian Internet experts, practical materials, checklists and mind maps. You can study the information at a time convenient for you.

For example, on the course " Conducting a website usability audit“You will learn to see and correct mistakes that lead to the loss of large sums of money, and you will be able to ensure that you get into the top 10 only by correcting these mistakes.

Principles of content usability

When talking about usability, don't lose sight of the importance of content. No matter how convenient the site may be from a design point of view, the main thing why a person comes is quality information and content.

Signs quality content:
consistency of information;
ease of submission;
presence of structure.

Text written on a sheet is not perceived. Such articles are closed without even trying to read them. Therefore, any article should have a clear structure: subheadings, lists, sidebars, highlighted main ideas.

All this allows the user to save time on searching necessary information.
Where can I get such texts? You can write them yourself, hire professional copywriters for the work, or buy ready-made content on the exchange, for example, here - textsale.ru

Briefly: What is usability? How, when and where can it be improved? Why should you even care? This article provides answers to these basic questions.

What

Usability is qualitative sign, which determines how easy the user interface is to use. The word "usability" also refers to a set of techniques used to improve an interface during the design process.

Usability has five quantitative components:

• Learning ability: How easily can users complete basic tasks when encountering an unfamiliar interface for the first time?
• Efficiency: Once users are familiar with the design, how quickly can they complete the same task?
• Memorability: Once the user returns to the interface after a certain period of time, how easy will it be for him to regain his skills in working with this interface?
• Errors: How many errors does the user make, how serious are these errors, how easily can the user correct these errors?
• Satisfaction: How pleasant is it for the user to use this interface?

In addition to usability, there are many other important quality attributes of design. One of the key ones is utility, which describes the functionality of the design and answers the question: is the interface what the user needs? Usability and usefulness are equally important: what good is a program, even if it's easy to use, if it doesn't do what you need? A program that hypothetically does what you need, but you cannot work with it because of its complex interface, is also bad. To study the usefulness of a program, you can use the same methods that you use to study the quality of its usability.

Why

On the Web, usability is a necessary condition survival. If a website is difficult to use, visitors will simply leaving from him. If the home page of the site does not clearly and clearly state what the company does and what tasks the site allows you to perform, visitors leaving. If the site is confusing, visitors leaving. If the information on a website is difficult to understand and does not answer key questions from visitors, they leaving. Did you get the idea? There are no such visitors who carefully study " reference guide on working with the site" or spend their time mastering its interface. Web is complete There are plenty of other sites out there, so leaving a site is the first instinct visitors have when they encounter a problem.

11/17/14 2.8K

Click on the link - view - close page - search again. We perform such actions every day, visiting hundreds of sites, almost without thinking. Some resources fly by “like plywood”, while others are added to bookmarks. It seems that this process is difficult to comprehend; some are simply lucky and others are not.

If you enter any query in the search, you can get the result great amount websites with relevant information. But for some reason the same resources are popular, leaving competitors far behind.

This superiority is even more clearly manifested in the service sector, when some online stores sell a lot and at high prices, while only immediate relatives buy from others.

So why do people go to some people and stay for a long time, while they run away from others like fire? The answer to this question is the same as to “Why did you buy this sofa and not that one?” Because it's more convenient:

The comfort of the sofa is expressed in the softness of the fit, ease of transportation, non-susceptibility to contamination and “ How does it match the color of your eyes?! The usability of the site is responsible for such factors in web development, and a person working in the field of Internet business must understand the basic principles of ensuring the convenience of resource users.

What is usability

Usability should be understood not only as specific technical points, with the help of which the convenience and ease of use of the site is ensured. Applicability in the environment for which the project was developed is also taken into account. In other words, the requirements for a sports news website and video hosting will be completely different.

In order to understand the difficult issue of user preferences, it is worth highlighting the basic principles of website usability.

• Content. The information content of a resource is the basis, the core, without which the site makes no sense. It is important for visitors to easily perceive the text and extract all the necessary information from it. If this does not happen, the person will not rack his brains again and will go in search of something more understandable;
• Functional. Anyone who has written a couple of programs in life can say with confidence that nothing works right away. Errors can be obvious, or they can hide and reveal themselves at the most crucial moment. During the operation of the site, especially in the first stages, shortcomings are constantly identified, and it is very important for developers to respond to them in a timely manner. If some function of the site does not work ( or is executed incorrectly) for a long time - even the most dedicated users will not understand this and will be merciless;
• Cross-browser and platform independent. If you think your loved one Internet Explorer- the one and only, then ask Bill Gates for a pie from the shelf:

It is important to ensure the correct display of the site in all most popular browsers. Concerning operating systems, then it’s worth remembering something other than Windows or enjoying a second pie.

There are, of course, noble perverts who can perceive red text on a green background, but most visitors will refuse such pleasure. In addition to color solutions, the site design implies mutual placement " building blocks» pages such as menu, logo, text field and so on.

It is important to understand that the visitor is able to positively evaluate originality, but within reasonable limits. The design should highlight the information rather than take center stage.

• Navigation. Visitors want to know their location and also understand where to go next. The presence of areas that are difficult or impossible to reach significantly limits the capabilities of the resource.
• Structuring information. Everything in the world is subject to logic, and informational resources should not be an exception. As the user moves deeper into the site, the user should receive more and more details on the issue under consideration. For example, a visitor searches for “ What meat to feed sheep“, then the starting point should be the section “Mammals”, and the ending point should be the subtitle “ What do sheep like for an afternoon snack?».

Why is this so important

Despite the fact that people use the Internet, many sites are not created in order to discover something new for a person or expand existing information. Everyone is hungry for money, and is constructing their resources for advertising.

It would seem, why follow usability standards if the site is not created for the benefit of humanity, but solely as a source of income?

• Usability affects conversion. If a page is created for the user to take some action, then he must find, understand, think, perform and do all this quickly. If the visitor is confused even for a second, this may force him to leave the site;
• Usability affects traffic. If a user has a positive experience while visiting your resource, he will not forget the pleasant experience. A site where everything is clear and actions are completed quickly will become popular. If it is uncomfortable to be on the pages of the resource, and it is inconvenient to perform actions, you will be content with one-time visits and a bad reputation;
• Adding advertising should not reduce traffic. Usability rules provide for the proper placement of objects on the page. If the site has grown to become the first advertisers, then the banners should be harmoniously combined with the main content of the resource.

We should not forget that even if a site is created to make a profit, without visits there will be no money. Therefore, it is necessary to create maximum convenience for users so that they choose your resource.

How to achieve convenience

If we talk about the specific usability framework into which the site should fit, then it is necessary to take into account the functional requirements that visitors place on the pages of the resource. There are some important practical points to note.

Online store

When a site needs to sell something, in addition to the general norms, there are specific features. Let's look at the basic usability rules for online stores.

• High-quality product visualization. When a person spends his money, he should know what. Nice photos will help awaken the visitor's purchasing interest. But it is worth remembering that the image must correspond to the real object;
• As much as possible fast loading pages. If a person decides to buy, it is important that nothing stops him;
• How more buyer knows about the product, the better. You should carefully work out the description of all the details, then the trust of visitors will increase significantly. For example, it will be very useful for customers to know whether a product is in stock;
• Help your visitor find the product they need. It is quite difficult to create convenient navigation with an abundance of categories. When a user views information about a specific product, you should unobtrusively offer him similar ones. Perhaps in this way a person will find what he needs or think “ Should I buy both??»;
• The elements responsible for performing targeted actions must be clearly identified. The “Buy” button should immediately catch the eye, because it is the purchase that you are seeking from the visitor.

Audit required

A website usability audit is a comprehensive study that can be used to identify resource problems in terms of usability. You can do this work yourself, but it is better to entrust the matter to people competent in this area.

They will identify user needs and formulate detailed report, which will include:

• Analysis of the audience for which the resource is intended;
• Tasks that the site performs;
• Full description and analysis of functionality;
• Analysis of the structural organization and recommendations for its improvement;
• Some tips for attracting advertisers;
• Technical parameters of the site;
• Analysis of the structure and content of content.

Quantitative performance assessment is also used user interface. The calculation takes into account:

• the time the user spends deciding to take an action;
• button press time;
• transition from one input device to another;
• time spent searching for an element on the screen.

How to test usability

To get the most complete data for further improvements project, it is necessary to conduct site usability testing. It consists of subjective user assessment individual pages or the entire resource as a whole.
You can select respondents yourself, or you can use the services of special organizations. There are also online services that can help you conduct quality testing.

Below are some of them:

Thus, analyzing the usability of a resource allows us to identify the main problems in terms of user convenience.

You can entrust site testing to experts, do it yourself, or use the help of online services.
For Internet sites, users are clients, and the client is always right.

Good bad

November 14, 2011 at 07:02 pm

Usability principles: clear, convenient, comfortable. Briefly about the main thing

• Digital Professionals Hub Blog

IN modern world Understanding the basics of usability is a must. Most website visitors do not take the actions that resource owners expect from them. People don’t order goods, don’t register, don’t subscribe to updates, etc. What is the reason for this user behavior?
The reason is simple - the resource turns out to be inconvenient for the user. For example, in order to “order” a product, you have to go through several pages, and the registration button is completely impossible to find. This makes the resource uncompetitive.
How to reduce the number of refusals to use the site? If a project needs a thorough approach, you can contact the studio and specialists. Usability labs offer not only various options testing and interface design. And if your budget is limited, you can try to learn the basics of usability yourself.

To develop an interface yourself, you need to consider a few simple rules:

1. Rule of 7.
   It is known that the abilities human brain not unlimited. A person is capable of holding no more than 5-9 entities in short-term memory. Therefore, you should not place more than 7 items in the navigation.
   From this point of view, the site tutu.ru certainly deserves good reviews, since the main functionality was placed in the site header, limited to 4 menu items and a drop-down list.
   While the Russian Railways website is an excellent example of what not to do. The amount of scattered information makes your eyes dazzling, you just want to close it and never enter again.
2. 2 second rule.
   The less a user waits for a response from a program, website or application, the greater the likelihood that he will not give up using this product. 2 seconds is the optimal time interval for the program’s response, and this is what you should strive for. So you should think a hundred times before installing a heavy flash screensaver on your site, as they did on mtv.ru.
3. 3 click rule.
   Nobody likes to surf pages looking for necessary information and functionality. The visitor must be able to get in from home page to any other page of the site, making no more than 3 clicks. This also contributes to more successful indexing of the site by search robots.
4. Fitts rule
   Published by Paul Fitts in 1954, a model of human movement quantifies the time required to quickly move to a target area as a function of distance to target and target size.
   Metaphorically, the rule can be explained as follows: it is easier to point to a lighter than to a match. But pointing to a cliff or a huge airship is equally easy. If an interface object, such as a link, is already quite large, there is no point in making it even larger.
5. Inverted pyramid
   Usability guru Jakob Nielsen himself adheres to this principle. The article should begin with a summary statement, followed by key points, and end with the least important information for readers. This is optimal for the web, where the user wants to get information as quickly as possible.

But even an interface designed according to all the rules is worth testing. Focus groups are the most affordable way for testing on your own.

Testing consists of four stages:

1. Focus group selection. Testers must match your target audience. You shouldn't ask grandma to test an application to find driver updates.
2. Drawing up a test plan– a list of tasks for which your product is designed. This is the list that testers will follow. If you are running an online store, the list should include such tasks as searching for a product, obtaining information about a product, the path from receiving information about a product to ordering it, and removing a product from the cart.
3. Testers complete a list of tasks and fix errors. Anything can be considered an error: a captcha that is too complex, a lack of a message from the server that “an item has been added to the cart,” the inability to change the number of items in the cart or cancel an action, etc.
4. After identifying and correcting errors, the testing cycle must be completed again. The cycle must be repeated until the results meet the necessary requirements.

Interface quality assessment should be carried out at each stage of the project. Don't leave usability testing until the very last moment. Serious errors it simply cannot be corrected due to the fact that the project is in its final stages. And then - either redo it again, or get a low usability score.
As a rule, 5 testers are enough to identify major bugs.

Example on topic

Finally, let's look at typical mistakes using the example of the site of the famous performer Vlad Topalov. Suppose we want to arrange a performance with his management and want to find their contacts on the website. And this is where the quest begins!
The first thing we see on the site is a black splash screen with an “enter” link and a proposal to update the flash player.


The “enter” button sounds like a call to get to the main page of the site. But instead of the main page we find ourselves on a “blank slate”.


Here the image of a red ribbon catches our eye, and we, of course, think that this is a link, and maybe even to a menu. But no - this is just a symbol of the fight against AIDS, which is intended to indicate the singer’s social position and nothing more. And then the hand reaches to the left top corner. And there’s not a menu at all, but a button full screen mode. A few seconds of confusion, and the search is over, the coveted menu is at the bottom, in the center of the screen. Click... and see the PLAYER! We have been deceived again.


While the clip is broadcast in the player, we continue to search for the menu. Now it is at the top, in the very center. In the drop-down list, we finally see the coveted word “Contacts”. But even here, not everything is so simple. These contacts cannot be copied. You'll have to rewrite it manually!


Now about the numbers. The waiting time for a response may vary depending on the connection speed, but in any case it will be more than 2 seconds. And the path to the management contact page took 7 clicks. And it could take just one.
Vlad Topalov, of course, can afford such “creative” solutions. But it is obvious that such decisions are simply disastrous for business.