A legtöbben úgy gondolják, hogy jó nyitóoldal elég, ha vizuálisan vonzó. De a valóság az, hogy még ha a világ legjobb tervezőjét vagy weblaptervezőjét is alkalmazza, ez nem garantálja, hogy a céloldal konvertálódik és működik.

Ebben a bejegyzésben megtanulunk néhány egyszerű fogalmat a tervezésről, az összetételről és a vizuális súlykontrollról, hogy javítsuk a céloldal konverziós arányát.

Mi az a céloldal ?: Ez a céloldal, amelyet adatgyűjtés vagy termék vagy szolgáltatás népszerűsítése céljából hoztak létre. A felhasználó ezen az oldalon AdWords kampányok, szalaghirdetések vagy más hasonló tartalmak útján jut el. A céloldalak célja, hogy a felhasználó konverziót hajtson végre, legyen szó a potenciális ügyfelek megragadásáról vagy értékesítésről.

1. A vizuális súly befolyásolja a felhasználó figyelmét

Gondoljon a céloldalra mint elemkészletre. Ezen elemek között van szöveg, gomb, fotó, űrlap és ikon.

Ezen elemek mindegyikének van súlya.

Az a trükk, hogy a felhasználókat bizonyos, az Ön számára megfelelő műveletek végrehajtására készteti, ha a többinél fontosabb elemeket hozunk létre. A tartalommarketingben ez az úgynevezett cselekvésre való felhívás, hozzon létre cselekvésre ösztönzést, hogy a céloldal egyik eleme mindenekelőtt kiemelkedjen.

Ezt a vizuális súly.

Mi a vizuális súly? Az az erő, amellyel a kompozíció egyik eleme vonzza a felhasználó szemét, minél nagyobb az elem vizuális súlya, annál nagyobb lesz a vonzó erő.

Minél nehezebb egy tétel, annál fontosabbnak tűnik a felhasználó számára, és ezért annál tovább koncentrálja a figyelmét erre.

céloldalon

Ha te CTA nehéz (nagyobb vizuális súly), a látogatók több időt töltenek arra, hogy odafigyeljenek rá.

Minél több időt tölt a felhasználó a CTA-ra összpontosítva, annál valószínűbb, hogy végrehajtja ezt a műveletet.

Példa a felhasználásra, hogy hogyan csinálják ezt a valenciai weboldaltársaságban:

2. Milyen tényezők adnak nagyobb vizuális súlyt a céloldal elemeinek

Számos módja van annak, hogy lemérjen egy elemet a céloldalon. Az egyszerűség kedvéért háromra szorítkozunk: a szín, a kontraszt és a méret.

A szín

A fenti példában a céloldal sötét, szinte fekete-fehér színnel rendelkezik, az oldalon csak a kék CTA gomb található, amelynek angol nyelvű mondata "Mutasd meg, hogyan vonzhatok több ügyfelet!".

Amikor egy felhasználó leszáll a céloldalain, nézete közvetlenül arra a kék gombra jut.

A kék gomb súlya, vizuálisan.

Most nézze meg ezt a másik példát egy extra kék színnel:

Ennek a leszállásnak kék fejléce, betűi és két gombja van.

Milyen információkat kap itt a felhasználó? Minden. Ennek a céloldalnak a látogatója dezorientálódik.

A kék gombnak itt nincs súlya. Mivel minden kék, ez az elem elvesztette értelmét és szándékát.

Amikor az összes elem fontos, semmi sem az. Csak akkor használja az ébresztést okosan, ahol azt szeretné, hogy a felhasználó több időt töltsön összpontosítva.

A kontraszt

A kontraszt minden kialakításban az egyik legfontosabb dimenzió, és a céloldalon sem lesz kevesebb.

A kontraszt segítségével a felhasználó könnyebben azonosíthatja az elemeket:

Egyszerű, fontos elemek nagy kontrasztúak. A fenti példában jól látható a különbség az alacsony kontraszt és a magas kontraszt között.

Ha világos szöveg világos háttéren világít, akkor alacsony a kontraszt.

Ha alacsony a kontraszt, akkor a leszállás látogatói nem fogják vonzani a fontos elemeket, és egy cseppet sem fognak odafigyelni rájuk.

Kontrasztot kell létrehoznia a háttérben és egyben a leszállás többi eleme között, mint a fekete szöveg és a CTA gomb.

Az elemek nagy kontrasztúak, vizuálisan nehézek.

A méret

Minél nagyobb egy tétel, annál nagyobb a súlya.

A fenti példában azt látjuk, hogy általában sokkal nagyobb betűméretet használnak a címsorban.

Egy ilyen méretű címsor igényli a felhasználó figyelmét, és előbb elolvassa.

Ha az alapcímhez vagy az azt követő bekezdéshez hasonló méretű fő címet hagyunk, akkor a felhasználó kihagyja és átugorja.

Az elem méretének a színével és kontrasztjával való kombinálásának eredménye az már van olyan elemed, amelyre a felhasználó nagyon odafigyel.

3. Mi legyen vizuális súlyú és mi ne legyen?

A. Legfontosabb elemei nyitóoldal lenne:

  • Fő tartó vagy fejléc (UVP)
  • Másodlagos vagy alcím
  • Cselekvésre ösztönzés (CTA) gomb

UVP (egyedi érték javaslat), egyedi értéktétel. A céloldalakra alkalmazott marketingkoncepció "olyan okok összessége, amelyek ráveszik az embereket az Ön által tervezett cselekvésre", ehhez a termékének valamilyen versenyelőnnyel kell rendelkeznie, amelyet kiemel a fő címsorban.

Meglátjuk, hogyan lehet vizuális súlyt alkalmazni ezekre az elemekre.

A fő címsor vagy az egyedi érték javaslata

A fő címsornak vagy az egyedi értéknek a (z) elemnek kell lennie nagyobb súly az oldalad.

Amikor a felhasználó a céloldalra kerül, körülbelül 5 másodperc áll rendelkezésére arra, hogy eladja azt, amit kínál.

Ennek egyetlen módja az, hogy ráébressze a címsort elolvasni és elnyelni.

Ennek lennie kell NAGY, az oldal legnagyobb betűmérete. Még nagyobb, mint a logód vagy a márkád.

A fő címsornak vagy címsornak tartalmaznia kell a MAGAS KONTRASZT. Ha kétségei vannak ezzel kapcsolatban, azt tanácsolom, hogy ne használjon színes betűtípusokat. Ha a szöveg sötét háttéren van, akkor fehér szöveget használjon, és ha világos háttéren van, akkor fekete szöveget használjon.

A fejléc színe nem lehet ugyanaz, mint a CTA gomb.

Az Ön alcíme vagy másodlagos címsora

A másodlagos címsor, alcím vagy alcím lehetőséget ad a címsorban szereplő információk részletesebb kibővítésére. Ez a szöveg fontos, de nem olyan fontos, mint a cselekvésre ösztönzés gomb.

A betűméretnek nagyobbnak kell lennie, mint a céloldal alap bekezdésének, de kisebbnek kell lennie, mint a fő címsor betűmérete.

Kellett volna MAGAS KONTRASZT akárcsak a fő fejléc. Hasonlóképpen, nem lehet azonos színű, mint a CTA gomb.

Vizuálisan ez az elem a harmadik legfontosabb a céloldalon.

A Cselekvésre ösztönzés (CTA) gomb

Jó gyakorlatnak számít, ha minden oldalon van egy meghatározott cél, és a felhasználón keresztül a felhasználón keresztül vezetik a felhasználókat CTA (cselekvésre ösztönzés), cselekvésre való felhívás.

A cselekvésre ösztönzés gomb a céloldal szent szemléje. Keleti CTA gomb Nemcsak azt mondja meg a felhasználónak, hogy mit szeretne csinálni, hanem provokatív módon is.

A cselekvésre ösztönzés gombot kiegészíti a fő címsor vagy fejléc (UVP) üzenete és fordítva. Az egyik nem lehet a másik nélkül, és ezek a különálló elemek elveszítenék értelmüket.

Vita folyik arról, hogy mi a fontosabb ... ha a CTA gomb vagy az UPV fejléc, véleményem szerint a helyzettől függ. Lehet, hogy az UVP-nek nagyon vonzó értékjavaslata van, vagy nem, és ezt kompenzálnia kell egy agresszív és erős CTA-val.

Mindenesetre te A CTA gombnak NAGYnak kell lennie, így könnyen áttekinthető és kattintható.

Magas kontrasztnak kell lennie, nemcsak a gomb és a háttér mellett, hanem a gomb betűszínének és háttérszínének szintjén is (a fenti példában sárga).

A CTA háttérszínének egyedinek kell lennie minden leszállásodban és feltűnő.

Példa: ha a leszálló színpaletta zöld és kék, használhat egy narancssárga CTA gombot.

Utoljára, a CTA gombnak igazi gombnak kell lennie.

Azért mondom ezt, mert a mostani tendencia átlátszó gombokat tervez, vékony vonallal. Nem javaslom ezt megtenni, mivel jobban hasonlít egy dobozra, mint egy gombra.

4. A józan ész a legjobb szövetséges a tervezéshez

A vizuális súly használatának megtanulása nagy előny, amelyet figyelembe kell venni, amikor azt akarjuk, hogy a céloldal látogatói konverziókat generáljanak.

azonban, nincs pontos tudomány, hogy megtudja, hogy a céloldal mely elemei a legfontosabbak.

A céloldal figyelmes és józan észlelésével történő megállás nagyban segít a leggyakoribb hibák azonosításában és kijavításában.

Tedd magad a felhasználó cipőjébe, és próbáld feltenni magadnak, mire van szükségük. Ezután nézze meg, valóban biztosítja-e a cél eléréséhez szükséges eszközöket.

Ha azt szeretné, hogy a felhasználó kattintson a gombra, Szabad szemmel látod?

Ha meg akarja magyarázni a felhasználónak, milyen csodálatos a terméke, Előnyt élvez-e más elemekkel szemben?

Gondoljon a céloldalára, mintha egy valós beszélgetés lenne. Hangosan és tisztán kell kommunikálnia.

Alkalmazza ezt a gondolkodásmódot a leszállásra, és vizuális súly segítségével irányítsa a látogatót a beszélgetés elejétől a végéig.

Utolsó következtetések

Akár befejezte a céloldal létrehozását, akár azt tervezi, hogy elindítja, otthagyom rövid összefoglaló a legfontosabb emlékezetes pontokról:

  • A vizuális súlyt takarékosan alkalmazza: A leszállás nem minden eleme fontos. Gondosan válassza ki a legfontosabb elemeket, és alkalmazza rájuk a szükséges súlyt.
  • Állítson be egyetlen konverziós célt a látogatók számára: A vizuális súly helyes alkalmazásához kulcsfontosságú annak ismerete, hogy mit akarnak a leszállásra érkező felhasználók.
  • Vizuális súly segítségével irányítsa a felhasználót: Ha megfelelően csináljuk, akkor a súlyok sokfélesége a felhasználót a helyes útra terelheti CTA.
  • Adja meg a gombjainak megjelenését: itt felejtsd el a webdesign trendjeit, ha azok negatívan befolyásolják a cselekvésre ösztönzés gomb vizuális súlyát.
  • Tegyen fel magának józan észre vonatkozó kérdéseket: Látható és figyelemfelkeltő a CTA-m? Elirányítom a felhasználót, ahol akarom? Gyorsan olvasható a fő címem? 5 másodperc alatt eladom a termékemet?

Remélem, hogy ez a cikk hasznos volt számodra, hogy megértsd annak fontosságát és erejét, hogy megfelelő vizuális súlyt alkalmazz a céloldalak elemeire. Csak abban az esetben, ha hozzáadtam a céloldal definícióját és más marketing fogalmakat. Közvetlenül Craig Morrison cikkéből fordítják, és néhány személyes megjegyzést és fogalmat is hozzáfűztem.