Enter your text here...

Enter your text here...

Last updated - Enter your text here...
Enter your text here...
Reading time - Enter your text here...
Mobile push
Web push

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

Ostatnio zaktualizowany - 7/12/2023
Autor Klaudia Kania
4 min Read
web and mobile push notifications © Bella Zhong from Pexels via canva.com

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.

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.

web push notyfikacje błęndy
  • Słaba jakość obrazu i niska rozdzielczość.

    web push notyfikacje błęndy
  • Mały kontrast pomiędzy głównym obiektem na zdjęciu a kolorem tła.

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. 

how-colours-affect-on-marketing-results

Ż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 notyfikacje
web push notyfikacja przykład

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

Account Manager @PushPushGo

Wypróbuj powiadomienia push od PushPushGo

Załóż konto i zacznij testować!

Rozwijaj biznes z PushPushGo