5 wyskakujących pomysłów na projekt, które nie będą denerwować użytkowników

Jeśli chodzi o projektowanie stron internetowych, opcje są niezwykle zróżnicowane. W zależności od funkcjonalności i celów związanych z generowaniem leadów, firmy powinny wybierać układy, które zadowolą użytkownika, zachęcą go do spędzania większej ilości czasu na swoich stronach i zaangażowania.

Jednak nie zawsze tak jest.

Czy kiedykolwiek przeglądałeś stronę internetową, ciesząc się treścią, gdy nagle pojawia się wyskakujące okienko i uniemożliwia Ci kontynuowanie? Frustrujące, prawda?

Takie doświadczenie z dużym prawdopodobieństwem sprawi, że odejdziesz i znajdziesz potrzebne informacje gdzie indziej. Dzieje się tak, ponieważ wyskakujące okienka mogą być nachalne i odwracać uwagę użytkowników od ich zamiarów.

W rzeczywistości, zgodnie z ankietą HubSpot, 73% ludzi nie lubi wyskakujących okienek online najbardziej ze wszystkich rodzajów reklam. Ponadto 64% użytkowników AdBlocka instaluje oprogramowanie, ponieważ uważa wyskakujące okienka za irytujące i chce się ich w szczególności pozbyć!

Jednak chociaż wyskakujące okienka dzielą i najczęściej przeszkadzają ludziom i szkodzą UX, wielu właścicielom witryn udaje się z powodzeniem z nich korzystać.

Co więcej, jeśli są odpowiednio zaprojektowane i zoptymalizowane pod kątem SEO, mogą nawet zwiększyć współczynnik konwersji o 3%, jeśli nie więcej!

W tym artykule omówimy projekty wyskakujących okienek, wyjaśnimy wytyczne i najlepsze praktyki UX oraz przedstawimy 5 pomysłów na projekty wyskakujących okienek, z których możesz skorzystać.

Co to są wyskakujące okienka?

W skrócie, wyskakujące okienka to okna przeglądarki, które wyświetlają się nad główną zawartością strony, gdy użytkownik wykona określoną czynność lub osiągnie określony próg pr. Celem jest przyciągnięcie uwagi użytkownika, pokazanie mu wezwania do działania (CTA) i zachęcenie go do zaangażowania.

Wyskakujące okienka mogą zawierać różne komunikaty – reklamujące produkt lub usługę własnej lub innej firmy, proszące o opinię, wyświetlające pole subskrypcji, sugerujące ofertę, wyrażające wdzięczność itp.

Projekty pop-up istnieją od 15-20 lat i na pewno zostaną. Pozwalają właścicielom witryn dotrzeć do potencjalnych klientów, przyciągnąć ich uwagę i zwiększyć ich szanse na przekształcenie ich w kupujących.

Istnieją różne sposoby wykorzystania wyskakujących okienek w celu zwiększenia wydajności witryny. Należy jednak zawsze działać zgodnie z intencjami i preferencjami użytkownika oraz upewnić się, że wyskakujące okienko jest odpowiednie.

Zwykle wyskakujące okienka odciągają odwiedzających, gdy pochodzą od strony trzeciej i nie mają bezpośredniego połączenia z tym, czego szuka użytkownik. Na przykład użytkownik czyta artykuł o tym, jak znaleźć dobrego prawnika i nagle jego treść zostaje zablokowana przez wyskakujące okienko z zaproszeniem na seminarium Amazon FBA.

Bardzo złą praktyką jest również umieszczanie reklam otwierających nowe okno lub przenoszących użytkownika na zupełnie inną stronę.

Oprócz trafności inną rzeczą, która określa Twój sukces, jest projekt wyskakującego okienka. Powinien pasować do ogólnego stylu i kolorystyki witryny, być sprytny i zwięzły oraz mieć jasno określone CTA. Możesz również rozważyć dodanie zabawnego elementu, wybrać żywe, kontrastujące kolory, aby informacje były naprawdę popularne, lub cokolwiek innego, co Twoim zdaniem może przyciągnąć uwagę użytkownika i zachęcić go do zaangażowania.

Należy jednak pamiętać, że im bardziej krzykliwe jest wyskakujące okienko, tym bardziej wygląda podejrzanie i tym bardziej prawdopodobne jest, że użytkownik się zdenerwuje, a może nawet odejdzie.

