Челябинск
8 (800) 101-28-25+7 (351) 200-94-79
Заказать звонок
50 ошибок, ухудшающих юзабилити сайта

50 ошибок, ухудшающих юзабилити сайта

Дата публикации: 22.09.2017

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

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

Общие ошибки

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

  1. Отсутствие на первом экране (области сайта, доступной сразу после загрузки страницы без её прокрутки) меню и другой полезной информации. Посетитель не должен тратить время на поиски навигации.
  2. Сайт не имеет адаптивной вёрстки или мобильной версии. Количество пользователей, заходящих на сайты с мобильных устройств, постоянно растёт, поэтому сайт должен быть адаптирован к экранам смартфонов, планшетов и других мобильных устройств.
  3. Не следует прятать меню в «гамбургер» на версии сайта под обычный ПК. Это ухудшает юзабилити, заставляет пользователя тратить время на то, чтобы разобраться в иконках и понять, как ему найти нужный контент.
  4. Плохая контрастность текста. Лучше выбрать классический вариант – тёмный текст на светлом фоне, обратный вариант быстро утомляет зрение. Кроме того, контрастность текста должна быть достаточно высокой, чтобы он легко читался, не сливался с фоном. Фоновый рисунок, если он есть, не должен мешать чтению.
  5. Мелкий шрифт. Это одна из самых частых проблем, существенно ухудшающих юзабилити сайта.
  6. Не используйте шрифт с засечками, его сложнее воспринимать с экрана.
  7. На сайте не предусмотрено место для размещения баннеров, информации об акциях и т.д.
  8. Не используйте выравнивание текста по ширине, это приводит к появлению больших промежутков между словами. Выравнивайте текст по левому краю.
  9. Не выделяйте под рекламу больше трети площади страницы. Не говоря уже о том, что реклама раздражает пользователей, её большое количество может привести к санкциям со стороны поисковых систем.
  10. Наличие на сайте изображений, размер которых не оптимизирован для интернета. Чем «тяжелее» страница, чем больше в ней картинок большого веса, тем дольше она загружается. Обычно пользователь просто уходит, не дождавшись окончания загрузки.
  11. На сайте есть всплывающие окна – чаще всего это предложения перезвонить, задать вопрос, пообщаться с консультантом и т.д. Такие окна должны быть ненавязчивыми, иметь небольшой размер.
  12. Есть полоса горизонтальной прокрутки. Она очень затрудняет использование сайта, поэтому вёрстка сайта должна учитывать этот момент.

Шапка сайта

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

  1. Нет логотипа, названия сайта. Пользователь должен сразу понимать, куда он попал, с какой компанией имеет дело, что он может найти на этом сайте.
  2. Логотип не имеет ссылки на главную страницу сайта. Это затрудняет переход на неё с других страниц, многие пользователи предпочитают для этого просто нажимать на логотип.
  3. Большой размер шапки. Красивая шапка – это хорошо, но она не должна быть самоцелью. Если шапка занимает более 50% площади экрана и основной контент уходит вниз, это ошибка.
  4. В шапке сайта нет номера контактного телефона, посетителю приходится идти на страницу «Контакты», искать телефон в футере (подвале) и т.д.
  5. Номер следует прописывать текстом, а не давать в виде картинки, тогда пользователь сможет просто скопировать его.
  6. Телефонный номер должен быть указан в полном формате, с международным кодом страны и города.
  7. В версии для мобильных устройств номера телефонов не видны, что не даёт пользователям возможности позвонить.
  8. Для отображения шапки или меню используется Flash, поэтому информация не выводится на мобильных устройствах.

Навигация

  1. Цвет ссылок не отличается от основного текста, что делает их малозаметными.
  2. Ссылки прописаны картинкой, а не текстом. Это не ухудшает юзабилити, но влияет на внутреннюю оптимизацию сайта.
  3. Неудобная многоуровневая навигация. Используйте правило трёх кликов – пользователь должен добраться даже до самой удалённой страницы, кликнув мышкой не больше трёх раз.
  4. Нет «хлебных крошек» – цепочки подсказок, показывающих пользователю, в каком разделе он находится.
  5. При навигации по сайту в меню не выделяется раздел, в котором находится посетитель. Если ещё и отсутствуют «хлебные крошки», пользователь не сможет понять, в каком он разделе.
  6. Боковое меню размещено в правой колонке. Возможно, это оригинально, но очень неудобно. Пользователи привыкли видеть боковое меню слева.
  7. Верхнее меню не дублируется в подвале. Удобно, когда пользователь, дойдя до конца страницы, видит меню и может сразу перейти в нужный раздел. В качестве альтернативы можно добавить пункт «В начало страницы».
  8. В меню обязательно должны быть ссылки на ключевые разделы. Как правило, их размещают в горизонтальном меню – это разделы «О компании», «Оплата и доставка», «Контакты» и т.д.
  9. Ссылки не меняют цвет, не подсвечиваются, не выделяются каким-либо другим образом при наведении мыши, что очень неудобно.
  10. На сайтах с большим количеством контента ссылки на посещённые страницы не выделяются цветом.

Оформление контента

  1. Заголовки имеют тот же размер, что и основной шрифт. Они плохо заметны, не привлекают внимания.
  2. В текстах нет подзаголовков. Сплошной массив текста плохо воспринимается, следует делать подзаголовки примерно через каждые 2000 знаков (с пробелами).
  3. Отсутствие в тексте маркированных и нумерованных списков, таблиц, что делает контент неудобным для восприятия.
  4. Отсутствие в тексте фотографий, рисунков. Их наличие делает тексты более живыми, интересными, привлекательными.
  5. Нет подписей к фотографиям. Каждая из фотографий должна иметь описание в соответствующих атрибутах (TITLE или ALT).
  6. Посетителям неудобно делиться понравившимся контентом в социальных сетях из-за того, что кнопки социальных сетей находятся слишком далеко или их нет совсем.
  7. Не указывается дата публикации материалов.
  8. Тексты плохо читаются из-за большого количества некрасивых ключевых фраз. Не забывайте, что контент пишется в первую очередь для людей, а не для поисковых систем.

Раздел «Контакты»

Эти ошибки в первую очередь актуальны для коммерческих сайтов. Как их избежать можно прочитать в нашей статье.

  1. Нет номеров телефонов. Даже если они есть в шапке сайта, их следует продублировать в разделе «Контакты».
  2. Если указываются несколько телефонов, следует пояснить их назначение.
  3. Не указан график работы компании.
  4. Не указаны адреса всех офисов, пунктов выдачи товара.
  5. Нет схемы проезда, не указано, как лучше доехать до офиса или склада на автомобиле, общественном транспорте.
  6. Отсутствуют реквизиты компании.
  7. Не указан адрес электронной почты.

Сайты интернет-магазинов

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

  1. Нет возможности сортировки товаров в каталоге, их подбора по заданным параметрам.
  2. Нет фотографий к товарам, в том числе распакованным, их подробного описания.
  3. При заказе однотипных товаров, отличающихся только размером или расцветкой, нет возможности выбрать нужные параметры.
  4. Нет рейтинга товаров, отзывов покупателей, их оценки товаров. Это важные категории, существенно влияющие на количество заказов.
  5. Регистрация на сайте, оформление покупки слишком сложны, занимают много времени. Каждый лишний шаг по оформлению заказа снижает количество покупателей.

Подведение итогов

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

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

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

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

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



Выберите услугу прямо сейчас!
Укажите ваш номер телефона
Мы быстро перезвоним и подробнее расскажем о наших услугах
Отправляя форму, вы принимаете условия передачи данных