Load more: czy to wygodny sposób ładowania treści na stronie?

Load more: czy to wygodny sposób ładowania treści? Blob

Właściciele dużych sklepów online podczas projektowania strony muszą podjąć decyzję dotyczącą między innymi sposobu ładowania elementów. Jedną z metod jest przycisk Load more, czyli Wczytaj więcej. To trzeci – obok tradycyjnej paginacji oraz infinite scroll – sposób kreowania doświadczenia użytkownika podczas przeglądania obszernych stron.

Czy Load more button to wygodny sposób ładowania treści? Czy może pozostałe mają nad nim przewagę? Sprawdź, czym wyróżnia się ten typ nawigacji, jeśli stoisz przed wyborem na swojej stronie firmowej lub w sklepie internetowym.

Czym różni się load more button od paginacji i infinite scroll?

Load more, znany również jako Wczytaj więcej lub Pokaż więcej, to technika dynamicznego ładowania elementów na stronie internetowej.

W przeciwieństwie do tradycyjnej paginacji, gdzie treść jest podzielona na strony, Load more pozwala użytkownikowi na wczytanie kolejnych elementów bez konieczności przechodzenia na nową stronę. Jest to możliwe dzięki zastosowaniu specjalnego przycisku, który po kliknięciu pobiera i wyświetla kolejną porcję treści.

Paginacja klasyczna wykorzystuje tradycyjne stronicowanie. Aby załadować dodatkowe elementy, musisz kliknąć w kolejny numer strony, strzałkę lub inny symbol. Tym samym przenosisz się na nową podstronę. Ma to swoje zalety i wady. Zaletą jest łatwa nawigacja po stronie użytkownika, a wadą kwestia indeksowania takich stron (ze względu na potencjalne zagrożenie zjawiskiem duplicate content).

Infinite scroll z kolei zakłada bardzo dynamiczne ładowanie treści bez konieczności klikania w jakikolwiek przycisk. W tym przypadku również obserwuje się wady i zalety rozwiązania. Zaletą jest płynne pobieranie treści, a do wad należy np. „uciekający” footer czy możliwe problemy z wydajnym ładowaniem.

Load more button, podobnie jak infinite scroll, jest dynamicznym sposobem ładowania, ale jednak wymaga pewnej aktywności po stronie użytkownika, tak jak paginacja.

Wczytaj więcej a paginacja i infinite scroll

Jak działa load more button?

Jeśli chcesz, by na Twojej stronie pojawił się przycisk Wczytaj więcej, musisz wykorzystać skrypt AJAX load more. AJAX, czyli Asynchronous JavaScript and XML, to skrypt odpowiadający za przekazywanie żądania na serwer, dzięki czemu ładują się kolejne treści po kliknięciu przycisku.

Takie rozwiązanie pozwala na załadowanie dalszego ciągu treści i wyświetlenie ich bez przechodzenia na kolejną stronę.

Klikanie przycisku może być powtarzalne, jeśli treści jest bardzo dużo i trzeba je kilka razy ładować.

Gdzie sprawdza się przycisk Wczytaj więcej?

Load more button to rozwiązanie, które najczęściej widzi się w dużych sklepach internetowych lub na blogach.

Przycisk Wczytaj więcej wykorzystuje np. IKEA:

IKEA przycisk load more
Źródło: ikea.com

Nie zawsze tak to wygląda, ale IKEA oprócz samego przycisku wykorzystuje też informację o liczbie wyświetlanych elementów. Dzięki temu użytkownik widzi, ile treści przejrzał, i ile zostało mu jeszcze do obejrzenia.

Podobnie na stronie sklepu H&M:

Źródło: hm.com

W tym przypadku dodatkowo z prawej strony zauważysz strzałkę, która pozwala na szybkie przeniesienie się na górę strony. Dzięki temu, jeśli użytkownik będzie chciał zajrzeć do innej kategorii produktów, zrobi to wygodnie dzięki jednemu kliknięciu strzałki.

Load more a doświadczenie użytkownika