Jak zwiększyć wydajność wyskakujących okienek

Aby mieć pewność, że wyskakujące okienka będą dobrze działać i zwiększyć konwersje, zamiast odciągać klientów, musisz je odpowiednio zaprojektować:

Zapewnij natychmiastową wartość

Tym, co odróżnia skuteczną reklamę od nieudanej, jest wartość.

Musisz zrozumieć swoich odbiorców i wiedzieć, czego oczekują od produktu lub usługi, którą dostarczasz. W ten sposób na miejscu będziesz mógł zaproponować im odpowiednie rozwiązanie!

Ponadto wyskakujące okienka z odpowiednią treścią konwertują ponad 40%

Utwórz pilność

Stworzenie pilności jest najlepszą ścieżką do zwiększenia sprzedaży, ponieważ użytkownik ma ograniczony czas na podjęcie decyzji. Odliczanie w wyskakującej reklamie ma o 8 procent lepszy współczynnik konwersji niż odliczanie bez niego.

Źródło

Promuj świadomość marki

Wyskakujące reklamy są trudne do zignorowania, co pomaga w widoczności Twojej marki i produktów.

Co więcej, są świetną taktyką generowania leadów, a jeśli zostaną umieszczone strategicznie w Twojej witrynie, mogą pomóc Ci zwiększyć liczbę odbiorców i ruch.

Na przykład możesz wprowadzić przewijane wyskakujące okienko, gdy odwiedzający przejdą w połowie artykułu. W ten sposób możesz zasugerować wysyłanie im podobnych treści za pośrednictwem poczty e-mail i zbudować solidną listę e-mailową.

Skoncentruj się na konwersjach

Jak wspomniano powyżej, dobrze zaimplementowany i ukierunkowany projekt wyskakującego okienka może naprawdę wpłynąć na współczynniki konwersji.

Ostatecznie Twoim ostatecznym celem jest zwiększenie sprzedaży i przyciągnięcie większej liczby odwiedzających do Twoich produktów i usług. W tym celu upewnij się, że umieszczasz wyskakujące okienka we właściwym miejscu i czasie na całej ścieżce użytkownika w Twojej witrynie.

Nie zapomnij też o dołączeniu jasnego, prostego CTA, które poprowadzi ludzi do następnego kroku.

Poproś o opinię na miejscu

Wyskakujące okienka to świetny sposób na uzyskanie natychmiastowej reakcji i zachęcenie klientów do wyrażenia opinii o Twoich produktach.

Poproś ich, aby zostawili komentarz i ocenili swoje wrażenia, zanim opuszczą Twoją witrynę.

Na przykład możesz użyć wyskakującego okienka wyniku promotora netto (NPS), po którym następuje pole komentarza, w którym użytkownik może wprowadzić dodatkowe dane.

Tego typu wyskakujące okienka pozwalają lepiej poznać swoich klientów i udoskonalić usługi, dzięki czemu możesz skuteczniej zaspokajać ich potrzeby. Następną rzeczą, którą wiesz, jesteś na szybkiej ścieżce do sukcesu. Jest w torbie!

Wyskakujący projekt: wytyczne

Jeśli chodzi o kary Google, musisz zawsze być czujny i postępować zgodnie z wytycznymi. Jeśli użytkownik klika wynik wyszukiwania po wpisaniu zapytania, co powoduje wyświetlenie strony z wyskakującym okienkiem zachęcającym go do kliknięcia nieistotnego źródła, jest to czerwona flaga.

Jednak wyskakujące okienka nadal mogą być bardzo skuteczne. Tylko upewnij się, że odwiedzający nie trafiają na stronę z wyskakującym okienkiem zaraz po kliknięciu wyniku SERP. Odpowiednio zaplanuj czas wyświetlania reklamy, aby upewnić się, że mieli wystarczająco dużo okazji, aby najpierw przejrzeć Twoje treści.

Według Google Search Central reklamowe reklamy pełnoekranowe to natrętne okna dialogowe, które uniemożliwiają Google i innym wyszukiwarkom zrozumienie Twoich treści. Ważne jest, aby wyskakujące okienka były jak najmniejsze, tak aby nie zakrywały całego ekranu ani kluczowych części strony. Optymalne wymiary dla projektu pop-up to do 15% rozmiaru ekranu użytkownika.

