Анализ юзабилити сайта: этапы, инструменты, ошибки

В статье рассказывается:

Зачем проводить анализ юзабилити сайта
Какие преимущества он даст сайту
Из каких этапов состоит анализ юзабилити сайта
Какие использовать для этого инструменты
Какие ошибки сайта чаще всего выявляет анализ юзабилити
6 книг, которые рекомендуем прочитать про юзабилити
Чек-лист: Как добиваться своих целей в переговорах с клиентами

Скачать бесплатно

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

Зачем проводить анализ юзабилити сайта

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

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

Большинство владельцев, проанализировав свой сайт по этим критериям, наверняка ответят, что юзабилити их интернет-ресурса на высоте. Но эта субъективная оценка будет очень далека от реальности. И дело не в том, что не бывает идеальных сайтов.

Просто анализ юзабилити сайта — это не разовая процедура. Нужно постоянно заниматься тестированием интернет-ресурса и совершенствованием удобства его использования. Ведь цифровой мир не стоит на месте.

Так же как в мире одежды каждый сезон появляются новые тенденции, так и в веб-дизайне есть свои тренды, которым нужно стремиться следовать, чтобы поддерживать востребованность и популярность у пользователей.

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

Продуманное расположение всех элементов на странице сайта помогает практически вести за руку потенциального клиента к покупке.

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

Анализ юзабилити строится на изучении множества компонентов: поведения пользователя сайта, целей деятельности компании, отраслевой специфики сайта, целевой аудитории, интернет-ресурсов конкурентов и т. д.

Юзабилити сайта

Источник: shutterstock.com

Основные задачи проведения анализа юзабилити сайта:

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

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

Поэтому анализ юзабилити крайне необходим следующим интернет-ресурсам:

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

Для тех, кто не понял, на пальцах про анализ юзабилити сайта

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

Допустим, вы ездите на автомобиле «Хендай Солярис» с турбированным двигателем объемом 1,8 литра. Главное преимущество этого вида двигателя в том, что он прекрасно поддается программному тюнингу (его еще называют чип-тюнинг).

Как это работает: вы приезжаете в СТО, механики с помощью специальной программы подключаются к автомобильному компьютеру и вносят нужные корректировки в программу управления двигателем.

В результате ваш автомобиль начинает ездить немного быстрее и динамичнее разгоняться. Небольшие изменения, но они ощутимы. При этом двигатель не стал мощнее в несколько раз. Но эффективность его работы немного увеличилась.

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

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

13 преимуществ, которые вы получите после анализа юзабилити сайта

Конкурентное преимущество

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

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

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

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

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

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

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

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

Кейс: VT-metall

Узнай как мы снизили стоимость привлечения заявки в 13 раз для металлообрабатывающей компании в Москве
Узнать как
Целевой трафик

Оптимизация сайта приводит к увеличению входящего трафика. Если у вас несколько ресурсов и юзабилити на соответствующем уровне, трафик будет расти сразу по нескольким каналам. В результате будет увеличиваться общий поведенческий фактор.
Изменения в лучшую сторону

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

С помощью детального аудита сайта можно найти истинные причины, мешающие достижению плановых целей по объемам продаж и прибыли.
Крутые рекомендации

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

Например, отзывы о товарах, возможность просмотра товара в разных цветовых сочетаниях, полезную инфографику и т. д. Важно выяснить, что именно привлекает вашу целевую аудиторию.
Лояльность и повторные продажи

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

Источник: shutterstock.com
Средний чек

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

После того как завершите все работы по совершенствованию юзабилити, обязательно уделите внимание дизайну и стилю сайта. Не обязательно проводить модернизацию всего ресурса, можно сделать красивее отдельные кнопки или страницы.
Экономия средств на продвижение

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

В Интернете огромное количество шаблонных сайтов, как две капли воды похожих друг на друга. Для этого и необходим анализ юзабилити сайта конкурентов, чтобы посмотреть, как у других, и сделать иначе. Важно выделяться, чтобы пользователи запомнили ваш сайт. В этом вам поможет уникальный дизайн.

