Әрекетке шақыру, олар не және олардың маңыздылығы қандай.

Іс-әрекетке шақыру - әрекетке шақыру. Веб-дизайнда және ең алдымен, ыңғайлылық саласында Әрекеттерге шақырулар серферді әрекетті орындауға шақыратын нақты ажыратылатын элементтер болып табылады. Әлбетте, бұл элементтер веб-интерфейстерде, жай ғана ыңғайлылық тұжырымдамасы туралы ойлағанда, үлкен мәнге ие болады және олар өте дәлдікпен қарастырылуы керек.

Әдетте, веб-интерфейстердегі әрекеттерге шақыру белсенді түймелер түрінде болады, олар бір рет басқаннан кейін нақты әрекетті (төлем, пішінге деректерді енгізу, сатып алу процедурасы және т.б.) аяқтау үшін навигаторға сілтеме жасайды.

Мәселенің нәзіктігін ескере отырып, Әрекеттерге шақыруды сәтті және оңтайлы етудің нақты ережелері бар. Сайт өте қызықты ұсыныстар береді SMASHING ЖУРНАЛЫ, бұл нақты мысалдармен өте үлкен және егжей-тегжейлі иллюстрация береді.

Сондықтан, барлық веб-дизайнерлер, сарапшылар және сарапшы еместер үшін Cll To Action әрекетіне оң немесе теріс әсер ететін аспектілерді бағалау өте маңызды. Сонымен, қол жетімділік пен ыңғайлылық туралы сөйлесуді аяқтайық. Соңғы кезде ұмытылып бара жатқан терминдер мен неге екенін түсінбеймін.

Веб-сайттар мен әлеуметтік желілерге арналған (оң жақта) копирайтинг

Әрекетке шақыру тек графикалық аспектіде ғана тоқтамайды:

нанымды маркетингтің маңызды элементі бола отырып, оны мазмұны жағынан да бағалауға тура келетіні анық. Яғни, әрекетке шақырудың артында не жатыр және неліктен навигатор басқа жерде емес, дәл сол жерде басу керек.

Әрекетке шақыру - бұл сіз итермелеуге тиіс немесе орындағыңыз келетін әрекетке нақты шақыру және осы әрекеттің аясына жатады. нанымды қарым-қатынас өйткені пайдаланушы біздің сайтқа кіргеннен кейін біз оның кетуіне жол бермеуіміз керек, керісінше, біз оны екеуіне де, яғни біз үшін де, пайдаланушы үшін де артықшылыққа айналуы мүмкін нәрсені жасауға сендіруіміз керек. Менің пікірімше, шын мәнінде, 10.000% серпілу жылдамдығы (қайта шығу жылдамдығы) бар 99 500 күнделікті кіру 10% және конверсия жылдамдығы 5 немесе тіпті 10% болатын XNUMX-ге қарағанда пайдалы емес екенін білемін.

Біз келушілер саны мен кері қайтарылу жылдамдығы бойынша сайттың өнімділігі сайттың түріне байланысты екенін жақсы білеміз, бірақ корпоративтік веб-сайт келесі мақсатта жасалғаны да рас. «бизнеспен айналысу» және қуыршақтарды таратпау керек, сондықтан келушінің «біздің үйде» немесе дәлірек айтқанда, біз оларды орындауға итермелеуге тырысқан әрекеттерді орындай отырып, сайтта 30 секундтан астам болуы өте маңызды. Әйтпесе, біз не туралы айтып отырмыз?

Мысалы, корпоративтік сайттар жағдайында бұл өте маңызды байланыс орнату келушімен, электрондық коммерция сайттары жағдайында бұл қажет өнімдерді сату, ақпараттық сайттар жағдайында бұл қажет назарын катализдейді соңғы түсініктеме сұрауы мүмкін; тек қалау мүмкіндігі де бар брендтер жасау, және бұл әлдеқайда аз уақыт алуы мүмкін, бірақ бұл басқа әңгіме.

La әрекетке шақыру құрамдас бөлігі болып табылады нанымды копирайтинг: әлеуетті тұтынушыны әрекетке итермелеу үшін оның барлық күмәндерін жою керек. Мен оны алдау үшін айтып отырған жоқпын, бірақ оған сіз сататын өнімнің (немесе қызметтің) шынайы құнын және ең алдымен, кейде білдірілмеген нақты қажеттілікті түсінуге мүмкіндік беру үшін.

Әрекеттерге шақырулардың қолжетімділігі екі аспектімен тығыз байланысты: әрекетті анықтау үшін қолданылатын белгілердің семантикасы және осы әрекеттің орындалу тәсілі.

