Listy rozwijane wydają się idealnym elementem do uzyskania informacji od użytkownika. Przy ich pomocy możesz pokazać dziesiątki pozycji, tym samym nie zabierając miejsca w interfejsie.
Niestety z rozwijanymi listami wiążą się pewne problemy związane z użytecznością. Ale czy skutkuje to mniejszą konwersją? A może w kontekście konwersji listy rozwijane są dobrym wyborem?
Co otrzymasz w ramach konta pro?
🚀 Streszczenia z badań i testów A/B.
🚀 Co miesiąc nowe badania.
🚀 Sprawdzone porady, które zwiększą konwersję.
🚀 Odpowiedzi na dylematy UX, CRO, marketingowe.
🚀 Dostęp do innych portali od przeprojektowani.pl
Masz już dostęp? Zaloguj się.
👀Zalety list rozwijanych
✔️ Oszczędzają miejsce, zajmują mały obszar, jednocześnie mogą zawierać wiele informacji.
✔️ Zbierają przewidywalne dane wejściowe. Użytkownik nie musi wpisywać nic samodzielnie, wybiera z gotowego wzorca. Nie popełni błędu podczas wpisywania.
✔️ Elastyczność list rozwijanych sprawdzi się, gdy nie wiesz ile powstanie nowych opcji. Możesz dopisywać kolejne pozycje na liście, nie zabierając miejsca w interfejsie.
👀Wady list rozwijanych
✖️ Lista może być męcząca, gdy posiada duży zakres danych np. rok urodzenia. Użytkownicy muszą scrollować w dół listy, by odszukać datę urodzin. Znalezienie danej pozycji na liście, jest bardziej angażujące niż wpisanie daty w polu tekstowym.
✖️ Ukrywają dostępne opcje. Badanie przeprowadzone przez JA Bargas-Avila wykazało więcej zalet przy stosowaniu przycisków opcji, zamiast list rozwijanych. Przyciski opcji sprawiają, że wszystkie pozycje są widoczne od razu.
🧠 Lista vs opcje wyboru – test
👉 Badanie przeprowadzone przez ConversionXL pokazało, że listy rozwijane spowalniają użytkowników w stosunku do przycisków opcji. Wybór pozycji za pomocą przycisku opcji był o 2,5 sekundy szybszy niż wybór z lisy rozwijanej.
👉 Badanie przeprowadzone przez Baymard Institute również wykazało, że listy rozwijane mogą spowalniać użytkowników, zwłaszcza gdy mają wiele opcji do wyboru.
Użytkownicy często ignorują pola wyboru w rozwijanym menu, zwłaszcza jeśli nie spodziewają się, że tam znajdą ważne opcje.
Przykładem jest test firmy OBI, gdzie 55% testowanych użytkowników otwierało listę rozwijaną, aby zobaczyć, co się w niej znajduje, a następnie natychmiast ją zamykało bez dokonywania wyboru.
Działo się tak nawet wtedy, gdy listy rozwijane były wyraźnie oznaczone jako opcjonalne.
🧐 Podsumowanie
Jak widzisz listy są problematyczne, ale dostępne testy nie wskazują jednoznacznie wpływu na konwersję. Należy jednak przyjąć, że jeśli lista rozwijana zawiera kluczowe elementy do wyboru, może obniżyć konwersję, ponieważ wymaga dodatkowej interakcji od użytkownika.
💡 Co możesz zrobić, żeby ograniczyć listy rozwijane?
Nie wyeliminujesz ich w 100%, ponieważ nadal są świetnym elementem, gdy trzeba pokazać wiele pozycji do wyboru.
Zamiast list, spróbuj zastosować:
➡️ Opcje wyboru
Gdy masz kilka pozycji, zamiast ukrywać je za listą, pokaż je na widoku za pomocą opcji wyboru.
➡️ Pole tekstowe
Zamiast listy rozwijanej, pokaż pole tekstowe do wpisania danych. Takie pole sprawdzi się, gdy użytkownik dobrze zna odpowiedź i nie musi się zastanawiać co wpisać. Przykładem może być otwarte pole tekstowe do wpisania daty urodzenia, nazwy miasta.
➡️ Niestandardowe elementy
Zamiast długich list spróbuj zastosować pasujące, dopasowane o kontekstu elementy. Przykładem może być wybór rezerwacji noclegu z kalendarza, a nie z rozwijanej listy.
Wejdź sobie na stronę https://www.booking.com i zobacz na wybór daty oraz wybór ilości osób. Jak widzisz nie ma tam listy rozwijanej.
Przy dacie zastosowano kalendarz przesuwający się w bok, co umożliwia szybkie przeskakiwanie na kolejne miesiące Przy ilości osób zastosowano ikonki + oraz – dzięki którym szybko dodasz kolejne osoby.
Czytaj poprzedni