5 вариантов анализа юзабилити сайта

Анализ статистики

Сделать его можно, например, с помощью Яндекс.Метрики, GoogleAnalytics, статистики Bitrix и пр. На многих сайтах есть подобные счетчики, предоставляющие бесплатные сведения об активности пользователей. Также можно сравнить статистику аналогичных сайтов, если у вас есть к ней доступ.

Главный недостаток этого способа анализа юзабилити сайта — небольшой объем информации и обобщенный характер выводов.
Работа с отзывами посетителей

Проще всего напрямую спросить у пользователей, что им нравится или нет на сайте. Можно сделать опрос с вариантами ответов или разместить форму для обратной связи. Будьте уверены: если посетителей что-то не устраивает, они обязательно об этом напишут.

Преимуществом этого способа анализа юзабилити является его простота реализации. Главное — сделать форму для опроса и регулярно читать ответы пользователей. Но имейте в виду, что о мелких недочётах вам вряд ли напишут — обычно посетители пишут о таких ошибках, которые бросаются в глаза. И это основной недостаток данного способа.
Тестирование юзабилити сайта

Если вы не уверены в том, что изменения на сайте придутся по душе пользователям, то этот способ поможет развеять ваши сомнения. Тестирование юзабилити проводится с помощью специальных инструментов и фокус-групп.
Рекомендуемые статьи по данной теме:
Людям, отобранным по определенным критериям, дают задания по выполнению отдельных действий на сайте. За процессом наблюдает специалист по тестированию. По результатам эксперимента делают выводы о том, какой вариант сайта удобнее для пользователей — в обновленном или старом формате.

Достоинством способа является возможность принятия решения на основе статистически подтвержденных данных, недостатком — сложность организации и проведения эксперимента.
Наблюдение за действиями посетителей

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

Основные преимущества этого способа анализа юзабилити сайта — большой объем информации, определенная целевая аудитория, бесплатный доступ к данным и т. д. Главным недостатком является необходимость наличия определенного опыта наблюдения, чтобы понимать, какие именно действия пользователей вас интересуют, где кроются проблемы в юзабилити сайта.
Проведение экспертизы

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

Выбор варианта анализа юзабилити сайта зависит от ваших целей и ресурсов. Но если у вас есть возможность сделать все самостоятельно, то не стоит это надолго откладывать, ведь от удобства и привлекательности сайта зависит ваша прибыль и объем продаж.

4 этапа анализа юзабилити сайта

Оценка юзабилити сайта включает в себя анализ интерфейса и опыта пользователей (userinterface и userexperience). Процесс анализа юзабилити состоит из следующих этапов:

Качество и дизайн. Оценивается быстрота работы всех страниц сайта и отдельных графических элементов (хедера, футера, баннеров, меню, постов и др.). Дизайн сайта анализируется в первую очередь с точки зрения аккуратности и лаконичности, уникальность имеет второстепенное значение.
Удобство пользования. Анализируется всё: структура сайта, наличие подсказок, специальных страниц и др. Пользователь должен ощущать, что все, что есть на сайте, сделано для того, чтобы ему было комфортно.
Презентабельность. Оценивается логотип, название и стиль сайта с точки зрения уникальности. Также анализируются аргументы, которые используются на сайте для работы с возражениями посетителей и стимулирования роста объема продаж.
Показатели поведенческих факторов. Анализ источников входящего трафика и этапов покупки или страниц, с которых пользователи уходят, не оформив заказ. Составление карты кликов, моделирование поведения посетителей, анализ конверсии и т. д.

Показатели поведенческих факторов

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

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

Часто в процесс анализа юзабилити входит тестирование сайта специальной группой пользователей. Получение отзывов от реальных людей помогает увидеть реальную картину качества и удобства использования интернет-ресурса.

