50 ошибок, ухудшающих юзабилити сайта
Дата публикации: 22.09.2017
Количество пользователей сайта напрямую зависит от его удобства для посетителей. Если гость, заходя на сайт, сталкивается с какими-то проблемами и неудобствами, он просто закрывает вкладку и идёт искать более дружелюбный по отношению к пользователю ресурс.
Ошибок, ухудшающих юзабилити сайта, достаточно много. Ниже мы рассмотрим основные, для удобства сгруппируем их в несколько разделов.
Общие ошибки
Представленные ошибки являются самыми распространёнными, именно они оказывают наибольшее влияние на юзабилити сайта. Поэтому оптимизацию сайта следует начать с его проверки на присутствие указанных ошибок.
- Отсутствие на первом экране (области сайта, доступной сразу после загрузки страницы без её прокрутки) меню и другой полезной информации. Посетитель не должен тратить время на поиски навигации.
- Сайт не имеет адаптивной вёрстки или мобильной версии. Количество пользователей, заходящих на сайты с мобильных устройств, постоянно растёт, поэтому сайт должен быть адаптирован к экранам смартфонов, планшетов и других мобильных устройств.
- Не следует прятать меню в «гамбургер» на версии сайта под обычный ПК. Это ухудшает юзабилити, заставляет пользователя тратить время на то, чтобы разобраться в иконках и понять, как ему найти нужный контент.
- Плохая контрастность текста. Лучше выбрать классический вариант – тёмный текст на светлом фоне, обратный вариант быстро утомляет зрение. Кроме того, контрастность текста должна быть достаточно высокой, чтобы он легко читался, не сливался с фоном. Фоновый рисунок, если он есть, не должен мешать чтению.
- Мелкий шрифт. Это одна из самых частых проблем, существенно ухудшающих юзабилити сайта.
- Не используйте шрифт с засечками, его сложнее воспринимать с экрана.
- На сайте не предусмотрено место для размещения баннеров, информации об акциях и т.д.
- Не используйте выравнивание текста по ширине, это приводит к появлению больших промежутков между словами. Выравнивайте текст по левому краю.
- Не выделяйте под рекламу больше трети площади страницы. Не говоря уже о том, что реклама раздражает пользователей, её большое количество может привести к санкциям со стороны поисковых систем.
- Наличие на сайте изображений, размер которых не оптимизирован для интернета. Чем «тяжелее» страница, чем больше в ней картинок большого веса, тем дольше она загружается. Обычно пользователь просто уходит, не дождавшись окончания загрузки.
- На сайте есть всплывающие окна – чаще всего это предложения перезвонить, задать вопрос, пообщаться с консультантом и т.д. Такие окна должны быть ненавязчивыми, иметь небольшой размер.
- Есть полоса горизонтальной прокрутки. Она очень затрудняет использование сайта, поэтому вёрстка сайта должна учитывать этот момент.
Шапка сайта должна соответствовать определённым требованиям, которых следует придерживаться.
- Нет логотипа, названия сайта. Пользователь должен сразу понимать, куда он попал, с какой компанией имеет дело, что он может найти на этом сайте.
- Логотип не имеет ссылки на главную страницу сайта. Это затрудняет переход на неё с других страниц, многие пользователи предпочитают для этого просто нажимать на логотип.
- Большой размер шапки. Красивая шапка – это хорошо, но она не должна быть самоцелью. Если шапка занимает более 50% площади экрана и основной контент уходит вниз, это ошибка.
- В шапке сайта нет номера контактного телефона, посетителю приходится идти на страницу «Контакты», искать телефон в футере (подвале) и т.д.
- Номер следует прописывать текстом, а не давать в виде картинки, тогда пользователь сможет просто скопировать его.
- Телефонный номер должен быть указан в полном формате, с международным кодом страны и города.
- В версии для мобильных устройств номера телефонов не видны, что не даёт пользователям возможности позвонить.
- Для отображения шапки или меню используется Flash, поэтому информация не выводится на мобильных устройствах.
Навигация
- Цвет ссылок не отличается от основного текста, что делает их малозаметными.
- Ссылки прописаны картинкой, а не текстом. Это не ухудшает юзабилити, но влияет на внутреннюю оптимизацию сайта.
- Неудобная многоуровневая навигация. Используйте правило трёх кликов – пользователь должен добраться даже до самой удалённой страницы, кликнув мышкой не больше трёх раз.
- Нет «хлебных крошек» – цепочки подсказок, показывающих пользователю, в каком разделе он находится.
- При навигации по сайту в меню не выделяется раздел, в котором находится посетитель. Если ещё и отсутствуют «хлебные крошки», пользователь не сможет понять, в каком он разделе.
- Боковое меню размещено в правой колонке. Возможно, это оригинально, но очень неудобно. Пользователи привыкли видеть боковое меню слева.
- Верхнее меню не дублируется в подвале. Удобно, когда пользователь, дойдя до конца страницы, видит меню и может сразу перейти в нужный раздел. В качестве альтернативы можно добавить пункт «В начало страницы».
- В меню обязательно должны быть ссылки на ключевые разделы. Как правило, их размещают в горизонтальном меню – это разделы «О компании», «Оплата и доставка», «Контакты» и т.д.
- Ссылки не меняют цвет, не подсвечиваются, не выделяются каким-либо другим образом при наведении мыши, что очень неудобно.
- На сайтах с большим количеством контента ссылки на посещённые страницы не выделяются цветом.
Оформление контента
- Заголовки имеют тот же размер, что и основной шрифт. Они плохо заметны, не привлекают внимания.
- В текстах нет подзаголовков. Сплошной массив текста плохо воспринимается, следует делать подзаголовки примерно через каждые 2000 знаков (с пробелами).
- Отсутствие в тексте маркированных и нумерованных списков, таблиц, что делает контент неудобным для восприятия.
- Отсутствие в тексте фотографий, рисунков. Их наличие делает тексты более живыми, интересными, привлекательными.
- Нет подписей к фотографиям. Каждая из фотографий должна иметь описание в соответствующих атрибутах (TITLE или ALT).
- Посетителям неудобно делиться понравившимся контентом в социальных сетях из-за того, что кнопки социальных сетей находятся слишком далеко или их нет совсем.
- Не указывается дата публикации материалов.
- Тексты плохо читаются из-за большого количества некрасивых ключевых фраз. Не забывайте, что контент пишется в первую очередь для людей, а не для поисковых систем.
Эти ошибки в первую очередь актуальны для коммерческих сайтов. Как их избежать можно прочитать в нашей статье.
- Нет номеров телефонов. Даже если они есть в шапке сайта, их следует продублировать в разделе «Контакты».
- Если указываются несколько телефонов, следует пояснить их назначение.
- Не указан график работы компании.
- Не указаны адреса всех офисов, пунктов выдачи товара.
- Нет схемы проезда, не указано, как лучше доехать до офиса или склада на автомобиле, общественном транспорте.
- Отсутствуют реквизиты компании.
- Не указан адрес электронной почты.
Сайты интернет-магазинов
Популярность интернет-магазина во многом зависит от его удобства для потенциальных клиентов. Даже вроде бы мелкие ошибки могут существенно сократить число покупателей.
- Нет возможности сортировки товаров в каталоге, их подбора по заданным параметрам.
- Нет фотографий к товарам, в том числе распакованным, их подробного описания.
- При заказе однотипных товаров, отличающихся только размером или расцветкой, нет возможности выбрать нужные параметры.
- Нет рейтинга товаров, отзывов покупателей, их оценки товаров. Это важные категории, существенно влияющие на количество заказов.
- Регистрация на сайте, оформление покупки слишком сложны, занимают много времени. Каждый лишний шаг по оформлению заказа снижает количество покупателей.
Подведение итогов
Чтобы ваш сайт давал максимальную отдачу, он в первую очередь должен учитывать интересы посетителей. Красивый оригинальный дизайн, необычные элементы – это хорошо, но если нововведения затрудняют навигацию, поиск нужной информации, от них лучше отказаться.
Вы хотите побыстрее связаться с клиентом и размещаете на сайте всплывающее окно большого размера с предложением позвонить, задать вопрос, пообщаться в чате? Поздравляем, вы сделали всё для того, чтобы потерять заказчика. Может быть, вы предлагаете какую-то информацию только зарегистрированным пользователям? В большинстве случаев посетитель не будет регистрироваться и поищет нужную информацию в другом месте.
Сайт должен быть комфортным, удобным, посетителю должно быть приятно на нём находиться. Чтобы найти возможные ошибки, примерьте представленные выше 50 пунктов к вашему сайту. Если есть совпадения, постарайтесь их устранить самостоятельно или с привлечением специалистов.
Чтобы оценить эффективность вносимых изменений, оцените параметры сайта до внесения доработок и после них. Минимальный срок для оценки изменений – один месяц. Исправив все найденные ошибки, вы существенно увеличите популярность вашего сайта, его коммерческую отдачу.
Отметим, что представленные ошибки касаются только юзабилити сайта. А ведь есть ещё масса других факторов, влияющих на популярность сетевого проекта, его коммерческий успех. Это оптимизация кода сайта для лучшего индексирования поисковыми системами, качество представленного контента, поисковое продвижение и многое-многое другое. Именно поэтому работу над сайтом лучше всего доверить профессионалам в области разработки и продвижения сайтов – например, специалистам «Артены».