Іс-әрекетке шақырулардың семантикасы өздігінен түсінікті болуы керек. Түймешікте, сілтемеде пайдаланушы орындағалы отырған әрекетті нақты анықтайтын белгі болуы керек. Жақында мен кейбір әлеуметтік желілер мен CMS-тердің суреттерді жүктеп салу әрекеттеріне шақырудағы өзгерістерін көрдім: негізінен қазір бізде «Суретті таңдау» деп аталатын екі түйме бар. Таңқаларлық, онда «Фотосуреттерді жүктеп салу» деген түйме жоқ. Бұл пайдаланушылар үшін шатастық тудырады, сонымен қатар экранды оқу құралымен серфинг жасайтын кез келген адамның көру қабілеті бар екенін есте ұстайды. телехикая беттің, яғни визуалды шолғышпен шарлайтын пайдаланушыларға тән ғаламдық көзқарас жоқ.

Бұлыңғыр жапсырмалардан аулақ болу керек, жалпы немесе түсініксіз. Алдын алу керек белгі – «Мына жерді басыңыз». Экранды оқу құралымен ұқсас таңбаланған әрекеттерге шақырулары бар бетті шолсаңыз, сіз белсендіретін әрекеттің сипаты туралы ешқандай пайдалы ақпарат бермейтін «(сілтеме) осы жерді басыңыз» шексіз сериясын естисіз.

Алдын алу керек тағы бір нәрсе - атрибуттарды теріс пайдалану title кейбір сілтемелер. Ақырын пайдаланылғанда, бұл атрибут орындалатын әрекет туралы құнды мәтінмәндік ақпаратты бере алады, бірақ шамадан тыс пайдаланған кезде ол бет шарлауын сынаққа айналдырады. Шындығында, экраннан оқу құралдары әрбір сілтемені өз тақырыбымен байланыстырады және оны элемент мазмұнының алдында оқиды.

Графикалық тұрғыдан алғанда, және көру қабілеті нашар пайдаланушылардың қажеттіліктерін ескере отырып, әрекетті еске түсіретін элементтер оңай оқуға мүмкіндік беретіндей үлкен қаріптермен анық көрінетін және рельефті болуы керек. Ең бастысы, мұндай элементтердің көру қабілеті нашар пайдаланушы бетке жасай алатын қаріп өлшеміндегі өзгерістерге бейімделуіне мүмкіндік беру үшін CSS деңгейіндегі кейбір түзетулерді пайдалану керек. Соңғы, бірақ кем дегенде, түс соқырлығы бар адамдармен проблемаларды болдырмау үшін олар мәтін мен фон арасында барабар түс контрастына ие болуы керек.

nginx: жаңа веб-сервер

JavaScript және оны дұрыс пайдалану

Бұл әрекеттердің қалай іске қосылатынына қатысты біз JavaScript туралы ойлануымыз керек.

JavaScript және қол жетімділік үйлесімсіз емес екенін есте ұстайық, кейбір қарапайым ең жақсы тәжірибелерді құрметтесеңіз. Олардың бірі сілтемелерге және JavaScript өшірілген немесе қолдау көрсетілмейтін болса да, оларды қалай қол жеткізуге болатынына қатысты. Бұл мағынада тиімді сілтемелерді (пайдаланушыны жаңа бетке апаратын немесе кез келген жағдайда ресурстарға сілтеме жасайтын) және триггер сілтемелерін, яғни нақты мазмұны жоқ, бірақ JavaScript әрекеттерін «қоздыруға» қызмет ететін сілтемелерді ажырату қажет.

Алдын алу керек тәжірибе атрибут үшін мәні жоқ сілтемелер болып табылады hrefсияқты <a href="" id="trigger" >...</a>. Lynx сияқты JavaScript қолдауы жоқ браузерлерде мұндай сілтеме бетті толығымен қайта жүктеуге әкеледі. Әрине, біз JavaScript арқылы триггерді толығымен жасай аламыз, бірақ JavaScript-ке қолдау көрсетілмесе немесе өшірілсе, сілтеме қолжетімді болмайды. Көптеген статикалық сайттар да осы әдісті тұрақты сілтемелерді жасау үшін пайдаланады, өйткені браузер ағымдағы бетті жетіспейтін төлсипат мәні ретінде қарастырады. href.