Как проводить анализ юзабилити сайта на примере

8 инструментов для анализа юзабилити сайта онлайн

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

Usabilla

Анализ юзабилити сайта с помощью Usabilla состоит из пяти шагов:

Создается новый тест. Нужно вставить URL сайта, который требуется проанализировать, и указать язык тестирования. Сервис работает на 20 языках, в том числе на русском.
Указываются страницы сайта для тестирования. Либо вставляете на них ссылку, либо загружаете скриншоты.
Отмечаем вопросы, на которые ждем ответы от пользователей. Есть возможность выбрать из стандартного списка или придумать свои.
Самостоятельно отбираем пользователей, которые будут тестировать сайт и писать отзывы.
Usabilla по результатам тестирования сгенерирует отчет со всеми итогами. Можно будет просмотреть протестированные страницы с помощью тепловых карт активности (heatmap).

Usabilla

Сервис дает возможность бесплатно протестировать две страницы на 10пользователях.

UsabilityHub

У сервиса есть три инструмента, с помощью которых можно в онлайн-режиме проводить анализ юзабилити сайта или приложений, загружая скриншоты страниц:

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

UsabilityHub

Как проводить анализ юзабилити сайта в UsabilityHub:

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

Все, теперь можно запускать тестирование. После того как указанное количество пользователей просмотрит сайт, вы получите итоговый отчет.

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

OptimalWorkshop

Для анализа юзабилити сайта у OptimalWorkshop есть три инструмента:

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

OptimalWorkshop

Каждый инструмент предполагает, что владелец сайта самостоятельно ищет пользователей для тестирования и ставит перед ними задачи.

Бесплатная версия сервиса работает со следующими ограничениями:

OptimalSort: до 10 пользователей и не больше 30 карточек за один тест.
Chalkmark и Treejack: до 10 пользователей и не больше трех задач за один тест.

iPerceptions

Бесплатный сервис. Есть возможность вставить его на сайт. Тестирование проходит в формате опроса посетителей сайта, которым предлагается ответить на четыре вопроса. Можно интегрировать с GoogleAnalytics. Работает на 10 языках, но русского среди них нет.

iPerceptions

Feng-GUI

Feng-GUI по результатам тестирования генерирует карту движения глаз пользователя по странице, в основе которой лежит алгоритм, предсказывающий, куда вероятнее всего будет смотреть посетитель.

Feng-GUI

Владелец сайта может загрузить скриншоты и сразу в онлайн-режиме увидеть наиболее привлекательные области страницы для пользователей.

ClickHeat

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

ClickHeat

Яндекс.Метрика

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

Яндекс.Метрика

По сути, он фиксирует всю информацию так же, как видеозапись визита посетителя на сайт. Дальше данные можно проанализировать с помощью инструментов Яндекс.Метрики:

Вебвизор. Чтобы его установить, сначала нужно пройти авторизацию на Яндекс.Метрике. Потом открываете вкладку Добавить счетчик, выбираете Настройки и в открывшемся окне копируете код счетчика, который нужно будет вставить в код всех страниц сайта.
Тепловая карта. Показывает, какие области страницы более кликабельны. Чем насыщеннее цвет, тем больше кликов приходится на этот участок страницы.
Карта скроллинга. Дает представление о том, что делают пользователи на странице — задерживаются, чтобы изучить контент, или прокручивают страницу дальше.
Аналитика форм. Дает анализ действий пользователей с формами на сайте. Можно выяснить, какие строки они обычно заполняют, какие пропускают, что пишут в поисковой строке и т. д.

Все инструменты Яндекс.Метрики можно использовать совершенно бесплатно. Поэтому при профессиональном подходе вы получите качественный анализ юзабилити сайта.

SitePolice

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

SitePolice

Как организовано тестирование:

