Skończyły się czasy „nad owczarnią”. Strony z długim przewijaniem i nieskończonym przewijaniem 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 z pewnością odegrało kluczową rolę w powszechnej akceptacji techniki długiego przewijania: im mniejszy ekran, tym dłuższe przewijanie. Długie przewijanie otwiera przed projektantami wiele nowych drzwi. Jednak ten wzór ma swoje wady. Wymaga od projektantów zwrócenia dużej uwagi na treść, nawigację i animację. Oto 5 wskazówek, których należy przestrzegać, aby mieć pewność, że długie przewijanie spełni oczekiwania użytkownika.
1. Dostarczaj interesujące treści od samego początku
Pomimo tego, że ludzie zwykle zacznij przewijać zaraz po załadowaniu strony bardzo ważna jest treść znajdująca się w górnej, widocznej części ekranu. To, co pojawia się na górze strony, tworzy pierwsze wrażenie i wyznacza oczekiwania użytkowników dotyczące jakości. Użytkownicy rzeczywiście przewijają, ale tylko wtedy, gdy to, co widzą po wejściu na stronę, jest wystarczająco obiecujące. Aby mieć pewność, że ludzie będą przewijać, musisz zapewnić treść, która zainteresuje odwiedzających. Dlatego umieść najbardziej przekonującą treść w górnej części strony:
- Podaj ciekawe fakty (fakty, które przyciągają odwiedzających i zatrzymują ich uwagę)
- Używaj angażujących obrazów (użytkownicy zwracają szczególną uwagę na obrazy i obrazy zawierające istotne informacje)
2. Daj użytkownikom wizualną wskazówkę
Czasami najlepszym sposobem nakłonienia użytkowników do przewijania jest bezpośrednie poproszenie ich o to. Po prostu poinformuj użytkowników, że większość treści jest dostępna na ekranie. Subtelna wskazówka wizualna, taka jak strzałka skierowana poza ekran lub tekst „przewiń w dół”, może poinformować użytkowników, że większość treści jest dostępna poniżej.
Strzałka skierowana poza ekran informuje użytkowników, że większość treści zostanie opisana poniżej.
3. Zachowaj stale widoczne opcje nawigacji
Nawigacja jest decydującym aspektem doświadczenia użytkownika w witrynie. Jednym z największych zagrożeń związanych ze stosowaniem długiego przewijania w projekcie jest możliwość dezorientacji użytkownika. Jeśli pasek nawigacyjny straci swoją widoczność, gdy użytkownicy będą przewijać w dół, będą musieli przewinąć do końca, gdy znajdą się głęboko w stronie. Zwykle takie zachowanie dezorientuje i frustruje użytkowników. Oczywistym rozwiązaniem tego problemu jest użycie lepkiego menu nawigacyjnego, które pokazuje aktualną lokalizację i pozostaje na ekranie przez cały czas w tej samej pozycji.
Przykład stale widocznej, lepkiej nawigacji.
Tylko urządzenia mobilne: Ponieważ ekran mobilny jest znacznie mniejszy niż ekran stacjonarny, widoczny pasek nawigacyjny może zajmować stosunkowo znaczną część ekranu. Jednym ze sposobów rozwiązania problemu małego ekranu jest ukrycie paska nawigacyjnego, gdy użytkownicy przewijają w poszukiwaniu nowej treści, i udostępnienie go, gdy użytkownicy przeciągają w dół, aby wrócić na górę.
4. Użyj animacji funkcjonalnej, aby zaangażować odwiedzających
Kreatywne efekty, takie jak przewijanie paralaksy i animacje aktywowane przewijaniem, mogą zachęcić użytkowników do częstszego przewijania. Zamieniają przewijanie w coś przyjemniejszego i sprawiają, że użytkownik zastanawia się „co będzie dalej?” Rozważ podzielenie strony na przewijalne „fragmenty”. W obrębie każdego fragmentu możesz przedstawić treść za pomocą kreatywnych animacji. Gdy użytkownicy przewijają, animacje przenoszą ich do następnego ekranu, tworząc jednocześnie ścieżkę treści do podążania.
Paralaksa to kolejny popularny efekt animowany, który może poprawić jakość przewijania. Efekt paralaksy tworzy iluzję głębi i zanurzenia, powodując, że obraz tła porusza się wolniej niż zawartość na pierwszym planie. Jeśli Twoja witryna chce opowiedzieć historię w płynny i liniowy sposób, długie przewijanie w połączeniu z efektem paralaksy może zapewnić całkowicie wciągające wrażenia podczas przeglądania.
5. Unikaj przechwytywania przewijania
Strony internetowe, które wdrażają przejmowanie kontroli nad przewijaniem, przejmują kontrolę nad przewijaniem i zastępują podstawową funkcję przeglądarki internetowej. Przejmowanie 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 przewijanej interakcji w witrynie nie powinny być niszczone na rzecz narracji.
Apple używa przechwytywania przewijania na swojej stronie Mac Pro.
Wniosek
Długie przewijanie jest w stanie zapewnić całkowicie wciągające przeglądanie. Całkowicie możliwe jest uczynienie podróży równie przyjemną, jak jej miejsce docelowe. Gdy użytkownikom spodoba się treść Twojej witryny i uznają, że interfejs użytkownika jest intuicyjny, nie będzie im przeszkadzać długość przewijania.
