• Основен
  • >
  • маркетинг
  • >
  • 7-те Принципа на проектиране на целеви страници, ориентирани към реализация

7-те Принципа на проектиране на целеви страници, ориентирани към реализация

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

Дизайн с центрирано преобразуване (CCD) е дисциплина, насочена специално към проектирането на опит, който постига една единствена бизнес цел. Той се стреми да насочва посетителя към завършването на това конкретно действие, използвайки убедителни дизайн и психологически тригери като устройства за увеличаване на реализациите.

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

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

7-те принципа на проектирането, насочено към преобразуване

1) Инкапсулиране

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

Съвет за целевата страница

Използвайте силни динамични форми, за да ограничите интересуващите ви точки. Помислете за класическата интродукция на Джеймс Бонд, където го виждате в кръгъл дизайн. Вторият по-горе пример показва как очите ви веднага се придвижват към края на тунела. В този пример се използват също елементи на контрастни и насочени знаци.

2) Контраст и цвят

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

Съвет за целевата страница

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

Цвят може да се използва за създаване на емоционална реакция от посетителите ви. Orange, например, е известно, че генерира положителни чувства и може да бъде чудесен избор за цвета на Вашия CTA. Психологическото въздействие на цвета в дизайна е отбелязано в следващия списък.

  • Червено: опасност, стоп, негатив, вълнение, горещо
  • Тъмно синьо: стабилно, успокояващо, надеждно, зряло
  • Светло синьо: младо, мъжествено, хладно
  • Зелен: растеж, положителен, органичен, успокояващ
  • Бяло: чисто, чисто, честно
  • Черно: сериозно, тежко, смърт
  • Сиво: почтеност, неутралност, хладност, зрялост
  • Кафяв: здравословен, органичен, непретенциозен
  • Жълто: емоционално, положително, предпазливо
  • Злато: консервативно, стабилно, елегантно
  • Оранжево: емоционално, позитивно, органично
  • Лилаво: младо, съвременно, кралско
  • Розово: младо, женско, топло
  • Пастели: младежки, меки, женствени, чувствителни
  • Металика: елегантна, трайна, богата

Друго важно съображение е контрастиращият ефект на цвета. Тази идея заимства от бялото пространство и контрастните техники, тъй като това е метод на изолация чрез разлика. Някои казват, че цветът на бутоните е без значение, но това е лъжа, когато проблемът е цветовият контраст. Червен CTA може да не превъзхожда синьото при нормални обстоятелства, но ако страницата е преобладаващо синя, то червеният бутон ще привлече повече внимание, отколкото синьо.

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

Съвет за целевата страница

Нека основната Ви цел за реализация доминира в страницата.

3) Насочени знаци

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

стрелките

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

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

Pathways

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

Съвет за целевата страница

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

Предполагащата сила на очите

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

В първия пример по-долу капуцинът гледа много внимателно на банана. Любопитството е мотивацията, която ви кара да следвате погледа му.

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

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

Снимки на бебета и привлекателни хора

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

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

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

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

4) Бяло пространство

Бялото пространство (или празно пространство) е област на празнота, заобикаляща важна област. Причината да кажем празно място е, че цветът на пространството не е важен. Целта е да се използва просто пространствено позициониране, за да позволи на призива за действие да се открои от околностите и да даде на окото само едно нещо, върху което да се съсредоточи.

Съвет за целевата страница

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

5) Спешност и недостиг

Общи психологически мотиватори са използването на спешност (ограничено време) и недостиг (ограничено предлагане). Те са прости концепции, които могат да бъдат приложени по няколко начина.

Спешност

"Купи сега." - Не пропускайте. Свикнали сме да чуваме тези фрази. Заявленията за неотложност се използват, за да ни принудят веднага да вземем решение за покупка. Amazon и Ticketmaster например използват тази техника много ефективно.

Amazon: Поръчка преди датата

Повечето хора са запознати с това. Amazon е до голяма степен отговорен за редица тригери на точката на натиск, като едната е концепцията "поръчка преди". Това разчита на използването на ограничен период от време, за да се насърчи незабавното решение за покупка. Първоначално използвана за гарантиране на доставката за Коледа, ако сте поръчали по определена дата, Amazon е разширила стратегията си, за да обхване случаите на ежедневна употреба. Това го прави приложим за рождените дни на хората, които могат да се появят всеки ден от годината.

Ticketmaster: 4 минути, оставени за закупуване на вашия билет

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

недостиг

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

Expedia: X Седалки отляво

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

6) Опитайте преди да купите

Един от най-често срещаните реални примери за „Опитайте преди да купите“ е, когато хората се промъкнат с бърз вкус от грозде в супермаркета. Всички го направихме. Изглежда, че това се е превърнало в международно призната форма на приемливо кражба, въпреки че някои се чувстват виновни за това, отколкото други.

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

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

Визуализация

Ако е възможно, дайте на хората преглед на това, което продавате. Давате ли ebook в замяна на лични данни? Предоставете първа глава като свободен PDF на целевата си страница. Или откъснете глава и я използвайте като публикация в блога, чийто CTA е пълното изтегляне на електронни книги (точно както правим тук!). Някои хора ще решат, че не искат вашия продукт, но е по-добре да се раздели зърното от плявата веднага, вместо да събира 500 безсмислени следи от неквалифицирани перспективи.

Amazon е класически пример за този принцип с функцията 'Look Inside', която ви позволява да прочетете част от книгата предварително.

В Прозрачност Вярваме

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

7) Социално доказателство

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

Съвет за целевата страница:

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

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

Експериментът „Човекът гледа небето“

През 1969 г. по улиците на Ню Йорк се провежда проучване, в което стои човек, който гледа нагоре във въздуха. Проучването показа, че хората ще минават покрай него и няма да обръщат внимание на това, което гледа. Въпреки това, когато броят на хората, които гледаха, се увеличи до пет, хората започнаха да реагират, като се присъединиха и погледнаха нагоре, за да видят какво става. Увеличаването на участниците до 18 души доведе до 400% повишаване на броя на хората, присъединили се към тълпата. Ясно е, че колкото по-голяма е тълпата, толкова по-голяма става тълпата.

Това е адаптиран откъс от свободния ebook, ориентиран към реализациите дизайн: съществени елементи на високо конвертиращи целеви страници, написани от Unbounce съосновател и творчески директор Оли Гарднър . Той е бивш дизайнер на взаимодействието, който има склонност да използва метафората повече, отколкото вероятно би трябвало да направи в неговото писане. Oli пише за дизайн, насочен към реализация (термин, който е измислил), маркетинг и оптимизация на целевата страница. Можете да го последвате в Twitter @oligardner. Изтеглете пълната електронна книга, за да научите повече за това как да надминете средния и да използвате дизайна, за да увеличите процента на реализациите на целевите Ви страници.

Предишна Статия «
Следваща Статия