Imazhet heroike janë ato që krijuesit e faqeve shpesh përdorin për të përshëndetur vizitorët në faqen e tyre të internetit në një format tërheqës.

Nëse keni menduar ndonjëherë " çfarë është një imazh heroi? ", Ju jeni në vendin e duhur. Në këtë artikull, ne do të hedhim një vështrim në temën dhe mënyrën se si mund të krijoni imazhe të bukura heroi me efekte të fuqishme vizuale.

Një imazh hero është termi i përdorur nga krijuesit e internetit për të përshkruar përmbajtjen e tepërt në krye të një faqe në internet.

Roli i një imazhi heroi është të përshëndesë vizitorin tuaj sa më shpejt që ata takojnë biznesin ose organizatën tuaj. Bollëku i llojeve të imazheve të heroit në paketën e mjeteve për krijimin e faqes në internet ofron kaq shumë arsye për të përfshirë një imazh heroi në faqen tuaj të internetit.

Le të kuptojmë përparësitë kryesore të bërjes së kësaj, dhe pse?

Çfarë është një imazh heroi?

Duke përqafuar virtytin e një "përshtypje të mirë të parë", imazhet e heroit zakonisht kanë një ose më shumë nga karakteristikat e mëposhtme:

  • Një imazh me cilësi të lartë
  • Një video joshëse
  • Një rrëshqitës i imazhit ose një karusel multimedial
  • Ilustrim i animuar ose statik
  • Titrat dhe përshkrimet pranë ose përpara përmbajtjes vizuale

Për sa i përket stilimit, detajet e zakonshme të dizajnit që do të shihni të aplikuara në imazhet e heroit përfshijnë:

  • Imazhe në sfond ose video me mbivendosje në sfond
  • Pozicionim i fiksuar ose ngjitës
  • Tregimi ndikon në ndryshimin e transparencës ose mbivendosjes
  • Elementet e kontrastit që dallojnë imazhin nga titulli sipër ose përmbajtja pasuese

Risi e imazheve të heroit në krijimin e faqeve në internet është se nga njëra anë po punoni me një hapësirë ​​shumë specifike dhe të përcaktuar në faqen e internetit. Nga ana tjetër, zgjedhjet e stilit, efekteve dhe teknikave për t'u përdorur gjatë hartimit të kësaj pjese të përmbajtjes së faqes tuaj janë absolutisht të pafundme.

Pse duhet të përdorni një imazh heroi?

Kur dizajni dhe funksionaliteti i imazhit tuaj hero është i kalibrit të lartë, ju automatikisht arrini kredibilitetin dhe besimin e përdoruesit. Imazhi i heroit tuaj dhe përmbajtja e tij përreth heroit janë shpesh mundësia juaj e parë për të transmetuar pikën unike të shitjes së organizatës suaj dhe pikën kryesore të kontaktit të përdoruesit për konvertimin.

Kur kërkoni të nxisni sjellje të caktuara të përdoruesit, një pamje e nivelit të lartë, të fuqishëm të heroit që bën një përshtypje të fortë të parë tek vizitorët tuaj është mënyra më e mirë për të filluar.

Ju mund të bëni një përshtypje të parë të qëndrueshme

Përshtypjet e para kanë rëndësi në shumë fusha të jetës, por veçanërisht kur bëhet fjalë për mënyrën se si përdoruesit lidhen me estetikën e faqes në internet.

Rezultatet e ekspertëve në bashkëveprimin njeri-makinë (HCI) dhe vizualizimin në Hulumtimi i Google dëshmojnë ndikimin e imazheve të heroit në suksesin e një faqe në internet:

Ky studim, " Roli i kompleksitetit vizual dhe prototipicitetit në përshtypjet e para të faqes në internet : punojnë për të kuptuar gjykimet estetike ”, Studion sesi kompleksiteti vizual dhe prototipika ndikojnë në hartimin e një faqe në internet dhe përshtypjet e para të përdoruesve të saj.

Autorët treguan 119 pamje të ekranit nga uebfaqja tek pjesëmarrësit e tyre të studimit dhe zbuluan se kompleksiteti vizual dhe prototipika ndikojnë në perceptimin estetik të përdoruesit në 50 imazhet e para të ekspozitës, dhe nganjëherë edhe brenda 17 ms.

