Call to Action, какво представляват и каква е тяхната важност.

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

Обикновено Call To Actions, в уеб интерфейсите, придобиват вида на активни бутони, които, след като бъдат щракнати, насочват сърфиста към приключване на добре дефинирано действие (плащане, въвеждане на данни във формуляр, процедура за покупка и т.н.) )

Като се има предвид деликатността на проблема, има точни правила за успешни и оптимални Calls To Actions. Някои много интересни предложения са дадени от сайта СЪБИВАЩО СПИСАНИЕ, който дава доста голяма и подробна илюстрация с реални примери.

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

(Правилният) копирайтинг за уебсайтове и социални мрежи

Призивът за действие обаче не спира само до графичния аспект:

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

Призивът за действие е истински призив за действие, това действие, което трябва да предизвикате или което искате да бъде извършено и попада в обхвата на убеждаваща комуникация тъй като след като потребителят е пристигнал на нашия сайт, не трябва да му позволяваме да си тръгне, напротив, трябва дори да го убедим да направи нещо, което може да се превърне в предимство и за двамата, т.е. за нас и за потребителя. Наистина съм на мнение, нека си признаем, знам със сигурност, че 10.000 99 дневни посещения със степен на отпадане от 500% са по-малко полезни от 10 с степен на отпадане от 5% и процент на реализация от 10 или дори XNUMX% .

Добре знаем, че ефективността на сайта по отношение на броя посетители и степента на отпадане също зависи от вида на сайта, но също така е вярно, че корпоративният уебсайт е създаден за "правя бизнес" и да не разресва куклите и затова е от съществено значение посетителят да остане „в нашата къща“ или по-скоро на сайта за повече от 30 секунди, извършвайки действия, които сме се опитали да го накараме да извърши. Иначе за какво говорим?

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

La призив за действие е неразделна част от убедително копирайтинг: трябва да пометете всички съмнения на потенциалния клиент, за да го подтикнете към действие. Не казвам да го измамите, имайте предвид, а да можете да го накарате да разбере истинската стойност на продукта (или услугата), която продавате, и преди всичко действителната нужда, понякога неизразена.

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

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

Трябва да се избягват неясни етикети, общи или неясни. Етикет, който трябва да се избягва е „Щракнете тук“. Ако разглеждате страница, която има подобни обозначени призиви за действие с екранен четец, ще чуете безкрайна поредица от „(връзка) Щракнете тук“, която няма да ви даде полезна информация за естеството на действието, което ще активирате .

Друго нещо, което трябва да избягвате, е злоупотребата с атрибути 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 клас, към който да се свържем, когато документът се зареди:

.hidden { позиция: абсолютна; отгоре: -1000em; }

И jQuery, и Prototype имат методи за скриване на елемент, но не забравяйте, че те използват декларацията display: none. Тази декларация за съжаление се интерпретира от екранни четци, които имат частична поддръжка за JavaScript, което им пречи да четат съдържанието на даден елемент. В този момент, ако използваме jQuery, можем да напишем:

$('#trigger').click(function() { $('#email-help').removeClass('hidden'); });

Съзнателно съм избегнала въвеждането на декларацията return false; защото някои екранни четци могат да интерпретират събитие click, което в някои случаи го приравнява на събитие от клавиатурата. Ако бях вмъкнал такава декларация, такива програми нямаше да последват дестинацията на връзката и следователно нямаше да могат да прочетат съдържанието на нашия div. Единственият неприятен ефект за нормалните браузъри е да видите котвата, добавена към URL адреса на текущата страница, но това по никакъв начин не засяга нейната достъпност и използваемост.

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

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

• оформление на призива за действие
• етикетиране на призива за действие

Всеки аспект е неразривно свързан с другия. Оформлението на призива за действие никога не трябва да влияе върху разпознаването му. Бутон във формуляр, независимо дали е модифициран с помощта на CSS, винаги трябва да кара потребителя да мисли „Сега щраквам тук“. Наистина, според Стив Круг, потребителят трябва да щракне, без да мисли дали това, което вижда, е бутон или не. Действието трябва да бъде незабавно (в рамките на около 300 милисекунди, точно както е установено от последните изследвания на потребителския опит).

Вместо това вторият аспект е свързан с това как призивът за действие се дефинира дословно. Етикетите трябва да са прости, ясни и разбираеми. Пример е преводът на елемента „Запазване“ в контекстното меню на приложенията на Mac OS X: на италиански този елемент е изведен като „Запис“, което със сигурност не е най-доброто от гледна точка на яснота. Така че, ако един бутон е за стартиране на търсачка, етикетът трябва да гласи „Търсене“ и т.н. В този случай въображението трябва да отстъпи място на здравия разум: условностите в този случай са много полезни.

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

Дизайн за компании, Sketchin: „Винаги започвайте с промяна…“