Интернет и с чем его едят

Юзабилити

Юзабилити - это показатель простоты и удобства работы с сайтом. Если вы попадете на веб-ресурс, а он «кривой», навигация оставляет желать лучшего, и вообще, находиться на нем даже не удобно - это значит, что у него плохое юзабилити.

Юзабилити простыми словами

Например, вы приходите в театр, чтобы насладиться представлением. Но оказывается, что в партере сидит оркестр, справа и слева от оркестра - костюмеры, на сцене - зрители, а труппа бегает по амфитеатру, пытаясь что-то изобразить. Кроме того, не настроен звук, а вместо больших светильников по стенам развешены догорающие свечки. Мало того, что вы ничего не слышите, так еще ничего не видно. Какое желание у вас возникает? Конечно же, сразу встать и уйти. 

Основная цель юзабилити - достижение веб-ресурсом коммерческого успеха и, следовательно, увеличение прибыли. Удобство пользования сайтом влияет на улучшение поведенческих факторов (увеличение количества просмотренных страниц, задержка пользователя на странице и т.п.), побуждение потенциального клиента к действию, улучшение лояльности поисковых систем.

Исследования говорят о том, что в ⅔ случаев посетители не могут найти информацию на сайте. Они теряют время, снижается производительность, растет раздражение, и люди на такие горе-сайты не возвращаются.

Анализ и оценка юзабилити

Анализ счетчиков статистики - точки входа, выхода, время на странице и т.п.

Работа с отзывами. Установите форму обратной связи или  голосование. Многие посетители не ленятся указывать на недостатки, если обнаруживают их.

Тестирование. Google предлагает сервисы “Оптимизатор сайтов” и фокус-группы.  Подбираются группы людей, каждой группе дается свой вариант веб-ресурса. Каждому дается задание - к примеру, совершить покупку 3 товаров из разных категорий. По результатам работ делается вывод: какой вариант удобен для пользователя. 

Наблюдение за посетителями. В этом вам поможет Вебвизор в Яндекс.Метрике, который записывает действия посетителей. 

Самостоятельная экспертиза. Начните с определения основных задач, которые необходимо решить с помощью веб-ресурса. Пройдите по путям, который предлагает ваш веб-ресурс и посмотрите, будут ли возникать ошибки и сложности. 

Оценка удобства сайта базируется на психологии и привычках. Опираясь на стандарты в области создания сайтов Рунета, можно легко выявить ошибки в usability. 

Виды ошибок usability

Технические.

Дизайн.

Контент.

Рассмотрим основные параметры, которым должен удовлетворять ваш подопечный. Если вы поставите плюсы в каждой графе - то ваш веб-ресурс идеален для посетителей. Если вы отметите не все пункты - значит, у вас есть, куда расти.

Чек-лист юзабилити

Хорошая скорость загрузки страниц.

Оптимизация под каждый регион.

Простое переключение на другой язык (при необходимости).

Адаптивная верстка. Правильное отображение на мобильных устройствах.

Мобильная версия веб-ресурса.

Избавление от горизонтальной прокрутки.

Кнопки заказа - в видимой части.

Понятные иконки.

Один стиль дизайна на всех документах.  

Ясность тематики веб-ресурса в любом месте навигации.

Нахождение популярных элементов на привычных местах (лого - слева вверху и т.п.).

Минимальное число контактов. 

Активный логотип, ссылка ведет на главную.

Наличие карты сайта, желательно в футере. 

Запоминающийся фавикон. 

Призывы к действию выделены. 

Русский язык на кнопках в меню. Только понятные термины.

Полная страница “О нас”: Фото сотрудников компании, офиса, рабочего процесса.

Обработка 404 страницы. 

Контент - по желанию. Не запускается принудительно музыка или видео. 

Нет всплывающих окон, или они имеют ярко выраженную кнопку закрытия. 

Быстрый возврат наверх. Кнопка быстрого скроллинга на длинных страницах.

Минимум действий от пользователя. Почти все делается скриптами (к примеру, город доставки выставляется по указанному индексу и т.п.).

Дизайн и навигация

Нет - ярким цветам, огромным или мизерным шрифтам, навязчивой анимации. 

Стандарты восприятия. Цвета применяются с учетом их восприятия. К примеру, красная заливка или цвет - это по умолчанию сообщение об ошибке. Серый текст на светло-серой кнопке - неактивность.

Нет перегруженности анимацией.

Нет нагромождения элементов. 

Оптимальные размеры. Все кликабельные элементы не должны рассматриваться под микроскопом. Но переусердствовать тоже не нужно.

Кликабельность/некликабельность. При наведении на активный элемент курсор видоизменяется на руку. 

Избавление от лишних элементов.