Повик за акција, какви се тие и која е нивната важност.

Еден од клучните елементи на убедливата комуникација на веб-локација или на целна страница е Повикот за акција


Повикот за акција доминантно го одредува успехот, во смисла на генерирање на потенцијални услуги, на веб-страница без разлика дали таа припаѓа на веб-локација, блог или целна страница: тој е клучниот елемент што одредува дали содржината што ја прочитал посетителот има успеа да влезе директно во срцето, ако го убеди читателот и ако сè уште има сомнежи, Повикот за акција целосно ги отстранува со поттикнување на читателот/посетителот да ја преземе акцијата што вие би сакале да ја направи, без разлика дали е купување, без разлика дали станува збор за воспоставување контакт, без разлика дали ја оставате вашата е-пошта или детали за контакт или едноставно се претплатите на билтен.

Овде детално ќе објасниме за што точно зборуваме и кои се правилата на игра.

Ја поделив оваа статија на три дела за подобро да го олеснам читањето и разбирањето на многу сложената тема.

Вовед

„Повици за акција“ се покани да се спроведе акција. Во веб-дизајнот и пред сè, во полето на употребливост, Повиците за акција се препознатливи елементи кои го поттикнуваат навигаторот да изврши акција. Очигледно, овие елементи, во веб-интерфејсите, прецизно размислувајќи за концептот на употребливост, стануваат од огромно значење и мора да се разгледуваат со крајна прецизност.

Вообичаено, Call To Action, во веб-интерфејсите, добиваат изглед на активни копчиња, кои штом ќе се кликнат, го испраќаат навигаторот да заврши многу специфично дејство (плаќање, вметнување податоци во формулар, постапка за купување итн.)

Со оглед на чувствителноста на проблемот, постојат прецизни правила за оптимално и успешно правење Call To Action. Некои многу интересни предлози се дадени од страна на страницата СПИСАНИЕ ЗА СПОРЕДУВАЊЕ, што дава прилично широка и детална илустрација со реални примери.

Затоа, за сите веб-дизајнери, и експерти и неексперти, многу е важно да се проценат аспектите кои можат позитивно или негативно да влијаат на Cll To Action. И така, на крајот повторно зборуваме за пристапност и употребливост. Поими кои во последно време паѓаат во заборав и не ми е јасно зошто.

(десно) пишување копии за веб-локации и социјални мрежи

Сепак, Повикот за акција не застанува само на графичкиот аспект:

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

Повикот за акција е вистински повик за акција, онаа акција што мора да ја поттикнете или што сакате да се направи и спаѓа во опсегот на убедлива комуникација бидејќи штом корисникот ќе дојде на нашата страница, не смееме да му дозволиме да замине, напротив, дури мора да го убедиме да направи нешто што може да стане предност и за двајцата, односно за нас и за корисникот. Јас сум на мислење, навистина, да се разбереме, сигурно знам дека 10.000 дневни посети со стапка на отскокнување од 99% се помалку корисни од 500 со стапка на отскокнување од 10% и стапка на конверзија од 5 или дури 10% .

Добро знаеме дека перформансите на страницата во однос на бројот на посетители и стапката на отскокнување, исто така, зависи од типот на страницата, но исто така е точно дека веб-страницата на компанијата е направена за „Водење бизнис“ а не да ги чешламе куклите и затоа е од суштинско значење посетителот да остане „дома кај нас“ или подобро кажано на локацијата повеќе од 30 секунди извршувајќи дејствија што сме се обиделе да ги натераме да ги направат. Инаку, за што зборуваме?

На пример, во случај на сајтови на компании тоа е многу важно воспостави контакт со посетителот, во случај на е-трговија сајтови тоа е потребно продаваат производи, во случај на информативни сајтови потребно е катализираат внимание евентуално барање конечен коментар; постои и можност само да се сака направи брендови, и може да потрае многу помалку време, но тоа е друга приказна.

