👋 Hej

Load more czy też pokaż więcej, to kontrolka, która pozwala użytkownikom na ładowanie większej liczby wyników na stronie. Jest świetnym zamiennikiem tradycyjnego oznaczenia paginacji. O tym kiedy stosować paginację, a kiedy load more, pisałem w ebooku przeprojektowani.

Dzisiaj chciałbym się skupić na tym, jak możesz za pomocą małych detali ulepszyć nieco tradycyjne load more. Będzie to mały szczegół, ale zawsze powtarzam, to detale tworzą dobry projekt.

👉 Jak robi to Ikea?

Za przykład posłuży nam sklep Ikea. Gdy przejdziesz do kategorii produktów, Ikea zamiast podziału na podstrony 1,2,3,4... zastosowała przycisk load more, co pozwoli Ci zobaczyć setki produktów będąc cały czas na jednej stronie.

➡️ Jednak to co wyróżnia load more w Ikei, to zastosowanie dwóch detali. Dzięki nim, od razu widzisz rozmiar danych wyjściowych oraz proces postępu, na którym obecnie jesteś. Mówię tutaj o widocznych liczbach "Pokaż 10 ze 100 wyników" oraz widocznym pasku postępu.

➡️ Pasek ten jest informacją, która pozwala użytkownikom zrozumieć rozmiar wyników. Można to trochę przyrównać do oznaczenia w paginacji: "jesteś aktualnie na 3 stronie".

I to już?

👉 Czy to zadziała wszędzie?

Chcesz otrzymywać dwa razy więcej treści, linków, narzędzi, inspiracji? Sięgnij po newsletter premium.

products.ls.graphics/paaatterns - To zbiór bardzo dobrze zaprojektowanych wzorów do pobrania za free.

overflow.design - Pakiet ilustracji w stylu biurowym.

christmas.wannathis - Darmowy pakiet świątecznych ilustacji 3d.

Szukasz inspiracji na landig page? Ta strona zawiera ogromny zbiór przykładów różnego typu stron docelowych.

Świetne, ociekające kolorami ilustracje. Fajna inspiracja.