Владелец выставляет свой сайт на тестирование, предварительно указывает вопросы, на которые он хочет получить ответы, и выбирает тариф проведения анализа юзабилити.
Пользователи тестируют сайт и пишут отчет в свободной форме. Они обязательно должны дать ответы по двум пунктам: «анализ юзабилити сайта и способы решения проблем» и «общий вывод». За тестирование пользователям начисляются баллы, которые потом можно конвертировать в деньги.
В случае согласия заказчика результаты проведенного анализа юзабилити остаются в свободном доступе на сайте SitePolice.

Сервис платный, в тестовом или бесплатном режиме не работает.

Ручные способы анализа юзабилити сайта

Не у каждого владельца сайта будет желание и возможность вникать в работу сервисов по анализу юзабилити и полученные статистические данные, особенно если они на английском языке. В таком случае можно воспользоваться русскоязычными сервисами.

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

Другой способ — провести опрос в тематических группах в социальных сетях или организовать фокус-группы из ваших знакомых. Достаточно 5–8 человек, отвечающих описанию вашего целевого пользователя, чтобы получить достаточно достоверную картину.

Тестирование в фокус-группе

Источник: shutterstock.com

Самый простой способ — самостоятельно, собственными глазами оценить юзабилити сайта. На что стоит обратить внимание:

Единый стиль оформления всех страниц сайта (цвет, шрифт и т. д.).
Избегайте ярких контрастных оттенков. Лучше выбирать нейтральные мягкие цветовые сочетания.
Избыток рекламы раздражает посетителей. Постарайтесь вообще не размещать рекламных элементов на сайте.
Сайт должен корректно отображаться во всех браузерах и на всех устройствах. Проверьте обязательно мобильную версию сайта.
Любой человек, открывший ваш сайт, должен легко разобраться, куда кликнуть, чтобы найти нужную информацию или оформить заказ.

Анализ юзабилити сайта от профессионалов

Все инструменты, которыми пользуются профессионалы, находятся в свободном доступе. Например, сервис Вебвизор, про который мы уже говорили, позволяет оценить юзабилити сайта абсолютно бесплатно. Чтобы его установить и настроить, нужно лишь пройти регистрацию и потратить 10–15 минут.

Анализ юзабилити от профессионалов

Источник: shutterstock.com

Но сбор статистики — лишь половина дела. Дальше нужно суметь правильно интерпретировать полученные сведения, чтобы разработать рекомендации по совершенствованию сайта. Ведь данные счетчиков не объясняют действия пользователей и не раскрывают ошибки на сайте.

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

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

Разобраться во всех этих тонкостях вам помогут специалисты по анализу юзабилити.

Самые распространенные ошибки, выявленные в ходе анализа юзабилити сайта

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

Общие ошибки в юзабилити сайта

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

Читайте также!
«Про юзабилити-тестирование от А до Я» Подробнее
Недостаточная контрастность фона и текста. Самый удобный для прочтения текст— тот, который написан черным по белому. Если вы используете другие цвета, протестируйте, насколько читабельным получается текст.
Мелкий шрифт. Такая ошибка часто встречается при проведении анализа юзабилити сайта. Проверьте, что размер шрифта позволяет легко читать текст с экрана компьютера или мобильного устройства.
Использование шрифта с засечками. Выглядит красиво, но читается с трудом. Лучше выбрать более простой шрифт без лишних элементов.
Выравнивание текста по ширине. Удобнее читать текст, выровненный по левому краю.
Реклама занимает более 30% страницы. Поисковые системы такого не любят. Это может негативно сказаться на месте сайта в поисковой выдаче.
Наличие всплывающих окон на сайте. Такие элементы часто вызывают раздражение у посетителей интернет-ресурса.
Горизонтальная полоса прокрутки. Ею неудобно пользоваться. Лучше использовать только вертикальную полосу для перемещения по странице.
Использование изображений, затрудняющих загрузку сайта. Встречаются сайты, на которых картинки весят больше 1 Мб. Это очень сильно влияет на скорость загрузки страницы, особенно при использовании мобильных устройств.

