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

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

Юзабилити сайта
  • Все
  • интерфейс
  • коммерческие
  • мобильность
  • навигация
  • функционал
Авторизация и регистрация
Авторизация и регистрация

Авторизация и регистрация

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

Аккордеоны

Аккордеоны («сворачивающийся» контент) целесообразно применять для «разгрузки» видимой части контента веб-страницы.
Аккордеоны
Битые ссылки
Битые ссылки

Битые ссылки

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

Быстрый просмотр товара

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

Виртуальная корзина

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

Всплывающие подсказки

Всплывающие подсказки (Tooltips) помогут исключить перегрузку видимой части контента для лучшего восприятия основной и дополнительной информации.
Всплывающие подсказки
Дизайн интерфейса
Дизайн интерфейса

Дизайн интерфейса

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

Задать вопрос по товару

Возможность задать вопрос по товару с карточки соответствующего товара особенно актуальна при большом ассортименте.
Задать вопрос по товару
Иконка Favicon
Иконка Favicon

Иконка Favicon

Favicon отображается в сниппетах выдачи Яндекса, а так же во вкладках и закладках браузера, облегчая работу пользователей.
Иконка Favicon
Интерактивные карты
Интерактивные карты

Интерактивные карты

Применение на коммерческом сайте интерактивных карт (например «Яндекс.Карты» или «Google Map») с адресами филиалов, торговых точек, офисов или других объектов, относящихся к сайту, способствует увеличению конверсий на коммерческих сайтах.
Интерактивные карты
Интерактивные элементы
Интерактивные элементы

Интерактивные элементы

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

Информация о ценах

Рекомендуется указывать цены ко всем возможным товарам и услугам. Это не только приветствуется пользователями, но и учитывается при ранжировании поисковыми системами.
Информация о ценах
Карта сайта
Карта сайта

Карта сайта

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

Калькулятор стоимости

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

Карточка товара

Используйте на страницах карточек товаров максимум полезной для покупателей информации в удобном виде.
Карточка товара
Кнопка «Купить»
Кнопка «Купить»

Кнопка «Купить»

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

Комментарии пользователей

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

Контактные данные

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

Кроссбраузерность

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

Меню сайта

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

Модальные окна

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

Область просмотра

Область просмотра позволяет определить размер видимой части сайта в зависимости от размеров экрана (окна браузера).
Область просмотра
Обратный звонок
Обратный звонок

Обратный звонок

Возможность заказать обратный звонок может быть востребована потенциальными заказчиками.
Обратный звонок
Оглавление страниц
Оглавление страниц

Оглавление страниц

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

Онлайн консультант

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

Отзывы на товары и услуги

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

Оформление ссылок

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

Первый экран в браузере

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

Пагинация

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

Поиск по сайту

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

Просмотренные страницы

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

Процесс регистрации

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

Рейтинг и оценки

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

Рекламные вставки

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

Слайдеры

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

Скорость загрузки

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

Сортировка страниц

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

Сопутствующие страницы

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

Социальные сигналы

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

Страница 404

Страница, на которую попадают пользователи по несуществующим URL-адресам, должна соответствовать принципам юзабилити и дизайну сайта.
Страница 404
Строка навигации
Строка навигации

Строка навигации

Навигационная цепочка («хлебные крошки») особенно важна для крупных сайтов с глубокой структурой: она облегчает поиск нужной информации и ориентацию по сайту.
Строка навигации
Структура сайта
Структура сайта

Структура сайта

От структуры сайта зависят не только удобство навигации, но и распределение внутреннего ссылочного веса, а также структура URL-адресов.
Структура сайта
Технология AJAX
Технология AJAX

Технология AJAX

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

Читабельность

Используйте различные вариации размеров шрифтов относительно размеров экрана, чтобы обеспечить удобочитаемость.
Читабельность
ЧПУ
ЧПУ

ЧПУ

Человекопонятные URL-адреса способствуют их лучшему восприятию и запоминанию, а также повышают релевантность при вхождении ключевых слов.
ЧПУ
Фильтрация товаров
Фильтрация товаров

Фильтрация товаров

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

Форма заказа

Форма заказа должна быть максимально простой и не должна содержать лишних полей. Чем сложнее форма — тем выше вероятность, что пользователь не захочет её заполнять.
Форма заказа
Форма обратной связи
Форма обратной связи

Форма обратной связи

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

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

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