Si krijues të internetit, përfundimi ynë është mjaft i thjeshtë: Imazhi i heroit që ne zgjedhim dhe mënyra se si e paraqesim në faqen tonë ndikon në ndjenjën dhe sjelljen e përdoruesit në një mënyrë kryesore.

Ju do të përfitoni sa më shumë nga përmbajtja juaj mbi këtë

mbi krijimin e faqes në internet
Marrë nga: crazyegg.com

Seksioni "sipër palosjes" së një faqe në internet mund të përcaktohet me terma të thjeshtë: përmbajtja që mbush ekranin tuaj / shfaqet mbi kufirin e poshtëm të dritares së shfletuesit të internetit pasi faqja juaj të ngarkohet. Nëse përmbajtja kërkon që lëvizja të shihet, kjo do të thotë se ajo është e vendosur "nën palosje".

Koncepti i "sipër palosjes" filloi në hartimin dhe botimin e shtypur, shumë përpara epokës së mediave dixhitale. Ne të gjithë e dimë se si është të vëresh menjëherë diçka në gjysmën e sipërme të një faqe të parë, dhe madje është e sigurt të thuash se përmbajtja në faqen e parë është shpesh ajo që na bën të vendosim nëse do të blejmë apo jo. Një gazetë, ose thjesht të ndalojmë në një stendë gazetash.

Pikërisht kjo është arsyeja pse përmbajtja juaj mbi vija mund të jetë një ndërprerje kryesore në suksesin e faqes suaj të internetit.

Çka nënkuptojmë?

Nëse një vizitor i faqes në internet është i hutuar nga përmbajtja dhe imazhet tuaja më lart, ata do të largohen shpejt nga faqja juaj e internetit. Nëse imazhi i heroit tuaj dhe rrethinat e tij mbi vijën janë të qartë, tërheqës dhe përfaqësues të mirë të propozimit tuaj të vlerës, ai ka më shumë të ngjarë të qëndrojë rrotull.

Në fund të fundit, sa më shumë që investoni në imazhin dhe përmbajtjen e seksionit tuaj hero, aq më pak të ngjarë ka që përdoruesit të bëjnë një dalje të shpejtë.

Mos harroni për Dizajnin e Përgjegjshëm

Mbani në mend se vendndodhja e një rrudhe ekrani është subjektive ndaj madhësisë së ekranit të pajisjes. Ky është një konsideratë e rëndësishme në projektin e përgjegjshëm, pasi sipër përmbajtjes së palosjes duhet të personalizohet dhe konfigurohet në një mënyrë që të zbatohet për madhësi të shumta të pajisjes.

Krijuesit dhe zhvilluesit e faqeve shpesh përdorin pikat e prishjes specifike të pajisjes për të garantuar këtë përgjegjshmëri. Kjo ju jep kontroll të plotë mbi përshtatshmërinë e dizajnit të faqes tuaj në internet për madhësitë përkatëse të ekranit dhe shmang pamjen ose ndikimin e kompromentuar të imazhit tuaj hero.

Vendosni propozimin tuaj të vlerës pa mbingarkesë informacioni

si të krijoni një imazh heroi

Ju mund të jeni të njohur me konceptin e "mbingarkesë informacioniNë krijimin e faqes në internet dhe përvoja e përdoruesit : Ne duam të shmangim përdorimin e shumë përmbajtjes, veçanërisht përmbajtjen e shkruar, kur përfaqësojmë markën tonë dhe vlerën e biznesit tonë.

Në këtë kuptim, përdorimi i një imazhi, ilustrimi ose video vlen 1 fjalë. Përshtatja e imazheve efektive të markës do të kapë tërë historinë tuaj në një medium vizual. Në vend që të verbalizoni historinë tuaj dhe propozimin e markës, ju mund të jeni në gjendje të lehtësoni ngarkesën njohëse të përdoruesit tuaj në një mënyrë të thjeshtë dhe miqësore me përdoruesin.

