Jak korzystać z nieskończonego trendu przewijania, właściwą drogę
Nieskończone przewijanie stało się powszechnym wzorcem w ostatnich latach.
Dzięki zastosowaniu wielu popularnych sieci społecznościowych, które przyjęły to rozwiązanie, stało się to jednym z najpopularniejszych wzorców. Choć popularna, każdy wzór ma zawsze swoje mocne i słabe strony, które musimy zaplanować.
Zrobione źle, a nieskończone przewijanie zepsuje twój UX i zagwarantuje całkowitą porażkę, ponieważ użytkownicy opuścili cię tłumnie. Zrób to dobrze, a będziesz mieć intuicyjną, popularną i popularną stronę.
Zrozumienie, dlaczego nieskończone przewijanie prowadzi do zaangażowania
Wdrażając wzorzec projektowy, zawsze krytyczna jest ocena plusów i minusów dla każdego unikalnego scenariusza. To, co spowodowało zwiększenie zaangażowania użytkowników dla kogoś innego, może w rzeczywistości skutkować mniejszym zaangażowaniem użytkowników od użytkowników.
W przypadku nieskończonego przewijania chodzi przede wszystkim o rodzaj treści, z którymi użytkownicy wchodzą w interakcje.
Możliwość określenia, jaki rodzaj celów dotyczących treści masz dla swoich użytkowników, będzie w stanie dostarczyć Ci informacji, które wzorce będą najlepiej pasować do Twojej sytuacji. Odnosi się to do każdego wzoru, ale w szczególności do nieskończonego przewijania.
Wysoka zawartość zaangażowania
Treści, które mają na celu przyciągnięcie i utrzymanie zainteresowania użytkownika przez dłuższy czas lub chcą być interaktywne, nie są po prostu idealnym kandydatem do typowego nieskończonego przewijania. Jeśli Twoim celem jest, aby Twoi użytkownicy czytają, polubili i udostępniają poszczególne posty, dając im dziesiątki do przepracowania na raz, mogą wydawać się przytłaczające.
Biorąc to pod uwagę, Średni znalazł sposób na jego skuteczne wdrożenie z treściami, które zazwyczaj nie korzystają z nieskończonego przewijania.
Zamiast prezentowania użytkownikowi kolejnych dziesięciu lub dwudziestu postów, Medium dostarcza jedno zalecenie na końcu każdego artykułu. Pozostaje wierna funkcji wysokiej zaangażowania, ale oferuje korzyści w zakresie przeglądania, które przynosi nieskończone przewijanie. Więc podczas gdy wysoki poziom zaangażowania może być twoim celem, nie pozwól, by zniechęciło Cię to do samodzielnego tworzenia kreatywnych rozwiązań.
Niski poziom zaangażowania
Nieskończone przewijanie jest w najlepszym wydaniu z treścią, która wymaga niskiego zaangażowania. Strony takie jak Świergot i Facebook są spektakularne tego przykłady. Typowy użytkownik tych stron po prostu przewija listę, pochłaniając zawartość, ale rzadko aktywnie z nią współpracuje. Podczas gdy tego typu sytuacje nie mają dużego wpływu na zaangażowanie użytkowników, w efekcie użytkownicy pozostają zainteresowani przez dłuższy czas.
Niekontrolowane zmienne w typie treści
Choć czasami jest oczywiste, jaki rodzaj treści może mieć Twoja witryna, a co z tymi, które nie są tak czarno-białe? Tumblr to dobry przykład, z treściami, które mogą mieć wysoki lub niski poziom zaangażowania użytkowników w zależności od typu blogów, które użytkownik obserwuje. Chociaż sytuacje te są rzadkie, stanowią problem, ponieważ nieskończone przewijanie będzie korzystne tylko dla połowy użytkowników. Co ciekawe, rozwiązaniem w tym przypadku jest zminimalizowanie opcji interakcji użytkownika z poszczególnymi wpisami. Dzięki temu użytkownicy o dużym zaangażowaniu mogą w niewielkim stopniu skupić się na poszczególnych postach, a użytkownicy o niskim zaangażowaniu mogą konsumować znacznie więcej treści bez konieczności interakcji.
Warto również zauważyć, że Tumblr wykonuje fantastyczną pracę pozwalając użytkownikom decydować o wartości treści indywidualnie. Zapewnienie użytkownikom możliwości włączenia lub wyłączenia nieskończonego przewijania w swoich preferencjach zapewnia dodatkową kontrolę nad tym, jak konsumują treść.
Hybrydowe rozwiązania przewijania
Wiele miejsc decyduje się na wdrożenie hybrydowego podejścia do nieskończonego przewijania, zachęcając użytkownika do załadowania większej ilości treści po dotarciu do końca strony. W ten sposób zwracają kontrolę użytkownikowi, aby zdecydować, ile treści ma załadować - co jest kluczowe w przypadku urządzeń mobilnych. To rozwiązanie pomaga również w utrzymaniu stałego obciążenia danych na serwerze. Po automatycznym wczytaniu wstępnie zdefiniowanej liczby stron pojawi się przycisk zachęcający użytkownika do ręcznego załadowania.
Gdy nieskończone przewijanie zepsuje się
Istnieje niezliczona ilość przykładów witryn internetowych wykorzystujących nieskończone przewijanie, a więcej niż kilka robi to dla użytkowników z ograniczeniami. Dan Nguyen napisał interesujący artykuł, gdy Etsy próbował zaimplementować tę funkcję. W końcu Etsy przystąpił do implementacji, zanim przetestował swoje założenia. Ładowanie większej liczby wyników wyszukiwania w szybszym tempie wydaje się na początku dobrą rzeczą ... Ale kiedy zawartość wymaga dużego zaangażowania użytkowników - tak jak w przypadku zakupów - szybko może się skończyć.
W tym konkretnym przypadku użytkownicy aktywnie szukają czegoś interesującego. Próba znalezienia idealnego produktu z morza wyborów. Tak więc, gdy użytkownik jest zalewany z pozoru nieskończoną ilością wyborów, rezygnują i szukają innych dróg, by znaleźć to, czego szukają.
Najlepsze praktyki dotyczące nieskończonego przewijania
Podobnie jak w przypadku każdego wzorca projektowego, istnieją najlepsze praktyki, z których zazwyczaj dobrze jest postępować. Nie są to prawa używania wzorca; są raczej tym, co robi większość udanych wdrożeń.
- Miej wdzięczne wsparcie: Upewnij się, że użytkownicy bez JavaScriptu nie są pominięci w chłodzie. Najpierw zaprojektuj starą stronę, a następnie użyj JavaScript, aby ją ukryć i zaimplementuj nieskończone przewijanie.
- Podaj wizualne wskazanie ładowania większej zawartości: Zapewnienie użytkownikom animacji ładującej informuje ich o tym, co się dzieje. Bez tego strona wydaje się mieć ślepy zaułek na wolnych połączeniach.
- Zachowaj funkcjonalność przycisku Wstecz: mimo że wiele implementacji zapomina o tych głównych szczegółach, pamiętaj o zachowaniu podstawowej funkcjonalności przeglądarki. Jeśli użytkownik przegląda witrynę, a następnie wraca, zazwyczaj nie spodziewa się jej ponownego załadowania u góry strony.
- Zachowaj widoczność w nawigacji: chociaż użytkownicy będą przede wszystkim chcieli korzystać z Twoich treści, będą również chcieli przejrzeć inne obszary Twojej witryny. Jeśli są zmuszeni ręcznie przewinąć w górę setki wpisów ... Mogą zamiast tego opuścić.
- Lazyload treść przed użytkownikiem: Cały sens implementacji nieskończonego przewijania polega na tym, aby wydawać się nieskończonym strumieniem treści. Chociaż ważne jest, aby mieć jakąś formę wskaźnika ładowania, użytkownicy będą mieli nadzieję, że rzadko, jeśli w ogóle, zobaczą to.
- Linki powinny otwierać się w nowym oknie: jest to wysoce dyskusyjna praktyka; zdecydowanie wybiera użytkownika, ale z zamiarem udzielenia im pomocy. Wymuszenie otwierania linków w nowym oknie lub zakładce zapobiega przypadkowemu opuszczeniu przez użytkowników listy nieskończenie ładującej się i utracie jej miejsca.
- Stopki mogą przeszkadzać: Często wdrożenie nieskończonego przewijania oznacza rezygnację z opcji stopki witryny. Chociaż zdecydowanie irytuje próbę "złapania" stopki, gdy automatycznie ładujesz więcej postów, są inne opcje. Na przykład zastosowanie rozwiązania do ładowania hybrydowego umożliwiłoby utrzymanie stopki w zasięgu użytkowników.
Podsumowując
Choć nieskończone przewijanie może być modną funkcją, która daje użytkownikowi niekończące się opcje zawartości ... Musi być używana poprawnie.
Chcemy narazić użytkowników na większą zawartość, ale nie chcemy pomniejszać wartości poszczególnych elementów ani czuć się przytłoczonym informacjami. W końcu użytkownicy są tam dla samej treści - a nie z fantazyjnego przewijania.
Jak widać, nieskończone przewijanie nie jest z natury dobre ani złe. Ale raczej jego użycie może spowodować lepsze lub gorsze zaangażowanie użytkownika w zależności od prezentowanego typu treści. Mając to na uwadze, możemy spróbować przewidzieć, gdzie wdrożenie będzie korzystne.
Wyróżniony obraz / miniatura, obraz ruchomego schodów przez Shutterstock.