Jak zoptymalizować obraz w notyfikacji web push i zwiększyć CTR?

Czas czytania: 3 min
optymalizacja grafiki obrazka zdjęcia web push

Czy wiesz, że:

  • Facebookowe posty z obrazkiem generują 2.3 razy większe zaangażowanie niż te bez niego,
  • Tweety z obrazkami są 150% razy częściej retweetowane niż pozostałe, 
  • Publisherzy korzystający z treści graficznych zwiększają ruch na stronie 12 razy szybciej w porównaniu do tych, którzy tego nie robią (źródło: Digital Information World)? 

Ponadto, analizując dane naszych klientów zauważyliśmy, że na przykład w branży turystycznej, kampanie web push zawierające obrazki notowały średni CTR na poziomie 5,03%, a CTR pozostałych wynosił średnio 4,7%. W sektorze finansowym sytuacja wygląda podobnie i tam kampanie z grafiką osiągały CTR ok. 5,17%, natomiast notyfikacje bez obrazka 4,56%.

Warto jednak mieć na uwadze, że niestety nie wszystkie przeglądarki wspierają notyfikacje opatrzone grafiką. Na ten moment jedynie Google Chrome i Microsoft Edge umożliwiają wysyłanie tzw. Rich-Pushy, czyli powiadomień zawierających duży obrazek.

rich web push notyfikacja

Mimo że tylko dwie przeglądarki obsługują tę funkcję, potencjalny zasięg odbiorców jest całkiem szeroki. Według NetMarketShare w maju 2021 udział użytkowników przeglądarki Google Chrome wynosił 65,23%, a Edge - 5,1%. Oznacza to, że ponad 70% internautów może otrzymywać powiadomienia push z dodatkową grafiką.

Dlaczego materiały graficzne są skuteczne?