La повик за акција тоа е составен дел на убедливо пишување копии: треба да ги отстраните сите сомнежи на потенцијалниот клиент за да го турнете на акција. Не велам да го измамам, да разјасниме, туку да можам да го натерам да ја разбере вистинската вредност на производот (или услугата) што се продава и пред се вистинската потреба, понекогаш неизразена.

Пристапноста на повиците до акции е тесно поврзана со два аспекта: семантиката на ознаките што се користат за да се идентификува дејството и начинот на кој се изведува ова дејство.

Семантиката на повиците за акции треба да биде самообјаснувачка. Копчето, врската, треба да има ознака што точно го идентификува дејството што корисникот ќе го изврши. Неодамна ги видов промените направени од некои социјални мрежи и CMS во повиците за дејства при поставување слики: во суштина сега имаме две копчиња на кои пишува „Избери слика“. Неверојатно, недостасува копче што вели „Прикачи фотографија“. Ова генерира конфузија кај корисниците, имајќи предвид и дека оние кои навигираат со читач на екран имаат визија сериски на страницата, односно нема глобален преглед што е типичен за корисниците кои навигираат со визуелен прелистувач.

Треба да се избегнуваат нејасни етикети, генерички или нејасни. Етикетата што апсолутно треба да се избегнува е „Кликни овде“. Ако прелистувате страница што прикажува повици за акции со слично означување со читач на екран, ќе слушнете бескрајна серија „(врска) Кликнете овде“ што нема да ви даде никакви корисни информации за природата на дејството што го правите да се активира.

Друга работа што треба да се избегне е прекумерна употреба на атрибутот title на врски. Ако се користи дискретно, овој атрибут може да обезбеди вредни контекстуални информации за дејството што треба да се изврши, но ако се злоупотреби, навигацијата на страницата ја претвора во тешко искушение. Всушност, читачите на екранот ја поврзуваат секоја врска со свој наслов и ја читаат пред содржината на елементот.

Од графичка гледна точка, и имајќи ги предвид потребите на корисниците со оштетен вид, оние елементи што потсетуваат на дејство треба да бидат јасно видливи и релјефни, со знаци доволно големи за да овозможат лесно читање. Пред сè, треба да се користат размислувања за CSS за да им се овозможи на овие елементи да се приспособат на промените во големината на фонтот што корисникот со оштетен вид може да ги направи на страницата. Последно, но не и најмалку важно, тие треба да претставуваат соодветен контраст на бојата помеѓу текстот и позадината, со цел да се избегнат проблеми со оние кои страдаат од слепило во боја.

nginx: нов веб-сервер

JavaScript и неговата правилна употреба

Во однос на начинот на кој се активираат овие дејства, неопходно е да се размисли за JavaScript.

Да потсетиме дека JavaScript и пристапноста не се некомпатибилни, се додека почитувате некои едноставни најдобри практики. Една од овие се однесува на врските и како да ги одржувате достапни дури и кога JavaScript е оневозможен или неподдржан. Во оваа смисла, неопходно е да се направи разлика помеѓу вистинските врски (кои го водат корисникот до нова страница или кои во секој случај се поврзуваат со ресурси) и активирачките врски, т.е. врските без вистинска содржина, но кои се користат за „активирање“ на акции на JavaScript.

Практика која треба да се избегнува е онаа на врски без вредност за атрибутот href, Како <a href="" id="trigger" >...</a>. Во прелистувачите без поддршка за JavaScript, како што е Lynx, врската од овој вид ќе има ефект на повторно вчитување на страницата целосно. Очигледно можеме целосно да го генерираме активирањето со JavaScript, но тогаш врската нема да биде достапна ако JavaScript не е поддржан или оневозможен. Многу статични сајтови, исто така, ја користат оваа техника за да генерираат постојани врски, бидејќи прелистувачот ќе ја смета тековната страница како вредност што недостасува на атрибутот href.