Pamja e ekranit më sipër është marrë nga Ndërtim Millbrook, një kompani ndërtimi me bazë në Perth e specializuar në "ndërtime banimi me përfundime të nivelit të lartë dhe vëmendje në detaje". Për uebfaqen e tyre Elementor, imazhi hero në faqen kryesore e bën përdorimin perfekt të ndërfaqes së tij "mbi palosjen". Fotografi tërheqëse dhe e freskët e një shtëpie moderne të lumtur dhe një pishine të hapur krijon një dridhje pozitive, relaksuese.

Duke e bërë një hap më tej, zgjedhjet e stilit të figurës së plotë të sfondit dhe madhësia e një "batanije" tregojnë aftësinë e fortë të firmës për krijimin e pronave luksoze të banimit. Propozimi i vlerës është aq i qartë sa uji i pishinës, dhe përdoruesit thithin të qetë të gjithë informacionin e nevojshëm.

Imazhet tuaja heroike mund të ndihmojnë në konvertimin e skedarëve

si të krijoni një imazh heroi

Pikat tërheqëse dhe të dukshme të prekjes janë një përbërës themelor për një rrjedhë përdorimi të riprodhimit të konvertimit. Kjo është arsyeja pse marrëdhënia midis thirrjes për veprim të seksionit hero dhe vetë imazhit tuaj hero mund të bëjë ose të thyejë qëllimet e ndërtimit të faqes tuaj të internetit.

Le të thonë tekstet tuaja CTA " Regjistrohuni tani "" Lexo më shumë "" Na Kontaktoni », Etj., Imazhi i heroit tuaj duhet të koordinohet në mënyrë transparente në të gjitha frontet: dukshmëria, mesazhet, skema e ngjyrave, pamja, etj.

Bisedat e besueshme dhe efektive me klientët e mundshëm bazohen në një atmosferë të rehatshme dhe natyrore; imazhe vizualisht të këndshme është mënyra më e mirë për ta arritur këtë.

Kjo është pikërisht ajo që shohim në faqen e internetit të Elementor të krijuar nga Karikatura STL, një ekip artistësh vizatimorë që ofrojnë shërbime argëtuese në ngjarje. Titulli i animuar (teksti hero) përshkruan klientët e lumtur në imazhet e tyre heroike, duke treguar se çfarë ofrojnë artistët vizatimorë për secilin person.

Pra, pasi të keni mbledhur mëngët dhe të filloni të merreni me praktikat, çfarë hyn në procesin e vendosjes se çfarë lloji të imazhit të heroit do të përdoret?

Le të shqyrtojmë katër llojet e ndryshme të imazheve të heroit dhe si të vlerësojmë se cila do të jetë më e përshtatshme për faqen tuaj në internet.

# 1 Imazhi i heroit të produktit

si të krijoni një imazh heroi

Një imazh hero produkti është një imazh i madh, me definicion të lartë të produktit të markës. Këto imazhe mund të paraqiten në statike ose në lëvizje / në veprim, për sa kohë që ato ndihmojnë të vizualizojnë propozimin e vlerës së produktit.

Mënyrat më të njohura midis krijuesve të faqeve në internet për të shfaqur dhe personalizuar imazhet e tyre hero të produktit mund të përfshijnë:

  • Një shembull i detajuar / fotografik i një produkti individual, siç e shohim më sipër në faqen e internetit të kompanisë pajtim australian shman dashur.
  • Foto nga ekrani i një ndërfaqeje të produktit dixhital, të tilla si një panel kontrolli.

Imazhet e heronjve të produkteve zakonisht gjenden në faqet e internetit të E-Commerce (por jo ekskluzivisht). Blerësit e mundshëm presin të shohin shembuj të vërtetë të produkteve, duke ndihmuar në marrjen e vendimeve të informuara në lidhje me përshtatshmërinë e dyqanit për nevojat e tyre të blerjes.

Dashnori i Avo përdori Elementor për të krijuar faqen e tyre të tregtisë elektronike, të cilën klientët e tyre e përdorin për të blerë pajtime javore të avokadove të freskëta të dorëzuara në pragun e tyre.

Baza e klientëve të Avo lover është një treg i ngrohtë në një zonë interesi të përcaktuar ngushtë, kështu që zgjedhja e tyre e imazhit të heroit të produktit ka kuptim të përsosur. Abonentë të mundshëm janë entuziastë të avokados; të shohësh një fotografi nga afër dhe të ndërlikuar të produkteve është pikërisht ajo që ata po kërkojnë të shohin.

