Как да създадете визуални ефекти, които призовават към действие - SkillsUp - удобен каталог с уроци по
Как да направите вашите подканващи елементи по-ефективни.
Проектирането на страници за преобразуване е трудна работа. Това е постоянна борба да разберете кое работи и кое не. Това е безкраен процес на тестване, измерване и правене на промени.
Една от най-предизвикателните задачи е да дадете на посетителите си призив за действие по начин, който привлича вниманието и интереса им към вашите предложения. Добрата новина е, че човешкото поведение е до голяма степен предвидимо и можем да го използваме в наша полза. Хората обичат повтарящи се визуализации. Те също така бързо ще намерят всякакви разсейвания от познат модел. Можем да използваме това знание, за да привлечем вниманието им.
Въпросът е как да конвертирате призива си за действие по начин, който не е твърде досаден?
Всеки призив за действие иска малко внимание
Желаното действие обикновено не е толкова привлекателно за първите посетители. Не можете просто да поканите хора на вашия сайт с „елате и се абонирайте за моя имейл бюлетин!“ Конверсията на такова обаждане ще бъде твърде незначителна.
Същият подход обаче няма да работи добре, ако го използвате за бутона „купете“ на страница за продажби. Искате ли да подготвите посетителите си? Решете техните проблеми и създайте интерес, преди да ги помолите да купят вашия продукт.
Ето защо този призив за действие трябва да бъде поставен стратегически. Трябва да внимавате да не опитате да го конвертирате твърде рано, защото посетителят може още да не е готов за това.
Първо дефинирайте вашите визуални модели
Както казахме по-рано, не можете да убедите посетител да направи определена конверсия с единиченсамо дизайн. Дизайнът върши тежката работа, но можете да подпомогнете процеса, като подчертаете съобщения и насочите някои посетители към действие.
И това ни води до основната точка на цялата публикация – опитайте се да разчупите визуалните си модели, за да привлечете вниманието на посетителя.
Визуално сайтът се идентифицира чрез типография, цвят, оформление и всички елементи на потребителския интерфейс. Комбинацията от тях създава определени повтарящи се визуални модели.
Сега последователността е акцентът. Колкото по-последователни са вашите визуални модели, толкова по-лесно ще бъде да ги разбиете по фин и елегантен начин.
Защо да разбивате красивия си дизайн? За да насочите погледа на вашите посетители директно към вашата оферта на заредена страница. С други думи, да привлечете вниманието на вашите посетители на мястото, където имате нужда. За да обясните по-добре, представете си, че сте поканени на парти, където всеки е облечен в каквото си поиска. И така, имате всички различни цветове и стилове. С интрота като това е доста трудно да се откроите от тълпата, ако искате някой да ви обърне внимание. Разбира се, не е невъзможно, но трябва да предприемете някои драстични стъпки.
Сега си представете, че отивате на парти, където всички са облечени в черно и бяло. Какво бихте могли да направите, за да се откроите от тълпата? Можете просто да носите червена тениска! По същия начин, с CTA - направете го контрастен.
Сега разчупете визуалните си модели
Във вашия дизайн можете да подчертаете призива за действие с помощта на контраста. Не говорим само за обикновен цветови контраст, но и за контраст в размера, теглото на шрифта, пространството и дори позицията. Някои методи работят по-добре за някои хора, но за друга група посетители е такаможе дори да не повлияе. Така че най-добрата идея е да комбинирате няколко от тях наведнъж.
Например вашият призив за действие може да бъде поставен на контрастен фон и шрифтът на заглавието да е удебелен. Освен това, можете да добавите допълнително пространство около него, за да му придадете повече контраст.
Използването на празно пространство също е чудесен начин. Можете да направите нещо по-важно, без да добавяте повече шум към дизайна си. Просто като създадете повече пространство около нещо, вие отделяте този елемент от останалото съдържание. Това разделяне и ясно прекъсване в оформлението могат бързо да привлекат вниманието на потребителя.
Ето как можете лесно да увеличите конверсията на вашите CTA елементи.