Бесконечный скроллинг: Бесконечный скроллинг или пагинация — какой прием использовать для сайта

Еще по теме:

Сергей З.

SEO-аналитик

Работу в сфере IT начинал с должности контент-менеджера. Уже при создании своих личных проектов постепенно узнавал, что такое SEO, увлекло. Вдохновляюсь сложными и интересными задачами.

Мои увлечения: велоспорт и книги.

Девиз: «Другой жизни не будет!»

[email protected]

Оцените мою статью: 

Есть вопросы?

Задайте их прямо сейчас, и мы ответим в течение 8 рабочих часов.

Улучшаем «бесконечный скроллинг» / Хабр

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

Я согласен с автором. Я сам — наркоман, и порою сижу за монитором как зачарованный, со стеклянными глазами, кручу-кручу-кручу волшебное колёсико, не в состоянии пойти по делам/на работу/в магазин/поесть/попить/в туалет, и кручу я его с одной единственной мыслью: «Ну когдааа же вы все уже закончитесь?!» (что поделаешь — я привык доводить дела до конца).

Однажды утром я встал и твёрдо решил: «Хватит это терпеть!».

Представляю вам свой небольшой скрипт, который я на днях написал для своей «социальной сети» (с блекджеком и шлюхами).

Чтобы посмотреть демо, скачайте архив, и запустите файл «test/test.html».

Какие нововведения предлагает этот скрипт:

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

То, докуда дошла эта полоска сверху — это сколько результатов выборки мы уже пролистали. Вообще, эта полоска как бы чёрная. Там, где она серая — это место во всей выборке, где мы находимся сейчас.

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

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

Этот скрипт, очевидно, не является чем-то высеченным в граните, и я сам, встав сегодня с утра, переписал его половину. Тем не менее, работоспособность вроде как стабильная, и проверено в последних версиях Chrome и FireFox. Сразу скажу: не гонюсь за «кроссбраузерностью» — её всегда можно будет допилить, если кто-то захочет использовать этот скрипт на своём «кроссбраузерном» сайте.

Вроде как всё, демо говорит само за себя. Пост провоцирует комментарии.

Что ещё можно сделать (на основе комментариев):

При клике в любое место полоски — переходить на соответствующую страницу выборки.

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

Примеры улучшенного «бесконечного скроллинга»:

demo.lanmediaservice.com/video/#/catalog/page/4
search.rsl.ru

Давайте перейдем к сути — Smashing Magazine

Об авторе

Йогев Ахувия (Yogev Ahuvia) — старший инженер переднего плана в Fundbox. Йогев — эксперт по UX и художник кода (см. Его профиль на CodePen), он пишет и выступает в блогах и … Больше о Йогев ↬

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

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

Бесконечная прокрутка, разбивка на страницы или кнопки «Загрузить еще»?

Какой шаблон UX лучше всего подходит для отображения продуктов на веб-сайте электронной коммерции? Мы протестировали три разных шаблона проектирования для загрузки продуктов. Прочтите соответствующую статью →

The Good

Длинные списки не новость, но способ прокрутки этих списков коренным образом изменился с момента появления мобильных интерфейсов.Из-за узости экранов мобильных устройств элементы списка располагаются вертикально, что требует частой прокрутки.

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

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

Twitter эффективно интегрирует бесконечную прокрутку. Его канал соответствует критериям: большой объем данных (твитов) и платформа реального времени. С точки зрения пользователя, все твиты одинаково актуальны, что означает, что они имеют одинаковый потенциал быть интересными или неинтересными; поэтому пользователи часто просматривают все твиты в своей ленте. Twitter — платформа, работающая в реальном времени, постоянно обновляется, даже если пользователь оставляет свой канал без присмотра. Бесконечная прокрутка, похоже, была создана специально для таких сайтов, как Twitter, которые успешно используют эту технологию.

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

Плохое и уродливое

При таком большом количестве данных для просмотра пользователи должны сосредоточиться на информации, которую они ищут. (Помните про целеустремленность?) Всегда ли пользователи хотят, чтобы непрерывный поток данных? Analytics показывает, что когда пользователи ищут информацию в Google, только 6% переходят на вторую страницу.Таким образом, 94% пользователей удовлетворены получением только 10 результатов, что говорит о том, что пользователи считают рейтинг результатов Google релевантным.

Щелкать или не щелкать

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

Поиск лучшего результата поиска может занять секунду или час, в зависимости от вашего исследования.Но когда вы решите прекратить поиск в текущем формате Google, вы знаете точное количество результатов поиска. Вы можете принять осознанное решение о том, где остановиться или сколько результатов просмотреть, потому что вы знаете, где находится конец. Согласно исследованиям, проведенным в области взаимодействия человека с компьютером, достижение конечной точки обеспечивает ощущение контроля ; вы знаете, что получили все соответствующие результаты, и знаете, есть ли там тот, который вы ищете. Знание количества доступных результатов дает ощущение контроля и помогает пользователю принять более обоснованное решение, вместо того, чтобы ему приходилось рыскать по бесконечно прокручивающемуся списку.

Когда элементы распределяются по веб-страницам, они помещаются во фреймы, индексируются и имеют начальную и конечную точки. Информация представлена ​​четко и упорядоченно. Если мы выберем элемент из разбитого на страницы списка и берем его с этой страницы, мы знаем, что нажатие «Назад» вернет нас на эту страницу (возможно, в ту же позицию прокрутки). Наш поиск в Интернете продолжится с того места, где он остановился.

Если вы прокручиваете тот же список результатов с бесконечной прокруткой, вы остаетесь без этого чувства контроля, потому что вы прокручиваете список, который концептуально бесконечен.Допустим, вы относитесь к 94% людей, которые перестают читать после первой страницы (т. Е. 10 результатов) поиска Google. Когда список прокручивается бесконечно, у первой страницы практически нет конца. Вместо того, чтобы искать конец страницы, которой все равно не существует, вы решаете прекратить прокрутку на 10-м элементе. Это создает проблему с бесконечной прокруткой, потому что 11-й элемент находится прямо в поле зрения. С разбитым на страницы списком, в котором вы не увидите 11-й результат, проще отказаться от продолжения просмотра.Однако, когда следующие результаты уже есть, , вы, вероятно, просто продолжите прокручивать и прокручивать .

Как отмечает Дмитрий Фадеев:

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

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

— Дмитрий Фадеев, Когда бесконечная прокрутка не работает

Когда бесконечная прокрутка не работает

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

Temptation

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

Оптимизм

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

Усталость

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

Pogosticking

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

Потеря контроля

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

Отвлекает

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

Недоступен

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

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

Не эксклюзивно

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

Изображения прокручивать быстрее и легче, чем текст, поэтому Pinterest и Изображения Google в какой-то мере преуспевают с бесконечной прокруткой.Однако в сети есть миллиарды изображений, и пользователи предпочли бы видеть только лучшие из них. Есть что сказать об эксклюзивности, которой, похоже, не хватает макету Pinterest.

Ограничение количества изображений на главной странице Pinterest с помощью списка «Выбор редакции» или «Самые популярные» может сделать сайт более привлекательным. Насколько эксклюзивной может быть булавка, когда рядом с ней находится масса других похожих булавок?

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

Когда выигрывает удобство использования

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

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

Twitter — не единственный. Discourse, развивающаяся дискуссионная платформа, также имеет бесконечную прокрутку, которая расширяет возможности пользователя. Компания учла важность бесконечной прокрутки для пользовательского опыта и внедрила интригующий и уникальный индикатор прогресса. Индикатор появляется при необходимости и остается на виду (не мешая), пока пользователь читает содержимое. Индикатор нумерует просматриваемый в данный момент элемент из общего числа элементов. Это отличный способ дать пользователю почувствовать, что все под контролем, даже с большим объемом данных.

Go Hybrid

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

Поскольку бесконечная прокрутка требует, чтобы веб-сайт загружал так много контента, гибридное решение иногда используется для управления загрузкой данных. В новостной ленте Facebook и поиске изображений Google бесконечная прокрутка сначала выполняется автоматически, но становится необходимой после загрузки определенного количества элементов. Это поддерживает интерфейс, ограничивая нагрузку на сервер.

Infinite Pages

Бесконечные страницы выводят концепцию бесконечной прокрутки на новый уровень.Веб-сайты, использующие эту концепцию, являются «одностраничными». Чтобы убрать барьер перехода на следующую страницу, дизайнер превращает весь сайт в одну длинную прокручиваемую страницу. Примерами являются ярмарки «Раскрытый мир» и «Затерянный мир».

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

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

Инженеры UX должны проявлять особую осторожность при проектировании бесконечных страниц. Они должны учитывать доступность; Сообщите пользователям, где они находятся, показывая длину страницы и количество просмотров. Решения могут включать фиксированное меню, карту страницы или полосу прокрутки.

Еще одна уловка — эффект параллакса, при котором разные слои на странице перемещаются с разной скоростью в соответствии с прокруткой пользователя, создавая иллюзию глубины (как показано на веб-сайте Эндрю Маккарти).Хотя это может помочь создать красивый и инновационный опыт, иногда сильно злоупотребляют , и пользователи могут запутаться, сколько им нужно прокручивать, чтобы получить больше контента. Когда эффект параллакса сочетается с анимацией, пользователь может запутаться в том, прокручивается ли страница при их перемещении или перемещается автономно. Целесообразно использовать эту технику для улучшения содержания, а не само содержание.

Давайте приступим к делу

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

Избегайте следующих провалов для достижения сильной бесконечной прокрутки:

• Пользователи хотят немедленного доступа к эксклюзивным данным. . Пользователи не хотят, чтобы их оставляли изучать все данные веб-сайта самостоятельно. При реализации бесконечной прокрутки определите, какие данные являются эксклюзивными для вашего веб-сайта, поднимите их в верхнюю часть страницы и отфильтруйте менее релевантную информацию.
• Пользователи хотят чувствовать все под контролем.. Бесконечная прокрутка саботирует это чувство контроля. Добавьте умный индикатор прогресса, фиксированное меню или карту.
• Пользователи часто ищут ориентиры при прокрутке. . Просматривая длинные списки, пользователи ожидают, что смогут легко различать новые и просмотренные данные. Добавьте ориентиры вдоль интерфейса, чтобы пользователи могли ориентироваться.
• Рассмотрите обычную разбивку на страницы или гибридное решение. . Старая добрая разбивка на страницы — всегда альтернатива бесконечной прокрутке.А если это не соответствует контексту, то гибридное решение, использующее кнопку «Загрузить еще», могло бы значительно улучшить интерфейс.
• Предоставляйте интересный контент без неоднозначного интерфейса. . Необходимость перемещаться по бесконечному списку логична только в том случае, если пользователь оставляет чувство, что это того стоило.
• Пользователи часто ожидают нижнего колонтитула. . Если информация о нижнем колонтитуле является функциональной для интерфейса, она должна отображаться внизу страницы. Фиксированный нижний колонтитул обычно подходит для бесконечной прокрутки.
• Бесконечный список по-прежнему остается списком. . Бесконечная прокрутка по-прежнему должна соответствовать общим стандартам интерфейса. Независимо от того, отводят ли пользователи глаза от экрана на мгновение или щелкают ссылку, а затем нажимают «Назад», они ожидают, что вернутся к той точке, где они остановились. Каким бы ни был ваш интерфейс, убедитесь, что он соответствует ожиданиям пользователей.
• Эффекты — это хорошо, но не обязательно. . Многие интерфейсы с бесконечной прокруткой имеют различные эффекты для отображения большего количества данных (будь то вставка нового содержимого или другой метод).Помните, что не следует сосредотачиваться больше на эффектах, чем на представлении данных наиболее эффективным способом.

Используйте это правильно

Пользователи ориентированы на достижение цели и находят удовлетворение, достигнув конца своего исследования. Чтобы это было эффективно, необходимо учитывать это при бесконечной прокрутке. На самом деле нет ничего бесконечного , даже эти списки с бесконечной прокруткой, которые мы рассмотрели. Пользователи всегда должны знать, где они находятся, даже если загрузка контента еще не завершена. Они должны знать общий объем данных и уметь легко перемещаться по списку.Бесконечная прокрутка должна быть реализована наилучшим образом, чтобы пользователи всегда могли найти свой путь.

Стоит ли иметь веб-сайт с бесконечной прокруткой? Плюсы и минусы | Маркетинг

Техника бесконечной прокрутки позволяет пользователям прокручивать страницу, даже не доходя до конца страницы. Вместо этого новый контент загружается по мере того, как пользователь прокручивает страницу вниз. Такие сайты, как Facebook, Twitter и Pinterest, добавили на карту бесконечную прокрутку. Однако для большинства веб-сайтов разбивка на страницы имеет больше смысла, даже если ваша CMS способна создавать веб-сайты с бесконечной прокруткой.

Итак, веб-сайты с бесконечной прокруткой — это хорошо или плохо? Ответ, как и ответ на многие вопросы разработчиков, — «это зависит от обстоятельств». Как заявляет группа Nielsen Norman, «бесконечная прокрутка подходит не для каждого веб-сайта».

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

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

Определенные типы веб-сайтов лучше подходят для бесконечной прокрутки, чем другие.Веб-сайты, которые больше ориентированы на открытие, то есть пользователь просто просматривает и не ищет ничего конкретного, могут быть хорошими кандидатами для бесконечной прокрутки. К ним относятся страницы в социальных сетях (как указано выше), страницы с фотографиями, блоги и новостные сайты.

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

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

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

Плюсы бесконечной прокрутки

Поддерживает заинтересованность пользователей

Главное преимущество веб-сайта с бесконечной прокруткой заключается в том, что он удерживает пользователей на странице. На таких веб-сайтах, как Pinterest, Twitter и Facebook, пользователь постоянно вовлечен, потому что есть масса пользовательского контента, который нужно прокручивать. Пользователь может легко прокручивать, обновлять и получать новый контент.

Идеально для мобильных

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

Возможные рекламные места

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

Минусы бесконечной прокрутки

Это не очень хорошо для SEO

Вы можете подумать, что удержание пользователей на одной странице было бы хорошо для SEO, но этот профи не перевешивает тот факт, что Google будет сканировать только вашу одну страницу и не будет прокручивать вниз, когда она настроена с бесконечной прокруткой. Это означает, что ботам не хватает тонны контента. На странице с бесконечной прокруткой будет сложно ранжироваться по конкретным запросам. В этой статье от Google Webmasters есть несколько советов по максимальному увеличению SEO на странице с бесконечной прокруткой.

Нет доступа

Пользователям с ограниченными физическими возможностями сложно перемещаться по страницам с бесконечной прокруткой. Трудно найти конкретный контент или перейти от одной темы к другой. Согласно Бюро доступности Интернета, «визуальные, звуковые и мобильные препятствия не должны быть препятствием для понимания». Обязательно ознакомьтесь с последними обновлениями Руководства по обеспечению доступности веб-контента (WCAG), прежде чем решать, имеет ли смысл бесконечная прокрутка на вашей веб-странице.

Может иметь длительное время загрузки

Возможно, самым большим недостатком с точки зрения UX является то, что веб-сайты с бесконечной прокруткой могут иметь чрезвычайно долгое время загрузки. Это может происходить в конце разработки. Он также может исходить от пользователя. На некоторых устройствах просто не хватает места для быстрой загрузки всех ресурсов на странице с бесконечной прокруткой. В любом случае конечный результат один и тот же — пользователи не остаются без дела.

Итог: стоит ли создавать веб-сайт с бесконечной прокруткой?

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

Пора убить бесконечную прокрутку

Когда бесконечная прокрутка была впервые представлена ​​в издательских компаниях СМИ, бутылки с просекко лопнули на каждом этаже офиса, поскольку новый UX был развернут по всей компании.Я знаю это, потому что был там: до 2015 года я работал в Hearst UK, издателе таких изданий, как Cosmopolitan UK.

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

Бесконечный свиток: враг внимания охватывает

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

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

Изображение и анимация Пабло Стэнли

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

Почему мы беспокоимся о бесконечной прокрутке?

Если мы узнали что-либо о новостях и экосистемах «контента» за последние пять лет, так это то, что сайты, которые максимально используют время на сайте и просмотры страниц, не создают наиболее полезный контент (см .: любой сайт, продвигаемый с помощью Taboola / Outbrain виджет).

Полагаться на необработанные просмотры страниц работает несколько лет. В конце концов, однако, отсутствие стабильной аудитории настигает, и эти публикации борются или становятся тенью самих себя (см. Mic.com и Babe.Net). Так почему же сайты по-прежнему рассчитаны на эти показатели?

Подскажите, кто эти виджеты Taboola для

«Бесконечная прокрутка всегда казалась решением, ожидающим ответа», — говорит мне Джон *, управляющий директор, проработавший несколько лет в Hearst and News UK. «Когда появилась бесконечная прокрутка, на сайтах увеличилось время нахождения на странице, но действительно ли это приравнивается к чему-то ценному? Традиционно на сайтах всегда есть нижний колонтитул, где можно найти [такие вещи, как] контакты, справка по которым внезапно исчезла.Что, если бесконечные скроллеры просто ищут это? Я ненавижу это.»

Переход от бесконечной прокрутки к алгоритму к….?

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

В частности, в 2016 году Instagram (возможно, одна из ключевых платформ, которая убеждает издателей перейти на бесконечную прокрутку после того, как они доказали, что это работает для них) перешла на более персонализированный канал с переходом от хронологического к алгоритмическому.Это было встречено пользователями с абсолютной тревогой.

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

«Есть некоторые свидетельства того, что, хотя персонализированный опыт приветствуется, мы все еще беспокоимся о том, что где-то упускаем какой-то отличный контент.”

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

Похоже, мы все отчаянно нуждались в возвращении бесконечной прокрутки, но Instagram продолжал вносить изменения в персонализацию, и платформа сообщила о среднем времени прокрутки в приложении примерно 30 млн. Через два года и более 500 млн активных пользователей в Stories в этом году. .

Но мы снова совершили ту же ошибку. Имеют ли эти показатели реальную ценность? Или они ложно раздуваются, поскольку пользователи фактически отключаются, тупо проводя пальцами по экрану, чтобы убедиться, что они все еще знают обо всем Интернете? Разве мы не повторяем то, что произошло с первым поколением бесконечного свитка?

«Я должен верить, что контекстное представление единственной ценной ссылки в долгосрочной перспективе лучше, чем выдвижение отчаянных поведенческих списков хрени перед пользователями», — говорит мне бывший коллега по СМИ (и да, я тоже хотел бы в это ), но будет ли?

Формируя будущее бесконечной прокрутки

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

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

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

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

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

«Метрики и бизнес-модели, поддерживаемые бесконечной прокруткой, больше не являются лучшим выбором для издателей в 2019 году — и, смею сказать, вредны для общества».

Мы больше не можем оставлять это машинам. А поскольку медийная реклама становится все меньше, разумным вариантом здесь будет попросить пользователей платить за контент, что должно уменьшить потребность в бесчисленных статьях для увеличения количества просмотров страниц или времени пребывания на сайте, которые сейчас обесцениваются. В конце концов, за что бы вы предпочли заплатить? Подлинно организованная человеческая связь? Или бесконечный кладезь контента?

«Я думаю, мы увидим движение к опыту, основанному на механизмах принятия решений, где все, что есть на веб-сайте, является компонентом, а то, что кто-то видит, основано на совокупности решений, принятых людьми и компьютерами, причем никто не обязательно владеет всей панелью просмотра », — говорит Джон.«Хотя для этого потребуется, чтобы UX-разработчики, основанные на дизайне, немного отступили, и потребовалось немного смелости, чтобы их реализовать. Не отличается от Global Experience Language ».

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

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

* Некоторые имена изменены.

Хотите узнать больше о технологиях, вызывающих привыкание?

Бесконечная прокрутка: плюсы и минусы

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

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

Что такое бесконечная прокрутка?

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

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

Бесконечная прокрутка — еще один популярный метод дизайна, при котором контент продолжает заполнять нижнюю часть экрана, когда пользователь прокручивает страницу вниз.В результате получается «бесконечный» поток контента, который продолжает расти вместе с действиями пользователя. У него нет отдельной (или какой-либо) остановки или конечной точки. Распространенными примерами бесконечной прокрутки в действии являются популярные социальные сети Facebook, Twitter и Pinterest. Каждый из этих сайтов использует эту технику бесконечной прокрутки, чтобы информация попадала в каналы, поэтому у сайтов нет конца.