Google przyjmuje jednak do wiadomości, że niektóre reklamy pełnoekranowe, takie jak ograniczenia wiekowe i alerty dotyczące prywatności, są obowiązkowe:

Źródło

Aby zachować bezpieczną stronę, upewnij się, że wyskakujące okienka nie zasłaniają treści strony. Ułatwia to indeksowanie i indeksowanie, a także zmniejsza prawdopodobieństwo zaszkodzenia użytkownikom.

Ponadto unikaj przekierowywania przychodzących żądań HTTP na inną stronę niż ta, na której użytkownik był przed reklamą.

Jeśli to możliwe, używaj banerów zamiast reklam pełnoekranowych i korzystaj z wtyczek do standardowych projektów wyskakujących okienek, takich jak subskrypcja biuletynu lub monit o opinię.

Źródło

5 pomysłów na przyjazne dla użytkownika wyskakujące okienka

Przyjrzyjmy się teraz, jak prawidłowo zaprojektować wyskakujące okienka, tak aby powodowały mniej frustracji użytkownika i zapewniały lepszą wydajność:

Wybierz odpowiedni styl projektowania

Tworzenie wyskakującego projektu efektywnego pod kątem UX może być trudne. Chcesz, aby wyskakujące okienko było zauważalne, ale nie tak natrętne, aby odwracało uwagę ludzi. Jednocześnie projekt powinien być ściśle dopasowany do tożsamości Twojej marki. I wreszcie, ważne jest, aby ogólny projekt był prosty, używając kilku kolorów, czcionek i obrazów.

Prawidłowo zrobione wyskakujące okienko może być nieocenionym narzędziem do zwiększania konwersji i generowania potencjalnych klientów.

Jeśli jednak projekt jest zbyt zajęty lub przytłaczający, tylko frustruje użytkowników i odpycha ich. Poświęć więc trochę czasu na stworzenie wyskakującego okienka, które dokładnie odzwierciedla Twoją markę i zapewnia pozytywne wrażenia użytkownika.

Pozycja na ekranie

Inną rzeczą, o której należy pamiętać, jest to, że wyskakujące okienka powinny być łatwe do odrzucenia.

Ponieważ przeszkadzają użytkownikowi w przeglądaniu, wyskakujące okienka z przodu i na środku powinny być zarezerwowane dla ważnych informacji, które są ważne dla użytkownika.

Źródło

Jednak biorąc pod uwagę szeroki zakres możliwych pozycji wyskakującego okienka, projektanci mają dużą swobodę w sposobie ich wykorzystania.

Na przykład wyskakujące okienko w rogu ekranu może być mniej inwazyjne niż wyskakujące okienko z przodu i na środku.

Popularnym podejściem jest wysuwanie wyskakującej reklamy z górnej lub dolnej części ekranu. Dzięki temu użytkownik może kontynuować interakcję z witryną, gdy wyskakujące okienko jest obecne. Dzięki tej metodzie odwiedzający może wybrać, kiedy (i czy) chce skorzystać z wyskakującego okienka. Należy jednak pamiętać, że jeśli wyskakujące okienko zasłania zbyt dużą część ekranu i rozprasza, może nadal odstraszać użytkowników.

Innym przyjaznym dla użytkownika podejściem jest sprawienie, aby wyskakujące okienko było mniej uciążliwe, poprzez umieszczenie wyraźnie widocznego przycisku zamykania lub po prostu zmniejszenie samego projektu. W ten sposób odwiedzający nadal będą mogli zobaczyć zawartość Twojej strony i będą bardziej skłonni do interakcji z Twoim wyskakującym okienkiem.

Celuj w każdego odwiedzającego

Wraz z prostym układem i prostą kopią, bardzo ważne jest, aby dostosować projekt wyskakującego okienka indywidualnie do każdego odwiedzającego stronę. Zidentyfikuj kluczowe strony, na których spowoduje to konwersję.

Tworzenie spersonalizowanych doświadczeń dla klientów to delikatna czynność równoważąca. Z jednej strony brak personalizacji może oznaczać straconą szansę dla marek. Z drugiej strony, zdaniem Gartnera, nadmierna personalizacja sprawia, że ​​użytkownicy 3x częściej porzucają markę.