Затоа е неопходно да се даде вредност на овој атрибут, имајќи го предвид и фактот дека за XHTML спецификациите атрибутот href Не може да биде празно. Но која? Многумина избраа да го користат знакот фунта (#) како пополнување. Сепак, ова решение има и ограничувања, бидејќи со оневозможен или неподдржан JavaScript, ќе имаме ефект на создавање референца за непостоечко сидро, што може да ги дезориентира оние што прелистуваат на Интернет со невизуелна помошна технологија.

Решението, очигледно, е некаде помеѓу: ние всушност можеме да создадеме сидро што укажува на вистинската содржина на страницата. Во случај на содржина генерирана преку JavaScript, можеме да користиме пристап како овој:

Помош Е-поштата мора да биде во формат username@domain.extension

Ајде да доделиме стилови на нашиот div, кои ќе ги скриеме со JavaScript. Ако JavaScript не е поддржан или оневозможен, нашиот div едноставно ќе остане видлив. За да го скриеме, користиме CSS класа за поврзување кога документот е вчитан:

.скриено { позиција: апсолутна; врвот: -1000em; }

И jQuery и Prototype имаат методи за криење елемент, но запомнете дека тие ја користат декларацијата display: none. Оваа изјава за жал ја толкуваат читателите на екранот, кои имаат делумна поддршка за JavaScript, спречувајќи ги да ја читаат содржината на елементот. Во овој момент, ако користиме jQuery, можеме да напишеме:

$('#trigger').click(function() {$('#email-help').removeClass('скриено'); });

Намерно избегнав да ја вклучам изјавата return false; бидејќи некои читачи на екран се способни да интерпретираат настан click, изедначувајќи го во некои случаи со настан од тастатурата. Да внесев таква декларација, тие програми немаше да ја следат дестинацијата на врската и затоа немаше да можат да ја читаат содржината на нашата див. Единствениот непријатен ефект за нормалните прелистувачи е да се види сидрото додадено на URL-то на тековната страница, но тоа ни најмалку не влијае на неговата пристапност и употребливост.

Со соодветни модификации, истите забелешки важат и за копчињата, очигледно земајќи ги предвид разликите во опсегот на достапни JavaScript настани.

YouTube, Instagram, TikTok: Оригинални и насочени објави на Mare Media

Употребливост на повици за акции: препознатливост

Првиот принцип на употребливост што се применува за повици за акции епрепознатливост. Повикот за акција секогаш треба да биде веднаш препознатлив од корисникот и неговата функција лесно да се разбере. Вклучени се два аспекта:

  • распоред на повикот за акција
  • означување на повикот за акција

Секој аспект е нераскинливо поврзан со другиот. Изгледот на повик за акција никогаш не треба да ја загрози неговата препознатливост. Копчето на формуларот, дури и ако е изменето со CSS, секогаш треба да го натера корисникот да размислува „Сега кликнам овде“. Навистина, според она што го наведува Стив Круг, корисникот треба да кликне без да размислува дали тоа што го гледа е копче или не. Дејството треба да биде итно (во рок од 300 милисекунди или така, токму она што го утврди неодамнешното истражување за корисничкото искуство).

Вториот аспект е поврзан со тоа како повик за акција се дефинира текстуално. Етикетите треба да бидат едноставни, јасни, самообјаснувачки. Пример е преводот на ставката „Зачувај“ во контекстното мени на Mac OS Значи, ако копче сака да стартува пребарувач, етикетата мора да биде „Барај“ и така натаму. Во овој случај, имагинацијата треба да отстапи место на здравиот разум: конвенциите во овој случај се многу корисни.

Јасно е дека има уште многу да се пишува на оваа тема, но целта на оваа долга статија е повеќе од било што друго да ги натера луѓето да размислуваат, да станат свесни за она што се прави и пред се да разберат дека едноставното копче што треба да поттикне да ве контактираме или да испратам е-пошта или барање, тоа не е толку тривијална работа.

Дизајн за компании, Sketchin: „Секогаш тргнувај од промени…“