Что такое юзабилити и почему многие про него забывают?

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


Что такое юзабилити сайта?

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

  • Доступность. Это показатель, который оценивает поведение новых пользователей на сайте. Насколько пользователю легко совершать те или иные действия. К примеру, у пользователя стоит задача: «Сделать заказ такого – то продукта». Если он быстро справляется с задачей и находит нужный товар, то это пример хорошего сайта с точки зрения доступности;
  • Запоминаемость. Такой показатель оценивает, в какой мере пользователь запомнил сайт с предыдущего посещения. Примером хорошего сайта будет являться тот, на который пользователь перейдет туда через год сможет без труда выполнять те же действия с той же скоростью.
  • Количество ошибок. Чем меньше ошибок делает пользователь во время тестирования сайта, тем лучше.
  • Приятный дизайн. Это пример того, когда чем меньше, тем лучше. Пестрая графика и яркие кнопки только раздражают пользователей. Самыми лучшими сайтами являются в основном те, которые используют нейтральные цвета и обычные шрифты.

Почему юзабилити сайта – это важно?

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

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

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

  • Дизайн сайта. Как мы говорили выше, дизайн – это одна из основополагающих сайта. Нет отвлекающих элементов, пестрых цветов , которые будут отвлекать пользователя от контента.

Пример плохого дизайна сайта:

Пример плохого сайта

Пример хорошего сайта:

Пример хорошего сайта

  • Логичность и структурность контента. Текст, предлагаемый авторами на рынке должен быть удобным с точки зрения восприятия. Обилие гиперссылок = заспамленность, следите за этим.
  • Кнопка поиска. Поиск по сайту – удобная вещь, которая сокращает время пользователю на поиск необходимого товара или текста. Если поиск настроен некорректно, то это очень плохо.
  • Навигационное меню (хлебные крошки). Структурность сайта должна быть понятна и корректна. Если в разделе «Холодильники» будет раздел с кофеварками, пользователь только улыбнется, закроет страницу и больше никогда к вам не вернется.
  • Отображение элементов страницы. От этого показателя зависит количество отказов и глубина просмотра на странице. Некорректно отображаемый контент плохо влияет на перечисленные выше показатели, так что стоит не забывать делать правки на сайте.

Пример юзабилити - тестирование сайта

Шапка сайта

Разработка любого продающего сайта и не только продающего, начинается с проектирования шапки.

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

  • Логотип бренда;
  • Поисковая строка;
  • Контактные данные (телефон, почта, адрес организации и т.д);
  • Навигационное меню;
  • Дополнительные сервисы (обратная связь, информация и прочее).

Итак, к вашему вниманию правки шапки сайта, которые нужно исправить:

  • На главной страницы не нужна ссылка на логотип, на других страниц она приветствуется.

  • Номер телефона использовать в формате +8 (ххх) ххх - хх—хх. Он должен быть удобным для пользователя и легок в запоминании.
  • Номер телефона должен работать как гиперссылка, чтобы пользователь мог вам с легкостью позвонить.
  • Значки можно сделать чуть больше, чтобы на общем фоне смотрелось ярко, они также должны работать как гиперссылка.

 

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

Шапка сайта при скроллинге

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

  • Необходимо закрепить шапку при прокрутке.
  • Когда пользователь прогружает страницу вниз, шапку нужно уменьшить в размере, чтобы она не заслоняла собой нужную информацию. Чтобы это исправить можно уменьшить шрифт на пару размеров (с 18 пт на 12 – 14 пт), и соответственно лого уменьшить. При прокрутке вверх, шапка должна возвращаться в исходный вид.
  • При прокрутке нужно указать контактные данные, сервис «Заказать звонок», желательно указывать параметры меню и поиск.

Подвал сайта

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

  • Подвал сайта сделать меньшего размера, он не должен заслонять половину экрана
  • Если вы оставляете геолокацию, то необходимо сделать ее активной (переход на гугл или яндекс карты);
  • Это касается и других контактных данных. При нажатии должен быть переход на них, а иначе зачем они вообще нужны?
  • НЕ РАБОТАЕТ ни одна ссылка в подвале!
  • Добавить кнопку вверх, чтобы пользователю было удобно возвращаться к шапке сайта.
  • Добавить подписку на новости, если вы будете регулярно уведомлять пользователей о новой услуге, то количество ваших клиентов возрастет, или нет, но по крайнем мере ваша школа будет на слуху у пользователей.

Главная страница

Рекламный банер

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

  • Кнопки «Влево» и «Вправо» сделать чуть менее заметными, а то хочется перелистнуть, а листать нечего.
  • Можно добавить какие – нибудь кнопки, чтобы узнать подробнее об услуге, например, ту же самую кнопку «Подробнее»

О сайте

  • Интересное преподнесение информации. Давно уже прошли времена, когда информацию о сайте пред подносят текстом. Нужно использовать значки или графическую иллюстрацию.

  • Не на все вопросы есть ответы

 

Проверка скорости загрузки страницы

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *