Пагинация дизайн


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

Рішення про те, як буде представлятися користувачам сайту великий масив даних, впливає і на загальний рівень юзабіліті сайту, і на SEO-показники. Тому подібному питання важливо приділити удосталь уваги, для чого корисно порівняти основні переваги й недоліки кожного з двох названих підходів.

Нескінченний скролінг

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

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

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

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

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

Третій основний мінус нескінченного скролінгу — зниження продуктивності сторінки й підвищене споживання ресурсів пристрою (у першу чергу це стосується мобільних пристроїв). Під час нескінченного скролінгу дані завантажуються на одній і тій же сторінці, і в якийсь момент кількість їхня стає настільки великою, що браузеру пристрою потрібно набагато більше часу на обробку, ніж при завантаженні звичайної сторінки. Унаслідок цього сайт починає відчутно "гальмувати", а це провокує зростання показника відмов.

Пагінація на сайті

Пагінація — це класичний варіант розбиття контенту на сторінки у веб-дизайні. При пагінації для кожної сторінки генерується власний URL, а контент завантажується після здійснення цільової дії, наприклад, натискання на кнопку "Далі" або на порядковий номер сторінки. Типовий приклад використання пагінації — це посторінкова розбивка категорій товарів в інтернет-магазинах.

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

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

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

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

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

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

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

Теги:
веб-дизайн, нескінченний скролінг для сайту, пагінація на сайті

Источник: http://webstudio2u.net/ua/design-web/889-paginatsiya-ili-beskonechniy-skrolling-dlya-saita.html



Рекомендуем посмотреть ещё:


Закрыть ... [X]

Что работает лучше: бесконечный скролл, пагинация или кнопка
Душевой поддон стильныйДизайн кухонь с балконной дверью фотоКартина в коричневом интерьереШторы дон декорДизайн визитки дизайн интерьера


Пагинация дизайн Пагинация дизайн Пагинация дизайн Пагинация дизайн Пагинация дизайн Пагинация дизайн