Содержание
Слово «бесконечно» означает отсутствие границ – этот термин часто встречается в наших культурах. Молодожены дают клятву вечной любви, и верят в то, что их союз проживет вечность. Математики выдвигают теорию о том, что цифры могут длиться бесконечность. Фонтаны с бесконечными водопадами. Даже автомобиль Infiniti напоминает о существовании бесконечности. Но что же этот термин значит для мира веб-дизайна?
Ввиду растущей популярности смартфонов и мобильных устройств, веб-дизайн сильнейшим образом изменился. Появление бесконечной прокрутки страниц стало необходимой мерой, которая позволяет предоставить полноценный контент мобильным пользователям, экраны устройств которых ограничены в размерах.
Бесконечный скроллинг позволяет пользователям просматривать множество информации при помощи динамичной загрузки продолжения. Задача подобных инструментов заключается в том, чтобы представить пользователю как можно больше полезной информации. Pinterest и Twitter отлично демонстрируют необходимость и предназначение бесконечного скроллинга в социальных сетях. К примеру, Twitter позволяет публиковать множество твитов, и все они располагаются на одном длинном «полотне», которое можно листать бесконечно. К тому же, на мобильных устройствах Twitter предлагает пользователям маркер в виде оторванной бумаги, который позволяет понять, откуда следует продолжать чтение. Это, казалось бы, незначительное решение помогает в значительной степени улучшить опыт взаимодействия с пользователем. Следовательно, это маркер позволяет пользователю понять, что он уже читал, а что ему еще предстоит прочесть.
После успеха в нише социальных сетей, дизайнеры и разработчики стали применять данную технологию и на обычных веб-сайтах. Сегодня владельцы веб-сайтов могут прибегнуть к услугам хорошей SEO-компании, и использовать Google для индексации контента, который появляется на странице динамическим образом при помощи AJAX. Это должно исключить все вопросы, возникающие насчет использования бесконечной прокрутки страниц и индексации сайта в поисковиках. Тем не менее, как и в случае с любым другим инструментом в дизайне, здесь нужно быть готовым к тому, что учиться придется при помощи метода проб и ошибок. Для начала рекомендуем вам ознакомиться со списком преимуществ и недостатков.
Преимущества
Быстрый просмотр
Разделение контента на отдельные страницы может затребовать больше времени как у вас, так и пользователей. Бесконечный скроллинг позволяет более комфортно наслаждаться времяпрепровождением.
Touch
Сенсорные экраны на современных устройствах принесли за собой некоторые сложности в просмотре контента на сайтах, но теперь эту проблему можно полностью исключить за счет функционала с бесконечным скроллингом страниц.
Предоставление информации
Исследования показываются, что пользователи очень редко открывают другие страницы сайта, после того, как прочтут ту страницу, которая была найдена поисковиком конкретно по их запросу. К примеру, всего 6% пользователей двигаются куда-то дальше, а 94% вполне довольны первой страницей результатов поиска. Бесконечный скроллинг позволяет всему контенту выступать на равных условиях, и более старый контент может спокойно умещаться рядом с новым, просто до него нужно будет пролистать.
Недостатки
javascript
Так как данная технология требует использования javascript, поддержка которого на некоторых устройствах отключена или не работает, с этим могут возникнуть некоторые проблемы.
Навигация
Практически невозможно создавать закладки, и быстро возвращаться к тому контенту, который вам понадобится, так как нужно будет листать страницу с самого верха. К тому же, бесконечный скроллинг не позволяет пользователю видеть, сколько еще нужно листать, и из-за этого создается впечатление бесконечности!
Фокус
Многих пользователей просто выводит из себя то, когда они 5 минут листали страницу, случайно нажали на какую-то ссылку, потом вернулись обратно, и им нужно листать весь пролистанный контент по новой. Это может привести к повышению показателя отказов.
Важно рассмотреть вариант создания гибридного интерфейса, совместив при этом традиционную систему пагинации и элементы бесконечной прокрутки. Таким образом, у тех, у кого по тем или иным причинам нет поддержки javascript, останется возможность использовать ваш сайт и получить нужную информацию.
Хотя на данный момент технология бесконечной прокрутки небезупречна, это определенно современный тренд, который можно будет наблюдать и в будущем. В будущем практически все сайты перейдут на эту систему предоставления контента.