В сегодняшней статье поговорим об интерактивных элементах на страницах сайта — разберем 4 инструмента, полюбившиеся веб-разработчикам.
Но для начала: зачем вообще вовлекать пользователей на страницах сайта?
Все логично:
- Вовлечённые пользователи чаще оставляют заявку и больше покупают (не буду ссылаться на подтверждающие это ресёрчи — их немало в свободном доступе);
- Вовлечённые пользователи помогают повышать так называемые поведенческие факторы (растет время, проведённое на сайте, глубина просмотра и, очевидно, количество кликов на странице) — поэтому их так любят SEO-специалисты.
Помимо этого, интерактивные элементы часто помогают узнать больше информации о пользователе, чтобы сделать ему наиболее релевантное предложение.
Разберем на примерах, какие 4 интерактивных элемента на сайте используются для решения таких задач.
Калькуляторы
Калькуляторы могут быть простыми: пользователь заполняет поля и в результате получает алгоритмический расчёт.
Как пример: калькулятор для определения количества упаковок ламината, необходимых для помещения заданной площади.
Пример более многофункционального сервиса — калькуляция ипотеки от агентства недвижимости Этажи.
Помимо возможности подобрать необходимые условия кредита, сервис предлагает сразу отправить заявку в банк. Это тот случай, когда интерактивный элемент используется в том числе для повышения CR страницы сайта.
Помимо калькулятора, кстати, на этой страницы используется еще один «сильный» интерактивный элемент — фильтр. Но разработка фильтров больше относится к изначальной проработке структуры страниц сайта, поэтому подробно акцентироваться на этом элементе мы не будем в этом материале.
Квизы
Еще один способ удержать аудиторию на сайте с помощью интерактивных элементов — создание квизов (или опросов, простыми словами).
Квиз — более сложный элемент сайта, он может включать в себя несколько страниц опроса (включая в себя те же калькуляторы, о которых мы говорили в предыдущем пункте) и как правило ориентирован на сбор более подробных заявок от пользователей.
Заполняя страницы опроса пользователь формирует более подробное ТЗ, на основе которого можно сделать ему наиболее релевантное предложение.
В то же время, квиз не обязательно ориентирован на получение заявки — это может быть просто тест или опрос, после заполнения полей которого пользователь сразу получит результат.
Логичный пример — психологические тесты: пользователь отвечает на вопросы и в результате получает информацию, например, о своём психотипе или особенностях мировосприятия.
Комментировать качество и эффективность такого инструмента в психологии, конечно, я не буду, но отрицать факт о том, что пользователи действительно обращают внимание на такие тесты и вовлекаются в них, тоже не вижу смысла 🙂
Поле поиска
Еще один очевидный способ повысить удобство взаимодействия пользователя с сайтом — добавить поле поиска.
Это может быть поиск по статьям для информационного сайта или поиск по карточкам товара для интернет-магазина.
Пользователи действительно используют поиск по сайту, чтобы найти интересующую информацию или позицию. А ваша задача — дать им такую возможность и сделать поиск на сайте удобным и интуитивно понятным.
Аккордеоны
И последний элемент, о котором поговорим — блоки с “выпадающем” содержимом при клике. Еще, по логичным причинам, их называют аккордеоны 🙂
Чем хороши аккордеоны:
- Помогают структурировать информацию на сайте;
- Позволяют не перегружать сайт информацией, которая нужна не всем пользователям;
- Отлично подходят для микроразметки FAQ и Q&A.
Очевидно, что чаще всего такие элементы используются для оформления блоков FAQ — часто задаваемых вопросов.
Не знаете, как разнообразить опыт использования вашего сайта пользователями? Подумайте над интеграцией этих элементов 🙂