Stronicowanie (paginacja)

Ostatnia aktualizacja: 04.09.2011

Stronicowanie (inaczej paginacja) to funkcjonalność pozwalają podzielić większą liczbę danych na osobne strony. Np. sklep internetowy zamiast wyświetlania listy 200 dostępnych książek może wyświetlać je w porcjach po 20 na 10 stronach.

Kiedy używać?

Stronicowania należy używać zawsze wtedy, gdy użytkownik ma do czynienia z większą liczbą danych, które mogą zostać podzielona na przejrzyste strony. Z takiego rozwiązania korzystają na przykład:

• wyszukiwarki i katalogi internetowe
• sklepy internetowe
• blogi
• serwisy informacyjne
• fora dyskusyjne
• witryny społecznościowe

Dlaczego używać?

Podzielenie większej porcji danych na kolejne strony zwiększa użyteczność serwisu. Przeglądanie jednocześnie np. listy 200 książek byłoby mało użyteczne. Dzięki stronicowaniu dane wyświetlane użytkownikowi są bardziej przejrzyste i łatwiejsze do przeglądania. Dodatkowo strnnicowanie pozwala zmniejszyć obciążenie serwisu.

Jak używać?

W większości przypadków stronicowanie jest tworzone, jako lista kolejnych stron oznaczonych cyframi. Jest umieszczane pod główną treścią danej strony. W wielu przypadkach serwisowi nie zaszkodzi umieszczenie stronicowania także ponad treścią strony. Czyni tak wiele sklepów internetowych.

Stronicowanie musi być łatwo dostrzegalne i wyróżniać się wśród innych elementów serwisu. Wskazane jest używanie dużych liter i cyfr, aby użytkownicy łatwo dostrzegali stronicowanie i mogli z niego wygodnie używać.

Cyfry oznaczające kolejne strony powinny być od siebie wyraźnie oddzielone, aby kliknięcie w każdą z nich nie sprawiało użytkownikom problemu. Sposobem na to jest zastosowanie większych klikalnych obszarów otaczających link w stronicowaniu lub oddzielenie linków przy pomocy jednego ze znaków specjalnych, np. “|”.

W niektórych sytuacjach paginacja nie musi być organizowane według listy stron oznaczonych cyframi. Np. w mikroblogowym serwisie Flaker na dole strony znajduje się link “pokaż więcej”, który odsłania kolejną porcję treści.

Do funkcji stronicowania można dodać także opcję wyboru, jaką liczbę elementów, np. produktów, użytkownik chce widzieć na stronie. W sklepach internetowych przydatna jest również opcja “pokaż wszystkie przedmioty”.

Więcej przykładów

Głodny wiedzy? Przeczytaj na blogu teksty w kategorii projektowanie interakcji.