Повечето мислят, че за да има добро целевата страница достатъчно е, ако е визуално привлекателен. Но реалността е, че дори да наемете най-добрия дизайнер или дизайнер на уеб страници в света, това не гарантира, че вашата целева страница ще конвертира и работи.

В тази публикация ще научим някои прости концепции за дизайн, композиция и визуален контрол на теглото, за да подобрим степента на конверсия на целева страница.

Какво е целева страница ?: Това е целевата страница, генерирана с цел събиране на данни или популяризиране на продукт или услуга. Потребителят попада на тази страница чрез adwords кампании, банери или друго подобно съдържание. Целта на целевите страници е потребителят да направи преобразуване, било то улавяне на потенциални клиенти (потенциални клиенти) или генериране на продажби.

1. Визуалната тежест влияе върху вниманието на потребителя

Помислете за вашата целева страница като набор от елементи. Сред тези елементи имаме текст, бутони, снимки, формуляри и икони.

Всеки от тези елементи има тежест, свързана с него.

Номерът да накарате потребителите да извършват определени действия, които ви подхождат, е да създадете елементи с по-голямо значение от останалите. В маркетинга на съдържание това е известно като призив за действие, създайте призив за действие, като направите един елемент от вашата целева страница да се откроява преди всичко.

Постигаме това чрез увеличаване на визуално тегло.

Какво е визуалното тегло?: Това е силата, с която елемент от композиция привлича погледа на потребителя, колкото повече визуално тегло има този елемент, толкова по-голяма ще бъде привлекателната сила.

Колкото по-тежък е даден елемент, толкова по-важен ще изглежда той на потребителя и следователно колкото по-дълго те фокусират вниманието си върху него.

повече

Ако ти CTA е тежък (повече визуално тегло), посетителите ще прекарват повече време, като му обръщат внимание.

Колкото повече време прекарва потребителят, фокусирайки се върху CTA, толкова по-вероятно е да изпълни това действие.

Пример за употреба е как го правят в тази компания за уеб страници във Валенсия:

2. Кои фактори придават по-голяма визуална тежест на елементите на вашите целеви страници

Има много начини да претеглите елемент на целевата си страница. За простота ще се ограничим до три: чрез цвят, на контраст и размер.

Цветът

В горния пример целевата страница има тъмни почти черно-бели цветове, единственият цвят на страницата е синият бутон CTA с фразата на английски „Покажете ми как да привлечем повече клиенти!“.

Когато потребител се приземи на целевите ви страници, изгледът му ще премине директно към този син бутон.

The син бутон тежи, визуално.

Сега погледнете този друг пример с допълнително синьо:

Това кацане има синия хедър, буквите и два бутона.

Каква информация получава тук потребителят? Всичко. Посетителят на тази целева страница ще бъде дезориентиран.

Синият бутон тук няма никакво тегло. Тъй като всичко е синьо, този елемент е загубил своето значение и намерение.

Когато всички елементи са важни, нищо не е. Използвайте разумно повикването за събуждане само там, където искате потребителят да прекарва повече време фокусирано.

Контрастът

Контрастът е едно от най-важните измерения във всеки дизайн и на вашата целева страница няма да бъде по-малко.

Контрастът позволява на потребителя да идентифицира елементите по-лесно:

Това е просто, важните елементи се нуждаят от висок контраст. В горния пример можете ясно да видите разликата между нисък и висок контраст.

Наличието на светъл цвят на светъл фон води до нисък контраст.

Когато контрастът е нисък, посетителите на вашата площадка няма да се чувстват привлечени от важните елементи и няма да им обърнат и най-малко внимание.

Трябва да създадете контраст на фона и едновременно между другите елементи на кацането, като черен текст и бутон CTA.

Елементите с висок контраст те са визуално тежки.

Размерът

Колкото по-голям е елемент, толкова по-голямо е теглото му.

В горния пример виждаме как обикновено се използва много по-голям размер на шрифта в заглавието.

Заглавие с размер като този изисква вниманието на потребителя и го кара да се чете първо.

Ако оставим основното заглавие с размер, подобен на подзаглавието или абзаца, който го следва, това кара потребителя да го пропусне и да пропусне да го прочете.

Резултатът от комбинирането на размера на елемент с неговия цвят и контраст е този вече имате елемент, на който потребителят ще обърне голямо внимание.

3. Какво трябва да има визуално тегло и какво не трябва да има

Най-важните елементи на целевата страница би се:

  • Основен държач или хедър (UVP)
  • Вторично заглавие или подзаглавие
  • Бутон с подканваща фраза (CTA)

UVP (уникално предложение за стойност), уникално стойностно предложение. Маркетинговата концепция, която се прилага за целевите страници, би била „набор от причини, които убеждават хората да извършат действието, което възнамерявате“, за това вашият продукт трябва да има някакво конкурентно предимство, което подчертавате в основното заглавие.

Ще видим как да приложим визуална тежест към всеки от тези елементи.

Вашето основно заглавие или уникално предложение за стойност

Основното заглавие или уникалната стойност трябва да бъде елементът с повече тегло на вашата страница.

Когато потребителят кацне на вашата целева страница, имате около 5 секунди да продадете това, което предлагате.

Единственият начин да го направите е да го накарате да прочете и усвои заглавието ви.

Това трябва да бъде ГОЛЯМ, най-големият размер на шрифта на вашата страница. Дори по-голям от вашето лого или марка.

Основното заглавие или заглавието също трябва да има a ВИСОК КОНТРАСТ. Ако имате съмнения относно това, съветвам ви да не използвате цветни шрифтове. Ако текстът е на тъмен фон, използвайте бял текст, а ако е на светъл фон, използвайте черен текст.

Заглавката не трябва да има същия цвят като бутона CTA.

Вашето подзаглавие или вторично заглавие

Вторичното заглавие, подзаглавие или подзаглавие ви дава възможност да разширите информацията в заглавието по-подробно. Този текст е важен, но не толкова важен, колкото вашият бутон за призив за действие.

Размерът на шрифта трябва да е по-голям от основния абзац на вашата целева страница, но по-малък от размера на шрифта на основното заглавие.

Трябва да има ВИСОК КОНТРАСТ точно като основния хедър. По същия начин не трябва да има същия цвят като бутона CTA.

Визуално този елемент е третият по важност на вашата целева страница.

Бутонът за призив за действие (CTA)

Счита се за добра практика да има определена цел на всяка страница и да води потребителите до тази цел чрез a CTA (призив за действие), призив за действие.

Бутонът за подканваща фраза е свещеният Граал на вашата целева страница. изток CTA бутон Той не само казва на потребителя какво искате да направи, но и го прави по провокативен начин.

Бутонът за призив за действие се допълва от съобщението на основното заглавие или заглавие (UVP) и обратно. Единият не може да бъде без другия и тези отделни елементи биха загубили значението си.

Има дебат за това, което е по-важно ... ако CTA бутон или UPV заглавката, според мен това зависи от ситуацията. Може би вашият UVP има много атрактивно предложение за стойност или може би не и трябва да компенсирате това с агресивна и мощна CTA.

Във всеки случай вие Бутонът за CTA трябва да е ГОЛЯМ, така че е лесно да се види и щракне.

Той също трябва да има ВИСОК КОНТРАСТ, не само на бутона и с фона, но и на нивото на цвета на шрифта и цвета на фона на самия бутон (жълт в примера по-горе).

Цветът на фона на CTA трябва да е уникален при цялото ви кацане и поразително.

Пример: ако цветната палитра на вашето кацане е зелено и синьо, можете да използвате оранжев бутон CTA.

Последно, бутонът CTA трябва да изглежда като истински бутон.

Казвам това, защото съществува тенденцията, която съществува в момента да се проектират прозрачни бутони с тънка линия. Не препоръчвам да правите това, тъй като изглежда по-скоро като кутия, отколкото като бутон.

4. Здравият разум е най-добрият ви съюзник в проектирането

Да се ​​научим да използваме визуална тежест е голямо предимство, което да вземем предвид, когато искаме посетителите на нашите целеви страници да генерират реализации.

въпреки това, за да знаете кои елементи от вашите целеви страници са най-важни, няма точна наука.

Само като спрете да наблюдавате целевата страница внимателно и със здрав разум, това помага много за идентифициране и коригиране на най-често срещаните грешки.

Поставете се на мястото на потребителя и се опитайте да се запитате от какво се нуждаят. След това вижте дали наистина предоставяте инструментите, необходими за постигането на тази цел.

Ако искате потребителят да щракне върху вашия бутон, Виждате ли го с просто око?

Ако искате да обясните на потребителя колко невероятен е вашият продукт, Има ли предимство пред други елементи?

Помислете за вашата целева страница като за разговор в реалния живот. Трябва да комуникирате силно и ясно.

Приложете този начин на мислене към кацането и използвайте визуална тежест, за да насочите посетителя от началото до края на разговора.

Последни заключения

Независимо дали сте приключили със създаването на вашата целева страница или планирате да започнете такава, оставям ви кратко резюме с ключови моменти, които да запомните:

  • Прилагайте визуално тегло пестеливо: Не всички елементи на кацането са важни. Изберете внимателно ключовите елементи и приложете необходимото тегло върху тях.
  • Задайте една цел на реализация за посетителите си: Знанието какво искат потребителите, които кацат на кацането ви, е от ключово значение за правилното прилагане на визуалната тежест.
  • Използвайте визуална тежест, за да насочвате потребителя: Ако го направим правилно, правилното разнообразие от тегла може да доведе потребителя по правилния път към CTA.
  • Дайте вид на бутоните си: забравете за тенденциите в уеб дизайна тук, ако това се отразява негативно на визуалната тежест на вашия бутон за призив за действие.
  • Задайте си здравословни въпроси: Вижда ли се и привлича вниманието ми CTA? Насочвам ли потребителя къде искам? Основното ми заглавие чете ли се бързо? Продавам ли продукта си за 5 секунди?

Надявам се тази статия да е била полезна за вас, за да разберете значението и силата на прилагането на адекватна визуална тежест върху елементите на целевите страници. За всеки случай съм добавил определението за това какво е целевата страница и други маркетингови концепции. Той е директно преведен от статията на Крейг Морисън и аз също съм добавил някои лични бележки и концепции.