Бесконечная прокрутка
на сайте: за и против
Одностраничные сайты сейчас — основной тренд веб-дизайна. А особенно актуальны сайты с так называемой бесконечной прокруткой. Этот метод отлично подходит для некоторых сайтов и компаний, однако для кого-то может оказаться неуместным. Давайте посмотрим на плюсы и минусы такого дизайна.
Что такое бесконечная прокрутка?
Важно отличать бесконечную прокрутку от параллаксной прокрутки.
Параллаксная прокрутка — это проектирование сайта, при котором фоновые и основные изображения перемещаются с разной скоростью, создавая иллюзию глубины на двухмерном экране. Этот метод часто используется на одностраничных веб-сайтах, чтобы разнообразить внешний вид.
Бесконечная прокрутка — ещё одна популярная методика проектирования, при которой контент продолжает появляться снизу по мере того, как пользователь прокручивает страницу. Результатом является «бесконечный» поток контента, у которого нет определённой остановки или конечной точки. Типичными примерами бесконечной прокрутки являются соцсети.
Плюс: удержание пользователей
Бесконечная прокрутка может быть отличным инструментом, если вы хотите удерживать пользователей на сайте дольше. Контент постоянно обновляется, и пользователи остаются на более длительное время.
Минус: нет нижнего колонтитула
Одна из самых больших проблем бесконечной прокрутки — отсутствие нижних колонтитулов. Пользователи любят и понимают нижние колонтитулы. Дизайнеры и разработчики «приучили» пользователей тому, что нижний колонтитул всегда будет в конце сайта, и там можно будет найти важную информацию. Например, контакты и ссылки на соцсети, информацию об авторских правах и многое другое.
Решение этой проблемы — липкие нижние колонтитулы. Это такие колонтитулы, которые «прилипают» к нижней части экрана во время всей прокрутки. Всё больше сайтов с бесконечной прокруткой начинают использовать эту технику, хоть некоторых она и раздражает.
Плюс: отлично подходит для мобильных и других сенсорных устройств
Бесконечная прокрутка практически предназначена для мобильных пользователей. В отличие от настольных веб-сайтов, где мы много лет спорили о том, работает ли такой подход. Мобильные пользователи особенно привыкли к прокрутке. Кроме того, бесконечная прокрутка также хорошо работает с любыми другими сенсорными устройствами.
Минус: навигация и ссылки могут стать беспорядочными
Хорошая навигация жизненно важна для того, чтобы удерживать пользователей. Бесконечная прокрутка может сделать навигацию несколько запутанной. Если все разделы разместить на одной гигантской странице, пользователь может запутаться. Также это может затруднить создание закладок. Нужно учитывать это при разработке сайта. Необходимо дать возможность пользователям сохранять информацию.
Плюс: сделано для визуалов
На сайте с бесконечной прокруткой вы можете показывать неограниченное количество изображений. Бесконечная прокрутка создаёт больше возможностей для красивого визуала. Сайты, которые наилучшим образом используют бесконечную прокрутку — это сайты с очень хорошим визуальным контентом.
Минус: сложнее отслеживать аналитику
Google Analytics может не предоставлять всю необходимую информацию о сайтах с бесконечной прокруткой, и могут потребоваться некоторые сторонние инструменты. Также есть некоторые проблемы с поисковой оптимизацией. Конеччно, есть способы преодолеть эти проблемы, но вы должны принять их во внимание.
Плюс: облегчённый просмотр
Практически каждый пользователь знает, как прокручивать. Это просто и интуитивно понятно. Некоторые другие методы навигации на веб-сайтах требуют инструкций, а бесконечная прокрутка — самый простой метод. Если пользователи и будут покидать ваш сайт, вы можете быть уверены, что причина — не сложность в работе.
Минус: время загрузки и сбои
Иногда бесконечная прокрутка даёт сбои и может работать медленно. Если пользователи действительно прокручивают бесконечно, сайт может начать тормозить. С этим можно бороться с помощью хороших методов проектирования и разработки. Вы также можете рассмотреть идею о том, что бесконечный поток контента не обязательно должен быть совсем бесконечным. Его можно просто сделать длинным.
По мотивам статьи: Design Shack