Oczywiście zostały przeprowadzone badania wśród aktywnych użytkowników internetu, jak korzysta im się z różnych rodzajów ładowania treści. Wyniki takich badań opublikował kiedyś np. serwis Smash Magazine.

Najpopularniejsze rozwiązanie, czyli tradycyjna paginacja, wcale nie jest ulubionym typem ładowania. Właśnie Load more w połączeniu z lazy loading wygrywa w tej konkurencji.

Czym jest lazy loading? Strona ładuje te treści, które są w danym momencie widoczne dla użytkownika.

Uznano Wczytaj więcej za najbardziej przyjazne użytkownikowi rozwiązanie na stronie internetowej. Nie wymaga decyzji, do której strony przeglądający chce się przenieść. Ale też nie ładuje się samodzielnie, odsuwając stopkę na dalszy plan. W zamian daje możliwość rozwinięcia treści lub nie. Z punktu widzenia UX to korzystny sposób wyświetlania elementów na stronie.

Zbadano, że użytkownik rozwiązania Load more zazwyczaj przegląda więcej treści, niż gdyby korzystał z klasycznej paginacji bądź nieskończonego przewijania.

Myślę, że warto jeszcze wspomnieć o tym, jak ma się Load more do nawigacji na stronie z punktu widzenia użytkownika. W kwestii user experience jest to jeden z bardziej istotnych aspektów tematu.

Źle wdrożony przycisk Load more może nieco namieszać w nawigacji. Dlatego podczas wprowadzania tego rozwiązania, np. w sklepie online, należy zadbać, by użytkownik po wejściu do karty produktu i powrocie do listy, wrócił do tego miejsca, na którym zakończył przeglądanie.

Zalety i wady rozwiązania typu Wczytaj więcej

Load more button, podobnie jak pozostałe metody ładowania treści, ma swoje plusy i minusy. Zobacz, za co lubimy to rozwiązanie i za czym nie przepadamy jako użytkownicy.

Zalety przycisku Wczytaj więcej:

  • Przycisk Wczytaj więcej ułatwia nawigację, bo „porcjuje” treści na stronie. Użytkownik rozwija treści z własnej woli, gdy natrafia na button. Dzięki temu świadomie podejmuje decyzję, czy chce przeglądać dalej.
  • Load more nie prowadzi użytkownika na nową stronę, tylko wyświetla na tej samej stronie dalszy ciąg treści. Dlatego przeglądający może w każdej chwili wygodnie przenieść się na początek listy, nie przeklikując stron.
  • Pojawienie się przycisku sprawia, że stopka jest łatwiej osiągalna i widoczna dla użytkownika niż w rozwiązaniu infinite scroll.

Wady przycisku Wczytaj więcej:

  • Kłopoty z nawigacją. W klasycznej paginacji użytkownik łatwiej orientuje się, w jakim miejscu (tzn. na której stronie paginacji) widział np. interesujący go produkt. W rozwiązaniu Wczytaj więcej, podobnie jak w infinite scroll, łatwiej „zgubić” interesujące treści.
  • Wyświetlanie coraz większej ilości danych dzięki Load more sprawia, że mogą pojawić się problemy z wydajnością strony. Nie jest to najlepsze rozwiązanie w przypadku stron z bardzo dużą liczbą elementów lub słabą optymalizacją.

Podsumowanie

Można powiedzieć, że Load more to kompromis między tradycyjną paginacją a infinite scroll. Podobnie jak nieskończone przewijanie jest rozwiązaniem dynamicznym, ale podobnie jak klasyczne stronicowanie, wymaga aktywności użytkownika podczas przeglądania treści.

Które rozwiązanie jest według Ciebie najbardziej optymalne ze względu na użytkownika? A jaki typ wyświetlania treści masz w swoim sklepie internetowym? Sposób ładowania treści wpływa na komfort użytkownika, czyli Twojego potencjalnego klienta, a także na SEO,czyli np. pozycjonowanie sklepu internetowego, (co to jest SEO? – sprawdź). Skontaktuj się z nami, a podamy Ci najlepsze rozwiązania dla Twojego biznesu.

Opublikowano w Blog SEO: , aktualizacja: