Najlepsze praktyki dotyczące wizerunku bohatera: 6 rzeczy do rozważenia

Obraz bohatera jest głównym banerem na stronie, zwykle umieszczonym w widocznym miejscu, nad zakładką – z przodu i na środku.

Obraz bohatera to pierwszy obraz, który zobaczą Twoi odbiorcy, gdy wejdą w świat Twojej witryny. Dlatego zadanie pozyskiwania i wybierania wizerunku bohatera nie jest zadaniem, które należy lekceważyć.

W tym poście podkreśliłem kilka najważniejszych aspektów i najlepszych praktyk, które należy wziąć pod uwagę przy wyborze wizerunku bohatera.

1. Użyj odpowiednich obrazów

Podczas gdy spędzamy więcej czasu w Internecie niż kiedykolwiek wcześniej, nasza koncentracja uwagi gwałtownie się zmniejsza. Badanie przeprowadzone na Uniwersytecie Technicznym w Danii wykazało, że nasza wspólna koncentracja uwagi ulega zawężeniu (sciencedaily.com). Podczas gdy średni czas spędzany na stronie, we wszystkich branżach, wynosi średnio 62 sekundy, ponad 50% użytkowników spędza aktywnie na stronie mniej niż 15 sekund (time.com).

Twój wizerunek bohatera musi wzmacniać twoją propozycję wartości – to, co próbujesz przekazać. Zadaj sobie następujące pytania:

• Jakie emocje próbujesz wywołać?
• Jak twój obraz łączy się z twoim USP / ESP?
• Czy obraz kontekstualizuje zawartość witryny?

Zebraliśmy kilka przykładów poniżej, aby pokazać, jak może to zrobić obraz bohatera.

HubSpot: Wykorzystując ilustrację jako tło bohatera, HubSpot ilustruje zarówno aspekt wzrostu, jak i zaspokajanie potrzeb zarówno małych, jak i dużych przedsiębiorstw.

Save the Children: Używanie zdjęcia dziecka w tle bohatera, aby zilustrować jedno z wielu dzieci, które próbują uratować – i w ten sposób (miejmy nadzieję) tworząc emocjonalne połączenie z publicznością.

Riverford Organic Farmers: Dobry przykład, jak wykorzystać autentyczny obraz ekologicznych warzyw związanych z produktem. Obraz jest ściśle związany z produktami i USP.

2. Kontrast jest kluczem!

Elementy projektu powinny się wyróżniać, aby wyróżnić najważniejszy element. Dlatego poza wyborem dobrego obrazu należy również zastanowić się, jak ten obraz może działać w stosunku do pożądanego koloru czcionki, wezwania do działania i schematu kolorów marki.

Korzystanie z prostej nakładki zwykle może mieć ogromne znaczenie, dzięki czemu Twój tekst będzie się wyróżniał. Co więcej, optymalizacja nasycenia, temperatury i kontrastu za pomocą narzędzia do edycji może ożywić obraz.

3. Użyj odpowiedniego formatu

Nie używaj obrazów o niskiej jakości. Rozpikselowane lub rozmazane zdjęcia mogą zepsuć pierwsze wrażenie. Ponieważ jednak grafika bohatera jest krytycznym elementem CX, powinieneś upewnić się, że obraz renderuje się tak szybko, jak to możliwe.

Użyj obrazów o szerokości od 1500 do 2500 pikseli i skompresuj obraz, aby zmniejszyć rozmiar pliku, a tym samym zwiększyć szybkość ładowania.

Ponieważ format PNG zwykle generuje duży rozmiar pliku, zalecamy używanie tego formatu tylko wtedy, gdy masz ostre linie i wyraźnie oddzielone obszary płaskich kolorów i tekstu.

Kilka narzędzi online może pomóc w skompresowaniu obrazu:

• Tinyjpg.com: Do 20 obrazów, maks. 5 MB każdy.
• Compressor.io: Obsługuje jpg, png, gif, svg, webp. Maksymalnie 10 MB
• Imagify.io: Limit rozmiaru pliku do 2 MB
• Shortpixel.com: do 50 plików i maksymalnie 10 MB.