Praktikat më të mira:

  • Investoni në cilësinë e imazheve në sfond

Pavarësisht nëse imazhi juaj i sfondit është një fotografi, video, ilustrim, etj, skedari i figurës duhet të jetë sa më i lehtë, me rezolucion të qartë kristal.

  • Kushtojini vëmendje niveleve të kontrastit

Nëse shtoni tekst përpara figurës së seksionit tuaj hero (ose përbërës të çfarëdo lloji), sigurohuni që kontrasti midis elementeve të faqes në internet të jetë i fortë dhe të shihet lehtësisht. Kjo është ajo ku mbivendosjet në sfond dhe efektet e filtrit mund të jenë jashtëzakonisht të dobishme.

# 2 Imazhi i heroit të klientit

Lloji i mëposhtëm i imazhit të heroit të përdorur nga bizneset në internet merr një qasje alternative për të treguar vlerën e tyre të shtuar: duke treguar klientin e tyre duke përdorur produktin. Kjo perspektivë është një mënyrë strategjike për të treguar ndjeshmëri me vizitorët tuaj, duke demonstruar shkurtimisht se ju e kuptoni pikën e tyre të dhimbjes dhe mund të plotësoni nevojat e tyre.

Videoklipi i mësipërm është marrë nga faqja Elementor krijuar nga Alexander Fischer, një trajner personal me bazë në Stuggart i cili ofron një sërë shërbimesh të lidhura me shëndetin dhe palestrën.

Imazhi i heroit të klientit të Aleksandrit tregon më shumë sesa një klient i kënaqur që gëzon një mënyrë jetese të shëndetshme dhe të përshtatshme. Imazhi hero e çon atë një hap më tej duke shfaqur një video që paraqet lidhjen e klientit të tij dhe lidhjen me të dashurit e tij.

Praktikat më të mira:

  • Ndani rastet tuaja të përdorimit dhe përvojën e klientit

Diferenconi produktin tuaj duke treguar rastin e tij më dominues të përdorimit. Një imazh që përcjell qëllimet dhe vlerën e biznesit tuaj tregon se si vizitori do të përfitojë nga oferta juaj unike.

  • Lidheni me audiencën tuaj të synuar

Sigurohuni që audienca juaj e synuar të llogaritet kur zgjedhni llojin e personit që do të shfaqet në imazhin tuaj. Zgjidhni një imazh që komunikon të kuptuarit tuaj të fushës dhe aftësinë tuaj për të kënaqur klientët tuaj.

# 3 Imazhi i heroit themelues

si të krijoni një imazh heroi

Një imazh i heroit themelues është një imazh i madh i themeluesit të pronarit të biznesit, i vendosur në seksionin hero për të përshëndetur vizitorin e faqes në internet.

Imazhet e heroit themelues shpesh përdoren në faqet e internetit të portofolit për profesionistët e pavarur, pronarët e bizneseve si një psikolog, artist i makijazhit ose muzikant siç tregohet në Uebfaqja e Elementor nga Jasmine Cain sipër.

Virtyti më i madh i një imazhi heroi themelues është se i vë fytyrën një emri; lidh vizitorin e faqes në internet me ofruesin e shërbimit, duke krijuar një dinamikë të këndshme midis dy individëve.

Zgjedhja e imazheve për imazhin tuaj hero themelues duhet të trajtohet me kujdes. Me shumë opsione për të zgjedhur, e cila ulet deri në:

çfarë do të përcjellë mesazhin e markës suaj në mënyrën më të fortë të mundshme?

A është kjo një foto e themeluesit duke parë drejt kamerës dhe duke buzëqeshur, apo ndoshta duke parë në një drejtim tjetër?

Apo, a do të ishte më e përshtatshme për një fotografi të çiltër të pronarit të zellshëm të biznesit?

Praktikat më të mira:

  • Kushtojini vëmendje madhësisë dhe dimensioneve

Përdorni një imazh (ose video) të qartë, me madhësi të mirë, që u tregon vizitorëve detajet e sakta që duhet të shohin. Nëse është e nevojshme, mund të përqendroheni në zona më të mëdha të imazheve tuaja duke i prerë ato dhe duke hequr përmbajtje më pak të rëndësishme.

  • Përqendrohuni në atë që imazhi juaj duhet të përcjellë