Ошибки в шапке сайта

В шапке сайта нет логотипа и/или названия фирмы и указания на то, чем она занимается. В результате пользователь, впервые открывший страницу сайта, не может разобраться, чем занимается ваша компания и чем она может быть ему полезна.
Шапка занимает слишком много места на экране, а важный контент съехал вниз, и, чтобы его прочитать, нужно прокручивать страницу.
Когда пользователь кликает по логотипу в шапке сайта, то не происходит переадресации на главную страницу.

Читайте также!
«32 способа привлечения клиентов: проверенные и нестандартные» Подробнее
В шапке нет контактных данных компании (телефона или адреса электронной почты). В результате пользователи вынуждены искать эту информацию и тратить время и терпение.
Контактные данные в шапке вставлены в графическом, а не текстовом формате. Посетители не могут их скопировать.
Городской номер телефона указан без кода города. Пользователи из других городов не смогут дозвониться до компании, не зная этого кода.
В мобильной версии сайта не отображаются контактные данные компании. Такая ошибка обнаруживается, когда пользователи открывают сайт в разных браузерах или на разных устройствах.
Использование Flash для создания шапки или меню сайта. На мобильных устройствах они не отображаются.

Ошибки в навигации сайта, ухудшающие юзабилити

На сайте не используются «хлебные крошки» для удобства навигации. С помощью этого элемента пользователи могут ориентироваться на сайте: понимать, где они находятся и как перейти в другой раздел или подраздел.«Хлебные крошки» помогают значительно улучшить юзабилити сайта.
Ссылки и остальной текст на сайте сделаны одним цветом. В результате пользователи с трудом могут найти нужную ссылку.
Ссылки сделаны не синим цветом. Традиционно для ссылок в интернет-ресурсах применяется синий цвет. И многие пользователи к этому привыкли. Использование другого цвета может негативно отразиться на юзабилити сайта.
Ссылки в меню прописаны картинкой, а не текстом. Это важно не столько для удобства навигации пользователей, сколько для внутренней оптимизации сайта. Лучше все ссылки делать в текстовом формате.

Источник: shutterstock.com
Раздел меню, в котором находится пользователь, не выделяется другим цветом. Посетителю так сложнее ориентироваться, на какой странице он находится.
Боковое меню находится справа. На многих сайтах меню размещают слева, и пользователи к этому привыкли.
Меню не дублируется в подвале сайта. Практика показывает, что пользователи часто ищут необходимую информацию в подвале сайта, поэтому стоит там разместить все важные ссылки.
В меню сайта нет ссылок на важные разделы. Например, на корпоративном сайте обязательно нужно сделать ссылки на страницы «О компании», «Контактные данные», «Услуги и товары».
Ссылки не реагируют при наведении курсора. Обычно, когда пользователь наводит курсор на ссылку, она меняет свой цвет.

Ошибки юзабилити в оформлении текстов на сайте

Для заголовков и подзаголовков использован тот же размер шрифта, что и для основного текста. В результате они сливаются, хотя, наоборот, должны выделяться и привлекать внимание посетителей.
В текстах отсутствуют подзаголовки. Стоит использовать хотя бы один подзаголовок на каждые 2000 знаков в статье (с учетом пробелов).
Статья написана сплошным текстом, без списков или таблиц. Такие «простыни» плохо читабельны.
Нет картинок или изображений в тексте. Пользователям скучно читать такой контент.
Нет подписей у фотографий. У каждой фотографии должны быть описания в атрибутах ALT или TITLE.
Кнопки социальных сетей расположены далеко от статьи, в результате количество репостов и лайков меньше, чем хотелось бы.
Не указана дата публикации текста — пользователям сложно понять, насколько актуален материал.

Ошибки, ухудшающие юзабилити интернет-магазинов