Dlatego poszczególne punkty danych mogą być przydatne w tworzeniu bardziej spersonalizowanego doświadczenia, ale ważne jest, aby używać ich rozważnie. Zbyt duża personalizacja może zniechęcać, dlatego ważne jest, aby zachować równowagę, która zostanie doceniona przez klienta.

wyczucie czasu

Gdy użytkownik trafia na Twoją witrynę, najlepiej, aby najpierw zainteresował się Twoją treścią i przeglądał. Im dłużej użytkownik spędza w witrynie, tym mniejsze prawdopodobieństwo, że go opuści (a najbezpieczniej jest umieścić mu wyskakującą reklamę).

Źródło

Źródło

Upewnij się, że analizujesz czas spędzany przez użytkowników na stronie, czyli średnią sesję. Korzystaj z Google Analytics, aby śledzić otrzymywany ruch i działać na jego podstawie.

Jeśli jednak obawiasz się, że możesz zepsuć czas wyświetlania i odstraszyć użytkowników, oto kilka sugestii:

Wyskakujące okienka wpisu

Umieszczenie wyskakującego okienka, gdy tylko użytkownik wyląduje na stronie, może zdziałać cuda podczas sugerowania limitowanych ofert lub pakietów. Jednak zazwyczaj nie jest to zalecane przez wyszukiwarki, jeśli chodzi o witryny eCommerce.

Przewijanie wyskakujących okienek

Jeśli chcesz mieć pewność, że odwiedzający Twoją witrynę spędzili na stronie przyzwoity czas i są wystarczająco poinformowani, przewijane wyskakujące okienko jest dobrą alternatywą. Możesz ustawić wyskakujące okienko tak, aby pojawiało się po przewinięciu określonego procentu strony, umieszczając jeden lub kilka odpowiednich progów.

Zamknij wyskakujące okienka

Wyskakujące okienka wyjścia są również znane jako reklamy zbyt wcześnie opuszczające. Pojawiają się, gdy kursor przesunie się w kierunku przycisku Wstecz lub gdy zamierzasz zamknąć stronę lub kliknąć łącze, aby przejść do innej. Wyskakujący projekt wyjścia może być wykorzystany w ciągu ostatnich kilku sekund, które odwiedzający spędza na stronie, aby zasugerować ofertę last minute.

Kliknij wyskakujące okienka

Wyskakujące okienka kliknięcia to okna dialogowe, które pojawiają się po kliknięciu odpowiedniego przycisku lub łącza. Są to prawdopodobnie najbardziej autentyczne i najmniej frustrujące wyskakujące okienka, które pojawiają się po tym, jak użytkownik już zaangażował się w treść strony i podjął działanie.

W poniższym przykładzie po kliknięciu przycisku „Dołącz do listy oczekujących” pojawiło się wyskakujące okienko rejestracji e-mail:

Źródło

Miej dowcipny/kreatywny/nieformalny/dziwaczny ton głosu

Jeśli chcesz przykuć uwagę użytkowników i sprawić, by zostali dłużej, rozluźnij się trochę i spraw, aby Twoja wyskakująca kopia była kojarzona i niezapomniana. Nie musi być agresywny ani niegrzeczny, ani w 100% sprzedażowy.

Pomyśl tylko o tym, kim są Twoi odbiorcy, śledź ich zachowanie, lokalizację, dane demograficzne i preferencje, abyś mógł narysować obraz przeciętnego użytkownika. Następnie zaprojektuj wyskakujące okienko, aby wyświetlać coś, co może im się spodobać.

Podsumowanie

Cóż, masz to! Przyjrzeliśmy się różnym wyskakującym i wyskakującym przykładom reklam oraz omówiliśmy praktyczne wskazówki, jak zwiększyć ich skuteczność. Mamy nadzieję, że podsunęło ci to kilka pomysłów na własną stronę internetową.

Jeśli potrzebujesz pomocy w projektowaniu lub wdrażaniu wyskakujących okienek w swojej witrynie, nie wahaj się skontaktować z ekspertami projektantów stron internetowych w DevriX. Pomożemy Ci stworzyć wciągające i przyjazne dla użytkownika doświadczenie, które zwiększa wyniki.