Roli i sfondit duhet të jetë përqëndrimi tek personi përballë, jo anasjelltas. Imazhet më me ndikim të heroit themelues do të tregojnë pronarin e buzëqeshur të biznesit, duke nënkuptuar pasionin e tij për t'i mbajtur klientët të lumtur.

# 4 Imazh i heroit jo kontekstual

si të krijoni një imazh heroi

Imazhet e heroit jo kontekstual janë, siç sugjeron emri, sekuenca që shfaqin diçka në dukje 'pa lidhje' me pronarin e produktit ose biznesit. Qëllimi i një imazhi heroi jo-kontekstual është të bëjë një përshtypje tek vizitori përmes shoqatës vizuale ose një mesazhi nënndjenës. Shikimi i imazhit jo kontekstual i tregon përdoruesit se cili është produkti ose marka, por në një mënyrë indirekte.

Kjo teknikë përdoret, për shembull, në shembullin e mësipërm nga faqja e internetit e Elementor e ndërtuar nga kompania e marketingut dixhital Teknologjia AP, me seli ne Oklahoma. Uebfaqja e kompanisë përdor një imazh të gjerë, të qartë të sfondit që tregon një kënd unik të rrokaqiejve të Oklahoma City.

Kjo fotografi përfaqëson propozimin e vlerës së ndërmarrjes, siç thuhet në tekstin hero të faqes në internet: Ndërtoni biznesin tuaj dhe shikoni se si rritet, aq i gjatë sa kullat më të larta të zyrave në qytet.

Sapo syri i njeriut sheh strukturat fizike që dominojnë qiellin, e kupton që këta profesionistë të marketingut po punojnë për të hequr bizneset nga toka, deri në lartësi.

Praktikat më të mira:

  • Sigurohuni që vizitorët të kuptojnë pse imazhi është i rëndësishëm

Ndërsa nuk shfaqni një pamje direkte të vetë produktit tuaj, sigurohuni që lidhja e vlerës së produktit tuaj me imazhin tuaj hero jo kontekstual është akoma e lehtë për tu identifikuar. Përdoruesit nuk duhet të kalojnë kohë duke menduar për rëndësinë e tij.

  • Bëni një lidhje të qartë midis imazhit të heroit dhe tekstit të heroit

Teksti hero që vendosni së bashku me imazhin tuaj duhet të lidhet drejtpërdrejt me përmbajtjen e tij vizuale. Shtë një domosdoshmëri, edhe nëse kërkon disa përsëritje të tekstit tuaj dhe zgjedhjen e formulimit.

  • Krijoni një skemë kohezive të dizajnit

Ngjyrat që zgjidhni për tekstet dhe sfondet e butonave, kokat ose përshkrimet duhet të koordinohen me imazhin e heroit ose veprën artistike. Kjo vlen edhe për theksimet e klikueshme në faqen tuaj të internetit:

elementet e menusë së navigimit, logon, etj ...

Të gjithë e dimë se sa e rëndësishme është një gjuhë vizuale e qëndrueshme për prestigjin e faqes sonë të internetit, praninë e markës dhe besueshmërinë profesionale. Kjo është ajo ku udhëzuesit e stilit të dizajnit mund të jenë vërtet të dobishëm, veçanërisht për t'u siguruar që imazhet e heroit tuaj të jenë në një linjë me modelin tuaj të internetit.

Si të provoni imazhin tuaj hero: metodat që na pëlqejnë

Pasi të filloni të eksperimentoni me disa opsione për imazhin tuaj të heroit, menjëherë mund të vlerësoni se cili opsion gjeneron më shumë angazhim dhe të fitoni njohuri për modelin më efektiv - dhe në fund të fundit të qëndroni me atë.

Këtu janë disa metoda të testimit të domosdoshme, të cilat janë të lehta për tu vendosur dhe ofrojnë një mori njohurish për tu siguruar që jeni duke përdorur imazhin më të mirë të heroit të mundshëm.

A / B Testo imazhin tënd të heroit

