6 июня 2020

Пагинация или бесконечный скроллинг: что выбрать?

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

Решение о том, как будет представляться пользователям сайта большой массив данных, влияет и на общий уровень юзабилити сайта, и на SEO-показатели. Поэтому подобному вопросу важно уделить достаточно внимания, для чего полезно сравнить основные преимущества и недостатки каждого из 2 названных подходов.

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

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

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

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

Еще один недостаток — невозможность «добраться» до футера страницы. Поскольку данные подгружаются непрерывно, нижняя часть сайта, где часто размещается дополнительная информация о сайте, постоянно «ускользает» от пользователя. Соответственно, информацию, которая опубликована в футере, пользователь получить не может. Впрочем, стоит отметить, что проблема вполне решается «приклеиванием» футера к низу страницы или же вообще размещением информации из футера в другой области страницы.

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

Пагинация на сайте
Пагинация — это классический вариант разбиения контента на страницы в веб-дизайне. При пагинации для каждой страницы генерируется собственный URL, а контент загружается при совершении целевого действия, например, клика на кнопку «Далее» или на порядковый номер страницы. Типичный пример использования пагинации – это постраничная разбивка категорий товаров в интернет-магазинах.

У пагинации есть сразу несколько важных достоинств. Во-первых, этот подход дает хорошую конверсию в тех случаях, когда пользователи сайта заинтересованы в изучении отдельных объектов данных, а не всего контента в целом. Во-вторых же, он предоставляет пользователям ощущение контроля за процессом: в любой момент времени пользователи сайта могут видеть, на каком этапе изучения информации они находятся, могут оценить общий объем данных и могут зафиксировать при необходимости точный номер страницы, если изучение необходимо временно прервать.

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

С точки зрения SEO, серьезным минусом пагинации может стать, кроме прочего, еще и дублирование контента: на страницах пагинации обычно меняется лишь часть контента, что приводит к появлению частичных дублей. Для решения проблемы веб-мастера используют различные методики, как, например, исключение страниц пагинации из индекса или добавление на основную страницу мета-тега rel=»canonical».

photo
photo