Cele mai bune practici pentru imaginea eroului: 6 lucruri de luat în considerare

Imaginea eroului este bannerul principal de pe site, de obicei plasat vizibil, deasupra pliului – în față și în centru.

Imaginea eroului este prima imagine pe care publicul tău o va vedea atunci când intră în universul site-ului tău. Prin urmare, sarcina de a găsi și selecta imaginea eroului dvs. nu este o sarcină care trebuie luată cu ușurință.

În această postare, am evidențiat câteva dintre cele mai importante aspecte și cele mai bune practici pe care ar trebui să le luați în considerare atunci când alegeți o imagine de erou.

1. Folosiți imagini relevante

Deși petrecem mai mult timp online decât oricând, durata noastră de atenție scade rapid. Un studiu de la Universitatea Tehnică din Danemarca concluzionează că intervalul nostru de atenție colectivă se îngustează (sciencedaily.com). În timp ce timpul mediu petrecut pe o pagină în medie, în toate industriile, este de 62 de secunde, mai mult de 50% dintre vizitatori au petrecut mai puțin de 15 secunde activ pe o pagină (time.com).

Imaginea dvs. de erou trebuie să vă amplifice propunerea de valoare - ceea ce încercați să comunicați. Pune-ți următoarele întrebări:

• Ce emoții încerci să declanșezi?
• Cum se conectează imaginea dvs. la USP / ESP?
• Imaginea contextualizează conținutul site-ului?

Am adunat mai jos câteva exemple pentru a arăta cum o imagine de erou poate face acest lucru.

HubSpot: Folosind o ilustrație ca fundal erou, HubSpot exemplifică atât aspectul de creștere, cât și faptul că se adresează atât IMM-urilor, cât și companiilor.

Salvați copiii: Folosind o imagine a unui copil în fundalul lor de erou pentru a exemplifica unul dintre mulți copii pe care încearcă să-i salveze – și astfel (sperăm) să creeze o conexiune emoțională cu publicul.

Fermierii organici Riverford: un bun exemplu de cum să folosiți o imagine autentică legată de produse a legumelor organice. Imaginea este strâns legată de produse și USP.

2. Contrastul este cheia

Elementele de design ar trebui să fie separate pentru a scoate în evidență cel mai important element. Prin urmare, dincolo de alegerea unei imagini bune, ar trebui să luați în considerare și modul în care imaginea ar putea funcționa împotriva culorii fontului dorite, a îndemnului și a schemei de culori ale mărcii.

Utilizarea unei simple suprapuneri poate face de obicei o diferență uriașă, făcând textul să iasă în evidență. În plus, optimizarea saturației, temperaturii și contrastului cu un instrument de editare vă poate aduce imaginea la viață.

3. Folosiți formatul potrivit

Nu utilizați imagini de calitate scăzută. Imaginile pixelate sau neclare pot strica prima impresie. Cu toate acestea, deoarece imaginea eroului este un element critic CX, ar trebui să vă asigurați că imaginea este redată cât mai rapid posibil.

Utilizați imagini cu lățime între 1500 și 2500 de pixeli și comprimați-vă imaginea pentru a reduce dimensiunea fișierului și, astfel, a crește viteza de încărcare.

Deoarece formatul PNG produce de obicei o dimensiune mare a fișierului și vă recomandăm să utilizați acest format numai dacă aveți linii clare și zone clar separate de culori plate și text.

Mai multe instrumente online vă pot ajuta să vă comprimați imaginea:

• Tinyjpg.com: Până la 20 de imagini, maxim 5 MB fiecare.
• Compressor.io: acceptă jpg, png, gif, svg, webp. Maxim 10 MB
• Imagify.io: limita de încărcare a dimensiunii fișierului de 2 MB
• Shortpixel.com: Până la 50 de fișiere și maxim 10 MB.

4. Creați o conexiune emoțională

Un studiu recent publicat în Frontiers a descoperit că imaginile emoționale influențează oamenii mai mult decât cuvintele emoționale. Prin urmare, alegând o imagine cu un nivel ridicat de emotivitate, puteți declanșa o reacție emoțională în privitor.

Când observăm o expresie facială a emoției, adesea o imităm. Potrivit unei lucrări publicate în revista Trends in Cognitive Sciences, nu doar zâmbetele sau rânjetele noastre sunt contagioase, ci toate expresiile noastre faciale.

De fapt, creierul procesează imaginile de 60.000 de ori mai rapid decât textul, iar 90% din informațiile transmise creierului sunt vizuale (t-sciences.com). Suntem creaturi vizuale și prin valorificarea stimulilor emoționali, inclusiv fețe emoționale și imagini evocatoare, putem declanșa nu numai sentimente și asocieri pozitive, ci și să ajutăm publicul să decodeze mesajul dorit mai rapid și mai precis.

5. Fii autentic și realist

Consumatorii sunt copleșiți de stimuli, reclame și zgomot. Autenticitatea mărcii vă poate ajuta să spargeți zgomotul și să vă scoateți în evidență. Mesajele autentice și imaginile realiste rezonează mai puternic cu oamenii și vă ajută să creați o conexiune mai puternică cu publicul dvs.

Mai multe companii folosesc „oameni reali” pentru a-și comercializa produsele. Dove și-a început „Campania pentru frumusețe reală” în 2004, celebrând diferențele fizice naturale personificate de toate femeile. Dincolo de a câștiga numeroase premii, marca a creat o conexiune emoțională puternică cu publicul țintă, ceea ce a dus la o creștere semnificativă a vânzărilor.

În ultimul an, mărci precum Dove și ulterior Target au folosit cu succes „oameni adevărați” în reclamele lor și pentru un motiv întemeiat: merită să fii autentic.

Asta nu înseamnă că trebuie să faci singur toate pozele și nici că ar trebui să folosești imagini și videoclipuri cu o rezoluție scăzută. Cu toate acestea, ar trebui să folosiți fotografii cu oameni, locuri și experiențe reale și să transmiteți o poveste într-un mod real, mai degrabă decât să folosiți imagini care par înscenizate.

6. Testați și optimizați

Alegerea unei (noui) imagini de erou nu ar trebui să fie considerată etapa finală, ci mai degrabă începutul procesului de optimizare. După cum am menționat mai devreme, imaginea eroului este poate unul dintre cele mai importante elemente de design de pe site și poate avea un impact semnificativ asupra performanței tale generale.

Pentru a vă asigura că imaginea eroului dvs. funcționează conform intenției, ar trebui să implementați o urmărire adecvată a performanței înainte de a o activa. În acest scop, luați în considerare utilizarea unui instrument de testare A/B pentru a testa variante alternative și pentru a testa varianta originală pe noua imagine.

Într-un test implementat de Crazyegg, versiunea câștigătoare a crescut vânzările de către cumpărătorii globali cu 29,7%. În trecut, am folosit următoarele instrumente pentru a testa variațiile de imagine:

• Optimizare Google (gratuit)
• Optimizează
• Ou nebun

Amintiți-vă, eșecul este primul pas către succes și a nu încerca este mai rău decât a încerca și a eșua. S-ar putea să nu înțelegi bine de prima dată – dar testați, încercați noi variante și continuați să optimizați – și veți fi recompensat în consecință.