Чек-лист юзабилити сайта. Как провести аудит хорошего сайта
Задумывались ли Вы, почему некоторые сайты хочется закрыть сразу, даже если контент Вас заинтересовал? Секрет в том, насколько удобно устроен сайт и легко ли найти нужную информацию. Не раздражает ли цветовое оформление, частая смена баннеров. Из этих и многих других факторов складывается то, что называют юзабилити сайта.
Чек-лист: "Что же нужно проверить на сайте?"
- Технический аудит (скорость загрузки, отсутствие ошибок). Главная страница загружается за 1–3 секунды. На сайте минимальное количество технических ошибок.
- Адаптивность. Сайтом удобно пользоваться с разных устройств (с компьютера, смартфонов, десктопов).
- Главная страница. Попав на домашнюю страницу сайта, пользователи сразу понимают, какие товары или услуги предлагает Ваша компания.
- Навигация. У сайта логичная простая структура и есть поиск. Названия всех элементов сайта однозначно воспринимаются пользователями.
- Единообразие интерфейса и форм. У всех страниц и форм сайта сходная структура и оформление.
- Читабельность. Оформление текстов не затрудняет восприятие информации.
Подробнее по пунктам. Скорость загрузки и технические ошибки
Пользователям комфортно, когда страница загружается за 1–2 секунды. Добиться такой скорости помогут подходящий хостинг и оптимизация сайта. Оптимизированной считается страница с простой структурой, минимизированным кодом и без тяжёлых форм.
Несколько советов как можно улучшить скорость загрузки интернет-страницы:
- Оптимизировать фотографии;
- Использовать кэш-память;
- Оптимизировать CSS;
- JavaScript файлы должны загружаться после того как загрузилась вся интернет страничка;
- Уменьшить количество запросов к серверу.
Кроме скорости загрузки важно, чтобы на сайте было как можно меньше технических ошибок. Они напрямую связаны с восприятием качества сайта. Очевидно, что неработающие кнопки, битые ссылки или некорректная вёрстка негативно влияют на мнение пользователей. Постарайтесь не допускать технических ошибок или оперативно устранять их.
Адаптивность
Сегодня сайты просматриваются на персональных компьютерах, планшетах, смартфонах, телефонах. Каждое устройство со своими характеристиками — скоростью работы, разрешением экрана. Адаптивность — это способность сайта выглядеть одинаково хорошо и на десктопе, и на смартфоне, и на планшете. Чтобы добиться этого, можно использовать адаптивную вёрстку или сверстать для каждого варианта свою версию. Если у сайта простая структура и немного контента, выбирайте адаптивную вёрстку. Благодаря ей элементы страницы подстраиваются под экраны планшетов и смартфонов. Если же на сайте много разделов и контента, подготовьте отдельную мобильную версию. Как правило, это неполная версия сайта, в которой на главную страницу вынесены главные разделы и возможности.
Главная страница
Главная страница — самая первая страница, которая появляется при заходе на сайт. Главная страница есть у всех сайтов, от солидных интернет-магазинов до популярных форумов. Основная функция главной страницы – это привлечение внимания целевой аудитории и конвертации пользователей в реальных клиентов. Убедитесь, что, оказавшись на главной странице Вашего сайта, пользователь поймёт, чем занимается Ваша компания, и что Вы ему предлагаете.
Если Вам сложно самим анализировать работу Вашего сайта, то Вы можете доверить данную работу профессионалам, например нам, и быть спокойны, так как мы можем привести в порядок любой сайт!
У сайта должна быть простая структура и упорядоченное меню, формы должны быть простыми, а текст читабельным
Сегодня расскажем Вам о навигации, единообразии интерфейса и форм, читабельности.
Навигация
У сайта должна быть простая структура и упорядоченное меню, тогда пользователь сможет быстро выполнить целевое действие. Помогают ориентироваться на сайте следующие настройки:
- Кликабельные «хлебные крошки» (путь от главной страницы до текущей). Такое название прижилось для навигационной цепочки, размещенной в верхней части страницы сайта. Хлебные крошки — один из видов навигации сайта. Название вдохновила сказка братьев Гримм, в которой дети разбрасывали хлебные крошки в лесу, чтобы найти дорогу обратно домой. Так и на сайте — посетитель может всегда понять, где он находится и при необходимости вернуться в предыдущий раздел, если у вас правильно настроены хлебные крошки.
- Кнопка «Наверх», если страница занимает больше одного экрана. Возможность вернуться на главную страницу благодаря кликабельному логотипу в шапке или текстовой ссылке в футере (информационном блоке внизу страницы).
- Кнопка возврата в браузере работает корректно на всех страницах сайта. Чтобы при нажатии пользователь попадал на шаг назад, а настроенные фильтры/формы сохранялись.
- Поиск по сайту, который позволит пользователю найти конкретные товар/услугу/статью. Принято размещать строку поиска (или иконку лупы) в правом верхнем углу.
Чтобы пользователям было удобнее ориентироваться на Вашем сайте, используйте точные формулировки. Например, раздел «Коллекция» на сайте кажется слишком общим. Лучше выражаться конкретнее: «Пальто, куртки и пиджаки»
Пользователь должен понимать, что произойдёт, когда он нажмёт на кнопку или перейдет по ссылке. Для кнопок лучше использовать глаголы в инфинитиве: «Подписаться», «Купить», «Перейти в корзину».
Единообразие интерфейса и форм
Дизайн и структура должны быть единообразными для большинства страниц. Если страницы Вашего сайта будут свёрстаны по-разному, у пользователя не зафиксируется образ Вашего сайта как единое целое. Шапка сайта должна иметь логотип и основные разделы, и она должна быть закреплена, не пропадает при скролле страницы вниз. Футер должен повторяется на всех страницах сайта.
Позаботьтесь и о единообразии форм на сайте. В формах должны быть чётко указаны обязательные поля, а также даны подсказки для заполнения. Приветствуется, если формы на разных страницах организованы единообразно.
Читабельность
В первую очередь следует оценить сам внешний вид сайта. На каком фоне располагается текст? Есть ли рядом яркие блоки, которые отвлекают от чтения? Много ли на сайте рекламы, которая тоже отвлекает?
Последнее общее правило: оформление текста не должно отвлекать пользователя от контента.
- Для этого подберите подходящий для чтения шрифт (чаще всего выбирают вариант с засечками).
- Придерживайтесь правила контрастности: тёмные цвета — для текста и светлые —для фона или наоборот.
- Может помочь внедрение некоторых дополнительных стилей. Например, первую букву текста можно оформить не так, как все остальные. Такой эффект часто встречается в книгах.
Помните, что Вы пишете тексты в первую очередь для пользователей, а не для поисковой системы, поэтому текст не должен состоять из бессвязных ключевых фраз или повторять ключевое слово в каждом предложении.
Мы можем провести аудит Вашего сайта и исправить все моменты, которые могут затруднять просмотр Вашего сайта, товаров и услуг пользователям! С нами любые сайты будут удобными и понятными! Звонить и писать в Мах +79006776295
