Dni "powyżej krotnie" się skończyły. Długie przewijanie i nieskończone przewijanie witryn stają się ostatnio coraz bardziej popularne i nie jest przypadkiem, że technika ta dobrze przekłada się na urządzenia mobilne. Zwiększone wykorzystanie ekranów mobilnych zdecydowanie odegrało kluczową rolę w powszechnej akceptacji techniki długiego przewijania: im mniejszy ekran, tym dłuższy zwój.

Długie przewijanie otwiera wiele nowych drzwi dla projektantów. Jednak ten wzór ma swoje wady. Wymaga od projektantów zwrócenia szczególnej uwagi na treść, nawigację i animację.

Oto 5 wskazówek, których należy przestrzegać, aby upewnić się, że długie przewijanie spełnia oczekiwania użytkowników.

1. Zapewnij interesujące treści od samego początku

Pomimo tego, że ludzie zwykle zacznij przewijanie jak tylko załadują się strony, zawartość na górze, widoczna część ekranu jest bardzo ważna. To, co pojawia się u góry strony, tworzy początkowe wrażenie i określa oczekiwanie jakości dla użytkowników. Użytkownicy nie przewijają, ale tylko wtedy, gdy widzą, że to, co widzą po wejściu na stronę, jest wystarczająco obiecujące.

Aby upewnić się, że ludzie będą przewijani, musisz podać treść, która zainteresuje Twoich użytkowników. Dlatego umieszczaj najbardziej atrakcyjne treści w górnym obszarze strony:

  • Podaj interesujące fakty (fakty, które przyciągają odwiedzających i zatrzymują ich uwagę)
  • Użyj angażujących obrazów (użytkownicy zwracają szczególną uwagę na obrazy i zdjęcia, które zawierają istotne informacje)

2. Daj użytkownikom wizualną wskazówkę

Czasami najlepszym sposobem na przewinięcie użytkowników jest bezpośrednie poproszenie ich o zrobienie tego. Po prostu poinformuj użytkowników, że większość treści jest dostępna w części strony widocznej po przewinięciu. Subtelne wizualne wskazówki, takie jak strzałka wskazująca poza ekranem lub tekst "przewijany w dół", mogą informować użytkowników, że większość treści jest dostępna poniżej.

1

Strzałka wskazująca poza ekranem informuje użytkowników, że większość treści zostanie przedstawiona poniżej.

3. Zachowaj widoczność opcji nawigacji w sposób ciągły

Nawigacja jest aspektem strony lub strony użytkownika. Jednym z największych zagrożeń związanych z długim przewijaniem w projekcie jest możliwość dezorientacji użytkownika. Jeśli pasek nawigacyjny traci swoją widoczność, gdy użytkownicy przewijają w dół, będą musieli przewinąć kopię zapasową, gdy znajdą się w głębi strony. Zwykle takie zachowanie dezorientuje i frustruje użytkowników.

Oczywistym rozwiązaniem tego problemu jest użycie lepkiego menu nawigacyjnego, które pokazuje bieżącą lokalizację i pozostaje cały czas na ekranie w tej samej pozycji.

Przykład uporczywie widocznej lepkiej nawigacji.

Tylko urządzenia mobilne: Ponieważ ekran mobilny jest znacznie mniejszy niż ekran komputera stacjonarnego, widoczny pasek nawigacyjny może zająć stosunkowo znaczną część ekranu. Jednym ze sposobów rozwiązania problemu małej powierzchni ekranu jest ukrycie paska nawigacyjnego, gdy użytkownicy przewijają nową treść i wyświetlają ją, gdy użytkownicy opuszczają ją, aby powrócić na szczyt.

4. Użyj funkcji animacji funkcjonalnej, aby przyciągnąć odwiedzających

Efekty kreatywne, takie jak przewijanie paralaksy i animacje przewijane, mogą zachęcić użytkowników do przewijania kolejnych. Przestawiają się w coś ciekawszego i sprawiają, że użytkownik zastanawia się "co dalej?"

Rozważ rozbicie strony na przewijane "kawałki". W ramach każdej części możesz wprowadzić treść za pomocą kreatywnych animacji. Podczas przewijania użytkowników animacje przenoszą je na następny ekran, tworząc ścieżkę treści do śledzenia.

Parallax to kolejny popularny efekt animowany, który może poprawić przewijanie. Efekt paralaksy tworzy iluzję głębi i zanurzenia, powodując, że obraz tła porusza się wolniej niż zawartość na pierwszym planie. Gdy witryna chce opowiedzieć historię w płynny, liniowy sposób, długie przewijanie w połączeniu z efektem paralaksy jest w stanie stworzyć całkowicie wciągające wrażenia z przeglądania.

5. Unikaj przejęcia przewijania

Strony, które implementują przejęcie przewijania, przejmują kontrolę nad przewijaniem i zastępują podstawową funkcję przeglądarki internetowej. Prześladowanie przewijania jest złe, ponieważ użytkownik nie ma już pełnej kontroli nad przewijaniem strony i nie jest w stanie przewidzieć jego zachowania. Oczekiwania użytkowników dotyczące przewijania strony internetowej nie powinny być niszczone ze względu na doświadczenie narracji.

6

Apple używa przejęcia przewijania na swojej stronie Mac Pro.

Wniosek

Długie przewijanie jest w stanie stworzyć całkowicie wciągające wrażenia z przeglądania. Jest to całkowicie możliwe, aby podróż była równie przyjemna jak cel podróży. Gdy użytkownicy lubią zawartość Twojej witryny i intuicyjnie ją odnajdują, nie będą mieli nic przeciwko długości przewijania.