Paginacja czy nieskończony scroll? UX bez żargonu #10

Bez względu na to, jaką stronę prowadzisz, serwujesz swoim użytkownikom treści, np. artykuły blogowe, listę produktów, posty na portalu społecznościowym. Co by to nie było, content trzeba w jakiś sposób przeglądać. No właśnie, w jaki najlepiej? Paginacja czy nieskończony scroll?

Jak przedstawiać wielostronicowe treści?

Do wyboru mamy 3 opcje:

  • paginację,
  • nieskończony scroll,
  • doładowanie treści za pomocą przycisku.

Pierwsza, czyli paginacja, to po prostu stronicowanie. Na końcu treści znajdują się przyciski z numerami stron i to ich należy użyć, aby załadować dalszą część contentu.

Druga, czyli nieskończony scroll, w żaden sposób nie angażuje użytkownika. Treści doładowują się automatycznie po tym, jak użytkownik “dojedzie” do końca strony.

Ostatnia opcja to rodzaj hybrydy pozostałych. Doładowanie treści za pomocą przycisku pozornie daje użytkownikowi chwilę oddechu przed załadowaniem contentu. Nie dzieje się to automatycznie – użytkownik musi kliknąć przycisk, aby zobaczyć więcej.

Już na początku warto podkreślić, że nie ma idealnego rozwiązania. Żadna z tych opcji nie jest opcją właściwą lub niewłaściwą – każda ma swoje wady i zalety. Należy wybrać taką, która jest najbardziej odpowiednia w danym przypadku, czyli dopasowana do kontekstu, przeznaczenia oraz naszych oczekiwań co do zachowania użytkownika.

Paginacja strony

Stronicowanie strony daje użytkownikowi wiele kontroli, bo dzięki niej każdy wie, gdzie dokładnie się znajduje. To przydatne np. wtedy, gdy chcemy wrócić do konkretnych treści następnego dnia. Wówczas łatwo je zlokalizujemy za pomocą odpowiedniego numeru strony. Największą zaletą paginacji jest zaś to, że użytkownik zwraca dużą uwagę na treści. Przygląda się im, zapamiętuje, a w przypadku wyników wyszukiwania szuka dodatkowo tego, co najściślej odpowiada danemu zapytaniu.

Stronicowanie strony może być niestety mało praktyczne na mobile. Wynika to z faktu, że przyciski z numerami stron są raczej niewielkie, więc przemieszczanie się pomiędzy stronami może być problematyczne.

Nieskończony scroll na stronie

Nieskończony scroll to przeciwieństwo paginacji. W tym przypadku użytkownik nie zapoznaje się tak dokładnie z treściami, a jest ukierunkowany na ich przeglądanie i szukanie tego, co go interesuje. Pobieżnie przegląda rzeczy i porównuje je ze sobą.

Wadą tego rozwiązania jest niewątpliwie to, że użytkownik nigdy nie wie, w którym miejscu dokładnie się znajduje. Dodatkowo pasek wskazujący lokalizację stale się zmniejsza wraz z doładowaniem kolejnych treści. Nieskończony scroll nie sprzyja więc powrotom do poszukiwań.

Paginacja czy nieskończony scroll? Różnice

Najłatwiejszym sposobem na zrozumienie różnic między paginacją a nieskończonym scrollem jest przyjrzenie się wyszukiwarce Google. Gdy wyszukujemy frazę, wyniki wyświetlają się w formie tekstu, a kolejne możemy zobaczyć po przejściu na następną stronę, czyli korzystając z paginacji. Warto jednak podkreślić, że Google zniechęca w ten sposób do dalszych poszukiwań. Sugeruje użytkownikowi, że już na pierwszej znajdzie to, co go interesuje. To zresztą zwykle prawda.

Nieskończony scroll znajdziemy natomiast w grafice Google. Gdy poszukujemy zdjęć czy ilustracji, kolejne wyniki ładują się tam automatycznie. To ułatwia cały proces i umożliwia skanowanie wyników zamiast ich dokładnego przeglądania.

Przycisk “pokaż więcej”

Przycisk, za pomocą którego możemy zobaczyć więcej treści, sprawdza się najlepiej w sklepach i na portalach. Rozwiązuje on problem dojścia do stopki w przypadku nieskończonego scrolla i jednocześnie wywiera na użytkowniku wrażenie, że przechodzi do następnej strony, chociaż nie musi jej odświeżać. Warto jednak podkreślić, że tekst na takim przycisku powinien być przemyślany. Sugeruję wybór “pokaż więcej”, poniewaz to system ładuje rzeczy, które użytkownik może potem zobaczyć.

Jak poprawnie wdrożyć któreś z rozwiązań?

  • Niezależnie od tego, czy wybierzesz paginację, nieskończony scroll lub przycisk, musisz pamiętać o kilku rzeczach.
  • Zawsze zadbaj o to, aby użytkownik miał możliwość dojścia do linków znajdujących się w stopce. Na stronach z nieskończonym scrollem możesz umieścić je w pasku bocznym lub wdrożyć specjalny przycisk – “zjedź do stopki”.


     
  • Upewnij się, że po powrocie ze strony produktu na listę produktów użytkownik ląduje dokładnie w tym miejscu, w którym zakończył przeglądanie. Dzięki temu unikniesz jego frustracji.
  • Na telefonach komórkowych wyświetlaj mniej pozycji. Przez to, że produkty zajmują więcej miejsca niż na komputerach, tworzy się efekt nigdy niekończącej się strony. Zalecam użycie rozwiązania hybrydowego, czyli doładowania treści za pomocą przycisku.

Prezentację wielostronicowych treści jest ważna, ale pamiętaj, że najpierw trzeba zadbać o poprawne działanie filtrów, sortowania (więcej o tym przeczytasz w artykule: Filtrowanie i sortowanie | UX bez żargonu #2) i obsługi koszyka. Informacje na temat optymalizacji tego ostatniego znajdziesz w następnym artykule, nad którym właśnie pracuję. Udostępniając ten materiał, na pewno umilisz mi pracę. To, co udostępnisz?

Po więcej UX bez żargonu zapraszam też na kanał YouTube Cyrek Digital.