Testimi i A / B kërkon që projektuesi të krijojë dy ose më shumë opsione për seksionin hero (nëse janë dy versione të titujve dhe kopjes së tyre, vetë imazhi hero, seksioni i faqosjes, madhësia e shkronjave ose çfarëdo tjetër që mund të mendoni) - kjo varet plotësisht nga ju.

Imagjinoni që keni vendosur të përdorni një modalitet përzierje kur përdoruesit qëndrojnë pezull mbi imazhin tuaj të heroit, por ju nuk e dini se cila mënyrë do të përmirësojë më shumë përvojën e përdoruesit.

Kryen një Testi A / B midis dy opsioneve të ndryshme të modalitetit (ka 13 opsione të përzierjes, në fund të fundit), ju lejon të provoni më shumë se një mënyrë për të parë se cila merr më shumë lëvizje, klikime dhe në fund më shumë angazhim.

Një nga hapat më të zakonshëm dhe të rëndësishëm në testimin A / B në seksionin e heroit tuaj është të provoni gjithashtu të paktën dy opsione të butonit CTA - për të identifikuar se cili buton merr më shumë shndërrime.

Në mënyrë të veçantë, testimi i ngjyrës së një butoni CTA është gjithmonë një përvojë e dobishme që ju lejon të kuptoni se cila ngjyrë e butonit tërheq dhe tërheq më shumë përdoruesit. Testimi i ngjyrës së butonit A / B është shumë i popullarizuar në mesin e krijuesve të faqeve të internetit sepse është i shpejtë dhe i lehtë për tu kryer dhe vështirë se kërkon burime shtesë të dizajnit.

Përdorni mjetet e hartës së nxehtësisë për të zbuluar sjelljen e përdoruesit

Mjetet e Hartmap identifikojnë dhe analizojnë vendet ku përdoruesit klikojnë në një faqe në internet. Këto mjete lejojnë pronarët e faqeve të internetit dhe faqeve të uljes të shohin saktësisht se si përdoruesit po lundrojnë në mënyrë aktive në përmbajtje. Kjo arrihet pasi mjeti të identifikojë nëse përdoruesit po bashkëveprojnë me elementët kryesorë (dhe si), si lidhjet, butonat, opsionet dhe natyrisht, CTA -të.

Këtu janë disa informacione që pronarët e faqeve të internetit mund të mbledhin nga përdorimi i mjeteve të hartave të nxehtësisë:

  • Artikujt pa klikim i tërheqin vëmendjen përdoruesve.
  • Madhësitë e butonave janë shumë të mëdha ose shumë të vogla.
  • Ngjyrat e butonave nuk janë të dukshme.

Bëhu heroi i faqes tënde të internetit

Projektimi i seksionit tuaj hero dhe imazhi i tij hero është një nga vendimet më thelbësore dhe me ndikim në procesin e dizajnimit tuaj të internetit. Krijuesit e uebit shpesh i referohen seksionit hero të një faqe në internet si "akti i hapjes" i prezantimit të faqes suaj të internetit, në thelb gjestin tuaj të mirëseardhjes.

Trendet e faqes në internet vazhdimisht evoluojnë, duke shtuar veçori të reja në mundësitë e krijimit të uebit. Alwaysshtë gjithmonë e rëndësishme të mbani pjesën tuaj të heroit në ballë të konsideratave tuaja të dizajnit - duke u siguruar që ajo gjithmonë të arrijë potencialin e saj në prezantimin e faqes suaj të internetit para turmave.

Merrni Elementor Pro Tani!

përfundim

Këtu! Kjo është ajo për këtë artikull i cili ju tregon se si të krijoni një imazh heroi. Nëse keni ndonjë shqetësim se si të arrini atje fna tregoni në komente.

Sidoqoftë, gjithashtu mund të këshilloheni burimet tona, nëse keni nevojë për më shumë elemente për të realizuar projektet tuaja të krijimit të faqeve në Internet, duke u konsultuar me udhëzuesin tonë për Krijimi i blogut të WordPress ose atë më Divi: tema më e mirë e WordPress të të gjitha kohërave.

Por në ndërkohë, ndajeni këtë artikull në rrjetet tuaja të ndryshme sociale.

...

0 aksionet
pjesë
cicërimë
Regjistrohem