Нескінченний скролінг ефективне рішення абопримха

Даніель Арад, директор з маркетингу та UX-фахівець компаніїWalkMe.com, на прикладах демонструє переваги та недоліки популярного прийому — нескінченного скролінгу.

Уявити велику кількість інформації, наприклад, результати пошукової видачі, посилання, статті або зображення, зручним для користувачів способом може бути доситьскладно.У минулому цю проблему вирішували завдяки надійному механізму пагінації. Однак за минулі кілька років багато сайтів перейшли на нескінченний скролінг. Нескінченний скролінг — це механізм, згідно з яким наступна сторінка з даними автоматично завантажується в міру того, як користувач до кінця прокручує попередній блок.

Іноді цей підхід виявляється дуже ефективним, іноді вкрай невдалим. Ось кілька переваг та недоліків нескінченного скролінгу:

Переваги

  1. Ефективне використання простору екрана.Більше ніяких незграбних кнопок або посилань з номерами сторінок.
  2. Більше інтуїтивний дизайн для сенсорних пристроїв.Прокручування сторінки рухом пальця вгору по екрану - загальноприйнятий в середовищі сенсорних пристроїв прийом. Ця дія вимагає меншої точності, ніж натискання посилання або кнопки.
  3. Велика залучення.З другим пунктом пов'язаний наступний факт: користувачі, незалежно від пристрою, схильні глибше вивчати матеріал, якщо це не вимагає від них особливих зусиль. Якщо вам траплялося втрачати рахунок часу, переглядаючи оновлення на Twitter або Facebook, ви зрозумієте про що мова.

Недоліки

Пам'ятаючи про особливості нескінченного скролінгу, розглянемо два сайти, де, на мою думку, він цілком доречний.

Twitter використовуєнескінченний скролінг для показу оновлень від понад 200 мільйонів активних користувачів. Одна з причин, через яку його використання виправдано, полягає в тому, що об'єкти, що відображаються, невеликі і легко вміщаються у відведені для них контейнери. Крім того, такі контекстні дії, як «Відповісти», «Видалити», «Подобається», доступні при наведенні курсору на контейнер, і користувачеві, що просунувся вперед, не доводиться повертатися назад до твіту.

Twitter наочно демонструє користувачам процес завантаження нового контенту

На Tumblr при завантаженні оновлень футер зникає

Tumblr використовує пагінацію для випадків, коли не працює нескінченний скролінг

Тепер розглянемо випадки, коли нескінченний скролінг недоречний, і дізнаємося, чого можна навчитися з їхньої прикладі.

Пошук зображень Bing

YouTube пропонує нескінченний скролінг, точніше, його подібність. Після кількох завантажень його завдання бере на себе кнопка

Рекомендації

Отже, які висновки можна зробити із усього викладеного матеріалу? Я зібрала разом кілька порад, які допоможуть вам: а) прийняти правильне рішення про те, чи варто використовувати нескінченний скролінг на своєму сайті, та б) як уникнути при цьому згаданих проблем.

Висновок

Нескінченний скролінг у тій чи іншій формі тепер зустрічатиметься нам все частіше. Хоча в багатьох випадках його використання виправдане (особливо це стосується мобільних та сенсорних пристроїв), домогтися гарного юзабіліті тут непросто. Як би там не було, знаючи чужі помилки і дотримуючись вищезгаданих рекомендацій, нескінченний скролінг можна використовувати як засіб, здатний перетворити випадкових відвідувачів на відданих користувачів.