Oto kilka ciekawych faktów psychologicznych na temat postrzegania wizualizacji przez użytkowników oraz tego, dlaczego dodanie obrazu do kampanii może mieć pozytywny wpływ na jej wyniki:

  • Nasz mózg potrzebuje zaledwie 13 milisekund na przetworzenie obrazu (źródło: Massachusetts Institute of Technology). Może to być szczególnie pomocne w czasach krótkiego czasu koncentracji uwagi. 
  • Pamiętamy tylko około 10% informacji, które słyszymy, 20% - czytamy i 80% widzimy (źródło: MovableInk).
  • Większość ludzi o wiele łatwiej przetwarza obrazy niż tekst: 60% populacji to wzrokowcy (źródło: Venngage).

    Czy oznacza to, że wszystkie obrazy są jednakowo skuteczne? Niestety, odpowiedź brzmi: nie.

    3 główne błędy podczas używania obrazków w powiadomieniach web push

    • Niewłaściwe proporcje, w wyniku czego produkt, który chcesz zaprezentować, może być przycięty.

    bledy notyfikacji web push zle proporcje

    • Słaba jakość obrazu i niska rozdzielczość.

    bledy-web-push-niska-jakosc-zla-rozdzielczosc

    • Mały kontrast pomiędzy głównym obiektem na zdjęciu a kolorem tła.

    bledy-web-push-niski-kontrast

    Tak samo jak poświęcamy czas na zaprojektowanie świetnego newslettera czy bannera reklamowego, tak samo ważne jest zadbanie o grafikę dla powiadomień web push. 93% użytkowników internetu stwierdziło, że jakość obrazu jest jednym z głównych czynników wpływających na ich decyzję o zakupie (Justuno). 

    Na szczęście nie trzeba być profesjonalnym grafikiem. Obecnie na rynku istnieje wiele darmowych lub płatnych narzędzi graficznych, takich jak Canva czy Visme, dostępnych dla każdego. Przy niewielkim wysiłku bez problemu możesz przygotować wysokiej jakości zdjęcia i grafiki do swoich kampanii web push.

    Jak zatem przygotować idealny obraz do kampanii web push?

    Zalecenia techniczne

    • Upewnij się, że Twoje grafiki mają odpowiedni kształt (notyfikacje web push są kompatybilne z prostokątnymi obrazkami, zalecamy 1000 x 500 px lub proporcję 2:1) i nie przekraczają 200 KB.
    • Obrazy znajdują się w górnej części notyfikacji, a ich orientacja jest pozioma. Upewnij się, że Twój produkt/wzór/logo jest idealnie wyrównany i zgrywa się z treścią powiadomienia.

    Te dwa kroki są szczególnie istotne dla sklepów e-commerce, które korzystają ze scenariuszy automatycznych zintegrowanych ze swoimi feedami produktowymi, z których aplikacja PushPushGo pobiera zdjęcia asortymentu, np. w scenariuszach cross-sellingowych czy ostatnio przeglądanych produktach. Przy złych proporcjach zdjęcia będą przycinane w niekontrolowany sposób.

    • Używaj obrazów wysokiej jakości z przyciągającymi wzrok, jaskrawymi lub kontrastującymi kolorami. Oczywiście, powinny one, odpowiadać wizualizacji graficznej Twojej marki/strony, aby zwiększyć świadomość marki wśród odbiorców. 

    Śledź aktualne trendy w projektowaniu graficznym, badania kolorystyczne i testuj różne wariacje. Każda grupa odbiorców jest inna i tylko Ty wiesz, co działa najlepiej dla Twoich subskrybentów. 

    Wskazówki designerskie: obraz, który zachęci do kliknięcia

    • Bądź spójny ze swoją marką - postępuj zgodnie z jej tonem i stylem. 
    • Kolory mają znaczenie - podczas gdy niektóre kolory mogą wywoływać impulsywne zakupy (na przykład czerwony), inne mogą zachęcać do przemyślanych wyborów zakupowych (na przykład zielony). Co więcej, według Inc.com, 75% szybkich decyzji jest podejmowanych na podstawie koloru

    wpływ kolorow na marketing

    Żrodło: Adstarget

    • Jeśli chcesz dodać tekst do grafiki w pushu, upewnij się, że będzie on łatwy do odczytania. Dopilnuj aby nagłówek i treść miały różne rozmiary. Staraj się jednak ograniczyć tekst do minimum na swojej grafice web push.
    • Używaj zdjęć, które pokażą zastosowanie Twoich produktów w codziennym życiu. Według Big Commerce 78% użytkowników preferuje lifestylowe zdjęcia produktów. Nie sprzedawaj zwykłej sofy, sprzedawaj przytulną atmosferę domu. 👩‍❤️‍👨
    • Pokazuj prawdziwych ludzi na swoich zdjęciach. Według badań Toluna 62,3% użytkowników chciałoby zobaczyć produkty używane przez innych ludzi. Potencjalnym klientom jest wtedy o wiele łatwiej wyobrazić sobie siebie używającego danego produktu.

    Rzuć okiem na poniższe przykłady, może zaczerpniesz inspiracji:

    web push notification notyfikacje powiadomienia dobre praktyki ecommerce

    web push notification notyfikacje dobre praktyki travel turystyka

    Podsumowując...

    Attractive pictures in web push notifications can affect users behaviour, increase Click Through Rate and impact purchasing decisions. Follow our recommendations and remember that your subscribers deserve only high-quality content including visuals❤️


    Klaudia Kania

    Klaudia Kania

    Account Manager @PushPushGo

    Opiekuje się klientami PushPushGo, rozwiązuje ich bolączki i doradza, jak uzyskać najlepsze efekty dzięki naszym rozwiązaniom. Pasjonuje się projektowaniem graficznym, obrazem i jego wpływem na skuteczną komunikację z użytkownikiem.

    Back to top

    Przetestuj web push na swojej stronie

    Testuję za darmo

    Darmowa wersja zawiera wszystkie funkcjonalności systemu

    Fundusze Europejskie