4. Stwórz więź emocjonalną

Niedawne badanie opublikowane w Frontiers wykazało, że emocjonalne obrazy bardziej wpływają na ludzi niż emocjonalne słowa. Dlatego wybierając obraz o wysokim poziomie emocjonalności, możesz wywołać u widza reakcję emocjonalną.

Kiedy obserwujemy wyraz twarzy emocji, często go naśladujemy. Według artykułu opublikowanego w czasopiśmie Trends in Cognitive Sciences, nie tylko nasze uśmiechy czy uśmiechy, ale wszystkie nasze wyrazy twarzy są zaraźliwe.

W rzeczywistości mózg przetwarza obrazy 60 000 razy szybciej niż tekst, a 90 procent informacji przekazywanych do mózgu ma charakter wizualny (t-sciences.com). Jesteśmy stworzeniami wizualnymi i wykorzystując bodźce emocjonalne, w tym emocjonalne twarze i sugestywne obrazy, możemy wywoływać nie tylko pozytywne uczucia i skojarzenia, ale także pomóc odbiorcom szybciej i dokładniej rozszyfrować pożądaną wiadomość.

5. Bądź autentyczny i realistyczny

Konsumenci są przytłoczeni bodźcami, reklamami i hałasem. Autentyczność marki może pomóc przebić się przez hałas i wyróżnić Cię. Prawdziwe wiadomości i realistyczne obrazy silniej oddziałują na ludzi i pomagają stworzyć silniejszą więź z odbiorcami.

Coraz więcej firm wykorzystuje „prawdziwych ludzi” do sprzedaży swoich produktów. Dove rozpoczęło swoją „Kampanię na rzecz prawdziwego piękna” w 2004 roku, celebrując naturalne różnice fizyczne uosabiane przez wszystkie kobiety. Oprócz zdobycia licznych nagród, marka stworzyła silne emocjonalne połączenie z grupą docelową, co zaowocowało znacznym wzrostem sprzedaży.

Marki takie jak Dove, a później Target z powodzeniem wykorzystywały w swoich reklamach „prawdziwych ludzi” i nie bez powodu: bycie autentycznym się opłaca.

Nie oznacza to, że musisz sam robić wszystkie zdjęcia, ani że powinieneś używać zdjęć i filmów o niskiej rozdzielczości. Powinieneś jednak wykorzystać zdjęcia prawdziwych ludzi, miejsc i doświadczeń i przekazać historię w sposób rzeczywisty, a nie używać obrazów, które wydają się zainscenizowane.

6. Testuj i optymalizuj

Wybór (nowego) obrazu bohatera nie powinien być traktowany jako ostatni etap, ale raczej początek procesu optymalizacji. Jak wspomniano wcześniej, wizerunek bohatera jest prawdopodobnie jednym z najważniejszych elementów projektu na stronie internetowej i może mieć znaczący wpływ na ogólną wydajność.

Aby upewnić się, że obraz bohatera działa zgodnie z założeniami, przed uruchomieniem go zaimplementuj odpowiednie śledzenie wydajności. W tym celu rozważ użycie narzędzia do testowania A/B, aby przetestować alternatywne warianty i przetestować oryginalny wariant z nowym obrazem.

W teście wdrożonym przez Crazyegg zwycięska wersja zwiększyła sprzedaż wśród kupujących na całym świecie o 29,7%. W przeszłości używałem następujących narzędzi do testowania odmian obrazu:

• Optymalizacja Google (bezpłatnie)
• Optymalizuj
• Szalone Jajko

Pamiętaj, porażka jest pierwszym krokiem do sukcesu, a brak prób jest gorszy niż próbowanie i porażka. Możesz nie zrobić tego dobrze za pierwszym razem – ale testuj, wypróbuj nowe odmiany i kontynuuj optymalizację – a zostaniesz odpowiednio nagrodzony.