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

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

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

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

Подробнее

Адаптивный дизайн

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

Ссылки

• Зачем делать сайт удобным для пользователей мобильных устройств?
• Адаптивный дизайн
• Сайты для мобильных устройств
• Проверка мобильных страниц
• Проверка оптимизации для мобильных
• Мобильная версия сайта или адаптивный дизайн?

Подробнее

Аккордеоны

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

Подробнее

Битые ссылки

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

Ссылки

• Раздел «Внутренние ссылки» в Яндекс.Вебмастере
• Битые ссылки в Joomla

Подробнее

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

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

Подробнее

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

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

Ссылки

• Для сайта важна возможность перейти в «Корзину» с любой страницы
• Корзина в современном интернет-магазине

Подробнее

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

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

Подробнее

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

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

Ссылки

• Сайт выгодно отличает удобный дизайн
• 20 заповедей дизайна пользовательского интерфейса

Подробнее

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

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

Подробнее

Иконка Favicon

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

Подробнее

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

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

Ссылки

• Карты без программирования
• Как встроить на сайт карту или маршрут

Подробнее

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

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

Ссылки

• Интерактивные элементы расположены слишком близко

Подробнее

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

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

Ссылки

• На сайте важно указание цены рядом с каждым товаром

Подробнее

Карта сайта

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

Подробнее

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

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

Подробнее

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

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

Ссылки

• На сайте желательны информативные страницы с описаниями товаров
• Как сделать продающую карточку товара для интернет-магазина
• SEO-оптимизация карточки товара

Подробнее

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

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

Ссылки

• Для сайта важно наличие кнопки «Купить» («Заказать») рядом с каждым товаром

Подробнее

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

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

Ссылки

• В поисках идеальной системы комментирования
• Комментарии в Joomla 3: обзор расширений

Подробнее

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

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

Ссылки

• Для сайта важно размещение контактных данных на всех страницах
• Хорошая страница контактов
• Структурированные данные для контактной информации

Подробнее

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

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

Ссылки

• Для сайта важно правильное отображение в различных браузерах
• Совместимость браузеров
• Кросс-браузерность

Подробнее

Меню сайта

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

Ссылки

• На сайте желательна удобная навигация
• Навигация важна для поисковых систем

Подробнее

Мобильная версия

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

Ссылки

• Зачем делать сайт удобным для пользователей мобильных устройств?
• Конфигурации поисковой оптимизации для мобильных устройств
• Сайты для мобильных устройств
• Проверка мобильных страниц
• Проверка оптимизации для мобильных
• Мобильная версия сайта или адаптивный дизайн?

Подробнее

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

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

Подробнее

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

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

Ссылки

• Настройка области просмотра
• Использование метатега viewport для управления разметкой на мобильных браузерах

Подробнее

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

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

Подробнее

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

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

Подробнее

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

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

Ссылки

• Чаты для бизнеса в поиске Яндекса
• Онлайн-консультанты: тест-обзор 7 популярных систем

Подробнее

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

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

Ссылки

• В поисках идеальной системы отзывов для интернет-магазина

Подробнее

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

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

Ссылки

• Используйте ссылки с умом

Подробнее

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

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

Ссылки

• Представление информации на сайте (советы вебмастеру)

Подробнее

Пагинация

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

Ссылки

• Несколько советов интернет-магазинам по настройкам индексирования от Платона Щукина
• Новая жизнь старой пагинации

Подробнее

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

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

Ссылки

• На сайте желателен качественный поиск по содержимому
• Яндекс.Поиск для сайта
• Создание и настройка поиска
• Пользовательский поиск Google

Подробнее

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

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

Подробнее

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

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

Ссылки

• Для сайта желательно отсутствие регистрации при входе

Подробнее

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

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

Подробнее

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

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

Ссылки

• Сайт выгодно выделяет «вежливая» реклама
• Признаки некачественного сайта
• Избегайте отвлекающей рекламы

Подробнее

Слайдеры

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

Подробнее

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

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

Ссылки

• Время загрузки страниц
• PageSpeed Insights
• Отчеты "Скорость загрузки сайта"

Подробнее

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

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

Ссылки

• На сайте желателен качественный поиск по содержимому

Подробнее

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

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

Подробнее

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

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

Подробнее

Страница 404

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

Подробнее

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

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

Ссылки

• Использование строк навигации
• На сайте желательна удобная навигация

Подробнее

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

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

Ссылки

• Структура сайта (советы вебмастеру)
• Смена структуры и дизайна сайта
• Понятная иерархия разделов
• Иерархия сайта

Подробнее

Технология AJAX

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

Ссылки

• Сайты, использующие AJAX
• Часто задаваемые вопросы по AJAX
• Индексирование AJAX-сайтов в Яндексе

Подробнее

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

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

Ссылки

• Сайт выгодно выделяют легко читаемые шрифты
• Оптимизация текста для чтения
• Использование метатега viewport для управления разметкой на мобильных браузерах

Подробнее

ЧПУ

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

Ссылки

• Структура сайта (советы вебмастеру)
• Структура URL
• Простые URL более информативны
• ЧПУ в Joomla

Подробнее

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

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

Ссылки

• На сайте желателен качественный поиск по содержимому

Подробнее

Форма заказа

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

Ссылки

• На сайте желательна простая форма заказа

Подробнее

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

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

Подробнее

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

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