Нельзя отсортировать товары в каталоге, нет возможности отфильтровать товары по заданным параметрам.
Не у всех товаров в каталоге есть фотографии. Или использование изображений только товаров в упаковке. Например, фото коробки настольной игры мало расскажет пользователю о товаре. Ему намного интереснее будет узнать, что лежит внутри.
При просмотре товара пользователь не может выбрать нужный ему цвет или размер (хотя они есть в наличии).
В карточках товаров нет блоков с сопутствующими товарами, которые пользователи также могли бы купить.

Читайте также!
«Что такое глубина сайта и как ее увеличить» Подробнее
Мало информации в описании товара. Например, в описании детской обуви важно указывать не только размер, но и длину стельки, так как у разных брендов разные размерные сетки.
Нет отзывов на товар, оценок пользователей или рейтингов. Эти данные помогают пользователям быстрее определиться с выбором и оформить заказ.
Сложная процедура регистрации и покупки товара на сайте. Каждое лишнее действие, которое должен совершить пользователь, снижает у него желание дойти до конца и оплатить покупку.

Ошибки на странице «Контакты»

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

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

6 книг, которые рекомендуем прочитать про юзабилити

Хотим предложить вашему вниманию шесть книг, которые помогут сделать сайт максимально удобным. Итак, лучшие новинки и классика из серии must have:

Стив Круг «Веб-дизайн: книга Стива Круга, или не заставляйте меня думать!»

Основные принципы веб-дизайна изложены доступным языком. Если принять во внимание рекомендации автора, то вы сможете перейти к полному взаимопониманию со специалистами, способными дать совет при решении проблем, связанных с технической и эстетической стороной работы над сайтом.
Алан Купер, Роберт Рейман, Дэвид Кронин «Алан Купер об интерфейсе. Основы проектирования взаимодействия»

Авторами книги являются эксперты с мировым именем, специализирующиеся на создании интерфейсов. Они подробно излагают целостный подход к созданию проектов взаимодействия, который ставит во главу угла интересы пользователей.

Характерная особенность книги – её направленность на практическое применение. Авторы уделили очень много внимания раскрытию принципов взаимодействия, новым веяниям информационного потока, например, мобильным и веб-приложениям.
Якоб Нильсен, Хоа Лоранжер «Web-дизайн. Удобство использования Web-сайтов»

Авторы раскрывают основные принципы юзабилити сайта, рассказывают о том, как создать простой, удобный и успешный ресурс. Все рекомендации, данные в книге, основаны на богатом практическом опыте создателей. Авторы подробно исследуют все нюансы взаимодействия пользователей с элементами веб-ресурсов.

Читатели почерпнут массу полезной информации: каким должно быть меню, система поиска и навигация на сайте, каким образом можно повысить скорость загрузки, в каких случаях уместно использование Flash и мультимедиа и др. Авторитет создателей книги в сфере Web-дизайна подтверждают наглядные примеры изменений, которым подвергся дизайн многих Web-сайтов.
Итан Маркотт «Отзывчивый веб-дизайн»

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

Кроме этого, автор дает советы по предупреждению наиболее распространенных ошибок и предлагает программные коды, использование которых поможет внедрить описанные им разработки.
Артемий Лебедев «Ководство»

Эта книга не нуждается в излишней рекламе. Стоит только отметить, что она предназначена для читателей, которые занимаются созданием веб-дизайна для сайтов, различной направленности, визуализацией, семиотикой, проектированием интерфейсов и т.д.
Патрик Макнейл «Настольная книга веб-дизайнера»

Патрик Макнейл – достаточно известный веб-дизайнер, написавший серию книг Web Designer’s Idea Book, получивших широкую известность в определенных кругах. Наибольший интерес книга представляет для разработчиков и дизайнеров сайтов, потому что автор подробно раскрывает тему функционирования Интернета и учит создавать эффективные сайты.

Скачайте полезный документ по теме:

Чек-лист: Как добиваться своих целей в переговорах с клиентами

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