Сондықтан XHTML спецификациялары үшін атрибут болатынын ескере отырып, осы атрибутқа мән беру қажет. href Ол бос болуы мүмкін емес. Бірақ қайсысы? Көптеген адамдар толтыру ретінде хэш таңбасын (#) пайдалануды таңдады. Дегенмен, бұл шешімнің өзінде шектеулер бар, өйткені JavaScript өшірілген немесе қолдау көрсетілмейтін болса, біз визуалды емес көмекші технологиямен Интернетті шарлайтындарды бағдарсыздандыруы мүмкін жоқ якорьге сілтеме жасау әсерін аламыз.

Шешім, әрине, бір жерде: біз беттегі нақты мазмұнды көрсететін якорь жасай аламыз. JavaScript арқылы жасалған мазмұн жағдайында біз келесі тәсілді пайдалана аламыз:

Көмектесіңдер Электрондық пошта username@domain.extension пішімінде болуы керек

Біз JavaScript арқылы жасыратын div-ді сәндейміз. Егер JavaScript-ке қолдау көрсетілмесе немесе өшірілсе, біздің div жай ғана көрінетін болады. Оны жасыру үшін құжат жүктелген кезде сілтеме жасау үшін CSS сыныбын қолданайық:

. hidden { позициясы: абсолютті; жоғарғы: -1000em; }

jQuery және Prototype екеуінде де элементті жасыру әдістері бар, бірақ олар мәлімдемені пайдаланатынын есте сақтаңыз. display: none. Бұл мәлімдеме, өкінішке орай, JavaScript-ті ішінара қолдайтын экранды оқу құралдарымен түсіндіріледі, бұл олардың элемент мазмұнын оқуына жол бермейді. Осы кезде jQuery қолданатын болсақ, біз жаза аламыз:

$('#триггер').click(функция() { $('#email-анықтама').removeClass('жасырын');});

Мен декларацияны енгізуден әдейі жалтардым return false; себебі кейбір экраннан оқу құралдары оқиғаны түсіндіре алады click, кейбір жағдайларда оны пернетақта оқиғасына теңестіру. Егер мен мұндай мәлімдемені енгізген болсам, мұндай бағдарламалар сілтеменің тағайындалған жерін орындамас еді және сондықтан біздің div мазмұнын оқи алмас еді. Қалыпты браузерлер үшін жалғыз жағымсыз әсер ағымдағы беттің URL мекенжайына қосылған якорьді көру болып табылады, бірақ бұл оның қолжетімділігі мен ыңғайлылығына ешқандай әсер етпейді.

Тиісті өзгертулермен бірдей ескертулер қол жетімді JavaScript оқиғаларының касуистиясындағы айырмашылықтарды ескере отырып, түймелерге де қатысты.

Әрекеттерге шақыруларға қолданылатын бірінші қолайлылық принципі болып табыладысәйкестендіру. Әрекетке шақыру әрқашан пайдаланушыға бірден танылуы және оның функциясын оңай түсінуі керек. Қатысты екі аспект бар:

• әрекетке шақыру схемасы
• әрекетке шақыруды таңбалау

Әрбір аспект бір-бірімен тығыз байланысты. Іс-әрекетке шақырудың орналасуы оның танылуына ешқашан әсер етпеуі керек. Пішіндегі түйме, бірақ CSS көмегімен өзгертілгенімен, пайдаланушыны әрқашан «Енді мен осы жерді басамын» деп ойлауға мәжбүр етуі керек. Шынында да, Стив Кругтың айтуынша, пайдаланушы көрген нәрсе түйме ме, жоқ па, ойланбастан басуы керек. Әрекет дереу болуы керек (300 миллисекунд ішінде, дәлірек айтқанда, пайдаланушы тәжірибесі туралы соңғы зерттеулермен анықталғандай).

Екінші аспект оның орнына әрекетке шақырудың сөзбе-сөз анықталғанына қатысты. Белгілер қарапайым, түсінікті, түсінікті болуы керек. Мысал ретінде Mac OS X қолданбаларының мәтінмәндік мәзіріндегі «Сақтау» тармағының аудармасын келтіруге болады: итальян тілінде бұл элемент «Жазба» ретінде көрсетілді, бұл анықтығы жағынан ең жақсы емес. Егер түйме іздеу жүйесін іске қосу үшін болса, жапсырмада «Іздеу» және т.б. болуы керек. Бұл жағдайда қиял жалпы мағынаға жол беруі керек: бұл жағдайда конвенциялар өте пайдалы.

Бұл тақырыпта әлі де көп жазатыны анық, бірақ бұл ұзақ мақаланың мақсаты – адамдарды ойландыру, не істеп жатқанынан хабардар болу және ең алдымен сізбен байланысуға немесе электрондық пошта немесе сұрау жіберуге әкелетін қарапайым түйменің соншалықты маңызды емес нәрсе емес екенін түсіну.

Компанияларға арналған дизайн, Sketchin: «Әрқашан өзгерістен бастаңыз ...»