Pro: удержание пользователей

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

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

Con: потерянная информация о нижнем колонтитуле

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

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

Pro: отлично подходит для мобильных и сенсорных устройств

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

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

Con: навигация и связывание могут стать беспорядочными

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

Где живет навигация? Вариант здесь — липкая концепция.Но как он связан с другим контентом? Каковы схемы ссылок и потоков в карте сайта? Если все находится на одной гигантской странице, это может быть непросто.

Он также может затруднить создание закладок и переход между ними. Знание того, что эти пользователи сохраняют и пропускают информацию, — это то, что вам нужно учитывать при разработке сайта. Одна альтернатива — закодировать «страницы» в технике прокрутки, чтобы информация каким-то образом сгруппировалась.

Pro: Создано для визуализации

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

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

Сайты, которые наиболее часто (и лучше всего) используют бесконечную прокрутку, — это те, которые содержат очень визуальный контент.Дизайн и фотопортфолио, а также контент сайтов обмена фотографиями являются обычным явлением. Другой распространенный контент — это агрегирование, такое как Tumblr (который также имеет тенденцию быть визуальным) и некоторая электронная коммерция.

Con: отслеживание аналитики жестче

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

Это также вызывает некоторые проблемы с поисковой оптимизацией.Есть способы решить проблемы с SEO, но вы должны принять это во внимание. У Google есть руководство, как сделать эти приложения доступными для поисковых роботов в наборе инструментов для веб-мастеров.

Pro: упрощает просмотр

Каждый пользователь умеет прокручивать. Это так просто.

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

Con: время загрузки и проблемы со сбоями

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

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

Pro: открывает дверь к творчеству

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

Подумайте, как этот метод может работать в сотрудничестве с вашим контентом и другими частями дизайна вашего веб-сайта.Может ли бесконечная прокрутка работать на одной странице большого веб-сайта? Это способ рассказать уникальную историю в сочетании с другими эффектами? Подумайте, как этот метод помогает вашему контенту (и помогает ли он вашему контенту), прежде чем приступить к его использованию.

Con: тот же старый дизайн

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

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

Заключение

Использовать или не использовать бесконечную прокрутку в ваших проектах может быть важным решением. Это модно и весело, и у него есть ряд явных плюсов, но он также может создавать проблемы для дизайнеров и пользователей. Перед тем, как начать, стоит взвесить все «за» и «против», поэтому вот краткий контрольный список стиля!

Плюсы

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

Минусы

• Утерянная информация в нижнем колонтитуле
• Навигация и связывание могут стать беспорядочными
• Отслеживание аналитики сложнее
• Время загрузки и проблемы сбоя
• Тот же старый дизайн

Доступна ли бесконечная прокрутка?

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

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

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

Влияние на доступность веб-сайта

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

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

Бесконечная прокрутка также представляет несколько трудностей для пользователей с ограниченными физическими возможностями:

• Невозможность быстрой навигации по содержимому страницы: Сайты с новостными лентами, обеспечивающими бесконечную прокрутку, могут быть заполнены дополнительными ссылками, вынуждая пользователей перемещаться по активным элементам для каждой ленты, что затрудняет эффективную навигацию.
• Сложность поиска контента: Программы чтения с экрана могут не отображать контент, который перемещается за пределы экрана при прокрутке вниз, поэтому у пользователей программ чтения с экрана могут возникнуть трудности с поиском контента с помощью функций поиска своего устройства чтения или нажатия клавиш навигации.
• Невозможность добраться до конца страницы: По мере того, как пользователю предоставляется непрерывный контент, пользователи вспомогательного оборудования сталкиваются с проблемой добраться до конца страницы. Например, клавиатурная команда CTRL + End в большинстве случаев не работает должным образом.
• Невозможность доступа к содержимому нижнего колонтитула: Поскольку добраться до конца страницы становится сложно, пользователям вспомогательных технологий трудно определить и перейти к нижнему колонтитулу.

Варианты улучшения доступности?

Один из вариантов — ограничить автоматическую бесконечную прокрутку с помощью кнопки типа «загрузить больше результатов» или ссылки, которая явно предлагает пользователю добавить дополнительный контент. Затем это действие может быть прочитано программой чтения с экрана или на него можно будет ответить клавиатурной командой.

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

Почему я ненавижу бесконечную прокрутку!

В настоящее время на многих веб-сайтах и ​​блогах реализована так называемая бесконечная или бесконечная прокрутка.

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

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

Вот обычный сценарий … вы заходите в блог, и вас интересуют несколько сообщений, и вы задаетесь вопросом, сколько сообщений в этом блоге. В бесконечной прокрутке…нет никакого способа узнать, сколько сообщений или статей в указанном блоге. Итак, вы начинаете прокручивать, прокручивать, прокручивать и прокручивать … да, вы видите так много информации, но для таких любопытных, как я … разве вы не хотели бы знать, где заканчивается эта прокрутка? Сколько еще постов или статей здесь меня могут заинтересовать? Итак, вы продолжаете прокрутку только для того, чтобы узнать, что вы уже потратили впустую около 5 минут, а полоса прокрутки теперь равна четверти дюйма … Разочарован, конечно, из-за того, что не удовлетворил собственное любопытство…Или если вы случайно откроете один пост … вы вернетесь на круги своя, потому что бесконечная прокрутка не запомнит, где вы были в последний раз.

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

Итак, какое решение?

Для блога укажите номера страниц (нумерацию страниц). Это позволит пользователю узнать, сколько там страниц и сколько сообщений… Я могу просто перейти со страницы 1 на страницу 2 или полностью перейти к первому когда-либо созданному сообщению. Как пользователь я буду чувствовать, что все под контролем … плюс я могу легко сохранить эту конкретную страницу и вернуться к ней позже … то, что невозможно при бесконечной прокрутке.

Хватит работать в Интернете с бесконечной прокруткой! Они ужасны для пользователя.

Можете ли вы представить себе, что у Google была бесконечная прокрутка? Это было бы ужасно! … Им лучше знать, поэтому они показывают вам страницы внизу поиска…чтобы дать вам представление о том, сколько там страниц. И тем самым они экономят вам так много времени … потому что средний пользователь обычно доволен результатами на первой странице.

Это моя напыщенная речь!

Это помогает или вредит вашему бизнесу?

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

В попытке привлечь внимание масс, как и в случае с тенденцией параллаксной прокрутки, многие сайты присоединились к бесконечной прокрутке. Такая прокрутка существует уже несколько лет, но недавно она оказалась успешной на нескольких чрезвычайно популярных сайтах социальных сетей, таких как Facebook, Twitter и Instagram. Однако то, что для этих веб-сайтов работает бесконечная прокрутка, не означает, что она будет работать и для вас.Хотя бесконечная прокрутка может быть полезна для некоторых задач, она может препятствовать достижению целей многих веб-сайтов.

Что такое бесконечная прокрутка?

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

Бесконечная прокрутка: дойдем до конца [Источник изображения]

Плюсы бесконечной прокрутки

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

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

Следующие потенциально положительные особенности бесконечной прокрутки:

• Сохранение пользователей — Одна из лучших особенностей бесконечной прокрутки заключается в том, что она имеет тенденцию быстро привлекать пользователей.Это также побуждает их оставаться на странице, поскольку нет очевидного конца для контента, который будет отображаться, когда пользователи прокручивают страницу вниз. Пользователи могут легко попасть в бесконечную прокрутку, что подтвердит большинство пользователей социальных сетей.
• Простота навигации / удобства использования — Это буквально простая задача. Прокрутка теперь стала общепризнанной деятельностью, и для ее выполнения не требуются мысли или усилия. Пользователи могут сразу и легко получить доступ к основному контенту.
• Подходит для визуальных элементов и мобильных пользователей — Бесконечная прокрутка — хороший способ предоставить обзор множества простых визуальных элементов.Он также лучше всего работает на мобильных устройствах, где прокрутка одним пальцем является самой простой формой навигации.

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

причин избегать бесконечной прокрутки

Некоторым веб-сайтам лучше вообще избегать бесконечной прокрутки:

• Сайты электронной торговли — Эти сайты получают выгоду от того, что пользователи могут легко находить и сравнивать товары в соответствии с различными функциями.Сайты, ориентированные на продажи, выигрывают от простых и точных инструментов навигации. Если цель вашей компании — продажи, держитесь подальше от бесконечной прокрутки. Обратите внимание на чистый, удобный для навигации дизайн сайта стилуса Pencil, который подчеркивает ограниченные возможности, чтобы потребители могли сосредоточиться на покупке:
  
• Любой сайт, на котором пользователи должны искать определенные продукты и услуги. — Когда пользователи выполняют поиск на сайте с бесконечной прокруткой, они сталкиваются с бесконечными вариантами. Это не всегда идеально для людей с особыми потребностями.Наличие слишком большого количества вариантов перед конкретным запросом, вероятно, заставит пользователей искать в другом месте.
• Сайты, контент которых предназначен для использования в течение более длительного периода — Новостные сайты, журналы, журналы и любые другие сайты, на которых необходимо углубленно читать статьи, не получают преимуществ от бесконечной прокрутки. Бесконечная загрузка контента может ошеломить пользователей, которые затем отключатся, а не останутся на сайте.
• Сложность возврата к определенным элементам — Одна из главных причин не запрыгнуть на повод для бесконечной прокрутки заключается в том, что бесконечная прокрутка затрудняет поиск определенного элемента во второй раз.Это особенно пагубно для сайтов электронной коммерции. Бесконечная прокрутка может сделать практически невозможным создание закладок для элементов, так как обычно она не обеспечивает фиксированного местоположения.
  Многие пользователи Pinterest испытали это разочарование, когда уходили со своего канала Pinterest и возвращались только для того, чтобы обнаружить, что весь канал отличается, и они не могут найти пин, который был там всего несколько минут назад.
• Вредит поисковой оптимизации — Одна из наиболее обсуждаемых проблем с бесконечной прокруткой — это ее тенденция отрицательно влиять на SEO.Страницы, которые используют бесконечную прокрутку, по сути, представляют собой одну страницу, что уменьшает количество доступного для поиска контента. Кроме того, страницы с бесконечной прокруткой имеют только одно метаописание. По этим причинам бесконечная прокрутка может исключить релевантную информацию о вашем сайте.
• Проблемы с удобством использования — Некоторые функции сайта полностью несовместимы с бесконечной прокруткой. Любой сайт, на котором есть нижний колонтитул, должен избегать его любой ценой. Пользователи будут прокручивать страницу вниз, пытаясь получить доступ к этому контенту, но из-за бесконечной прокрутки они никогда не смогут наверстать упущенное.Это вызывает разочарование у пользователей, и они вряд ли останутся на вашем сайте.
• Пользователи не могут отказаться. — В настоящее время страницы с бесконечной прокруткой не соответствуют предпочтениям пользователей, потому что у них нет возможности отказаться. Если пользователь предпочел бы пропустить некоторые элементы, у него нет такой возможности. Это расстраивает некоторых пользователей, которые предпочли бы просматривать контент более ограниченным образом.

UX с бесконечной прокруткой [Источник изображения]

Лучшие Лрактики

Если вы все же решите использовать бесконечную прокрутку на своем веб-сайте, несколько приемов могут улучшить взаимодействие с пользователем:

• Создание плана резервного копирования — Поскольку бесконечная прокрутка зависит от JavaScript, некоторые пользователи не смогут получить доступ к сайту.Дизайнеры могут спланировать эту возможность, создав контент сайта с разбивкой на страницы.
• Сохранение видимости навигационных функций — Если пользователям нужно прокрутить бесконечный поток сообщений для перехода на другие страницы, они, вероятно, не будут беспокоиться. Кроме того, функции браузера должны быть понятными и доступными.
• Не используйте полосу прокрутки — Если вы выбираете бесконечную прокрутку, не комбинируйте ее с полосой прокрутки, которая, как утверждается, показывает пользователям, сколько контента осталось на странице.Это вводит в заблуждение и расстраивает пользователей, которые считают, что они почти в конце страницы, только чтобы узнать, что контент продолжает загружаться.
• Предоставить информацию о загрузке — Если пользователи зайдут в тупик на предположительно бесконечном потоке контента, они могут запутаться. Лучше всего включить значок загрузки, чтобы они знали, что скоро будет больше контента.

Выбирайте с умом

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