Գործողության կոչ, ինչ են դրանք և ինչ կարևորություն ունեն:

Գործողության կոչերը գործողությունների հրավերներ են: Վեբ դիզայնի մեջ և, առաջին հերթին, օգտագործելիության ոլորտում, Գործողությունների կոչերը ճշգրիտ տարբերվող տարրեր են, որոնք սերֆինգիստին կոչ են անում կատարել որևէ գործողություն: Ակնհայտ է, որ այս տարրերը, վեբ ինտերֆեյսներում, պարզապես մտածելով օգտագործելիության հայեցակարգի մասին, դառնում են հսկայական նշանակություն և պետք է դիտարկվեն ծայրահեղ ճշգրտությամբ:

Սովորաբար, Call To Actions-ը վեբ ինտերֆեյսներում ստանում է ակտիվ կոճակների տեսք, որոնք սեղմելուց հետո ուղղորդում են սերֆինգիստին հստակ սահմանված գործողություն ավարտելու համար (վճարում, տվյալների մուտքագրում ձևով, գնման ընթացակարգ և այլն… )

Հաշվի առնելով հարցի նրբությունը, կան ճշգրիտ կանոններ Call To Action-ի հաջող և օպտիմալ դարձնելու համար: Կայքի կողմից տրված են մի քանի շատ հետաքրքիր առաջարկներ SMASHING ԱՄՍԱԳԻՐ, որը բավականին ծավալուն ու մանրամասն նկարազարդում է տալիս իրական օրինակներով։

Հետևաբար, բոլոր վեբ դիզայներների համար՝ և՛ փորձագետներ, և՛ ոչ փորձագետներ, շատ կարևոր է գնահատել այն ասպեկտները, որոնք կարող են դրական կամ բացասաբար ազդել Cll To Action-ի վրա: Եվ այսպես, եկեք նորից ավարտենք խոսել մատչելիության և օգտագործելիության մասին: Պայմաններ, որոնք վերջերս մոռացության են մատնվում ու չեմ հասկանում ինչու։

Կայքերի և սոցիալական ցանցերի համար (աջ) հեղինակային գրառումը

Գործողության կոչը, սակայն, չի դադարում միայն գրաֆիկական առումով.

լինելով համոզիչ մարքեթինգի կարևոր տարր, պարզ է, որ այն պետք է գնահատվի նաև բովանդակային առումով: Այսինքն՝ ինչ է թաքնված Գործողության կոչի հետևում և ինչու պետք է նավարկիչը սեղմի հենց այնտեղ և ոչ այլուր:

Գործողության կոչը գործողության իրական կոչ է, այն գործողությունը, որը դուք պետք է դրդեք կամ ուզում եք անել, և այն գտնվում է գործողության շրջանակում: համոզիչ հաղորդակցություն քանի որ երբ օգտատերը ժամանել է մեր կայք, մենք չպետք է թույլ տանք նրան հեռանալ, ընդհակառակը, մենք նույնիսկ պետք է համոզենք նրան անել մի բան, որը կարող է առավելություն դառնալ և՛ մեր, և՛ օգտագործողի համար։ Ես այն կարծիքին եմ, իսկապես, եկեք ընդունենք, ես հաստատ գիտեմ, որ օրական 10.000 այցելությունները 99% վերադարձի տոկոսադրույքով ավելի քիչ օգտակար են, քան 500-ը 10% վերադարձի և 5 կամ նույնիսկ 10% փոխակերպման փոխարժեքով: .

Մենք լավ գիտենք, որ կայքի արդյունավետությունը այցելուների քանակի և վերադարձի տոկոսադրույքի առումով նույնպես կախված է կայքի տեսակից, բայց ճիշտ է նաև, որ կորպորատիվ կայքը ստեղծված է «գործով զբաղվել» և ոչ թե սանրել տիկնիկներին, և, հետևաբար, կարևոր է, որ այցելուն մնա «մեր տանը», ավելի ճիշտ տեղում 30 վայրկյանից ավելի՝ կատարելով այնպիսի գործողություններ, որոնք մենք փորձել ենք դրդել նրան կատարել: Հակառակ դեպքում ինչի՞ մասին է խոսքը։

Օրինակ, կորպորատիվ կայքերի դեպքում դա շատ կարևոր է կապ հաստատել այցելուի հետ, էլեկտրոնային առևտրի կայքերի դեպքում անհրաժեշտ է վաճառել ապրանքներ, տեղեկատվական կայքերի դեպքում անհրաժեշտ է կատալիզացնել ուշադրությունը հնարավոր է վերջնական մեկնաբանություն պահանջել. կա նաև միայն ցանկության հավանականություն ապրանքանիշեր պատրաստել, և դա կարող է շատ ավելի քիչ ժամանակ պահանջել, բայց դա այլ պատմություն է:

La գործողության կոչ -ի անբաժանելի մասն է համոզիչ copywritingԴուք պետք է ջնջեք պոտենցիալ հաճախորդի բոլոր կասկածները՝ նրան գործի մղելու համար: Ես չեմ ասում խաբել նրան, ուշադրություն դարձրեք, այլ կարողանալ ստիպել նրան հասկանալ ձեր վաճառվող ապրանքի (կամ ծառայության) իրական արժեքը և, առաջին հերթին, իրական կարիքը, որը երբեմն չի արտահայտվում:

Գործողությունների կոչերի մատչելիությունը սերտորեն կապված է երկու ասպեկտի հետ՝ գործողությունը նույնականացնելու համար օգտագործվող պիտակների իմաստաբանությունը և այս գործողությունը կատարելու եղանակը:

Գործողությունների կոչերի իմաստաբանությունը պետք է ինքնաբացատրելի լինի: Կոճակը, հղումը պետք է ունենա պիտակ, որը ճշգրտորեն նույնականացնի այն գործողությունը, որը օգտատերը պատրաստվում է կատարել: Վերջերս ես տեսա որոշ սոցիալական ցանցերի և CMS-ների կողմից կատարված փոփոխությունները պատկերների վերբեռնման գործողությունների կոչում. հիմնականում այժմ մենք ունենք երկու կոճակ, որոնց վրա գրված է «Ընտրել պատկերը»: Անհավատալի է, որ այն չունի կոճակ, որն ասում է «Վերբեռնել լուսանկարներ»: Սա շփոթություն է առաջացնում օգտատերերի համար՝ նաև հաշվի առնելով, որ յուրաքանչյուր ոք, ով սփռում է էկրանի ընթերցիչով, ունի տեսլական սերիալ էջի, այսինքն՝ այն բացակայում է գլոբալ հայացքից, որը բնորոշ է տեսողական զննարկիչով նավարկող օգտատերերին:

Պետք է խուսափել անորոշ պիտակներից, ընդհանուր կամ անհասկանալի: Պիտակը, որը պետք է խուսափել, «Սեղմեք այստեղ»: Եթե ​​էկրանի ընթերցիչով զննեք մի էջ, որը նմանապես պիտակավորված է գործողությունների կոչեր, դուք կլսեք «(հղում) սեղմեք այստեղ» անվերջ շարքը, որը ձեզ որևէ օգտակար տեղեկատվություն չի տա այն գործողության բնույթի մասին, որը պատրաստվում եք ակտիվացնել: .

Մեկ այլ բան, որից պետք է խուսափել, դա հատկանիշի չարաշահումն է title որոշ հղումներ. Զգուշորեն օգտագործելու դեպքում այս հատկանիշը կարող է արժեքավոր համատեքստային տեղեկատվություն տրամադրել կատարվող գործողության մասին, բայց երբ չափից ավելի է օգտագործվում, այն էջի նավարկությունը վերածում է փորձության: Իրականում, էկրանի ընթերցողները կապում են յուրաքանչյուր հղում իր վերնագրի հետ և կարդում այն ​​տարրի բովանդակությունից առաջ:

Գրաֆիկական տեսանկյունից, և նկատի ունենալով տեսողության խնդիրներ ունեցող օգտատերերի կարիքները, այն տարրերը, որոնք հիշեցնում են գործողությունները, պետք է հստակ տեսանելի և ռելիեֆով լինեն՝ բավականաչափ մեծ տառատեսակներով, որոնք թույլ են տալիս հեշտ կարդալ: Ամենակարևորն այն է, որ CSS-ի մակարդակի որոշ փոփոխություններ պետք է օգտագործվեն՝ թույլ տալու համար, որ այդպիսի տարրերը հարմարվեն տառատեսակի չափի փոփոխություններին, որոնք տեսողության խնդիրներ ունեցող օգտվողը կարող է կատարել էջ: Վերջին, բայց ոչ պակաս կարևորը, նրանք պետք է ունենան համապատասխան գունային հակադրություն տեքստի և ֆոնի միջև, որպեսզի խուսափեն դալտոնիկություն ունեցողների հետ խնդիրներից:

nginx. նոր վեբ սերվեր

JavaScript-ը և դրա ճիշտ օգտագործումը

Ինչ վերաբերում է այս գործողությունների գործարկմանը, մենք պետք է մտածենք JavaScript-ի մասին:

Հիշենք, որ JavaScript-ն ու մատչելիությունը անհամատեղելի չեն, քանի դեռ դուք հարգում եք որոշ պարզ լավագույն փորձը: Դրանցից մեկը վերաբերում է հղումներին և ինչպես դրանք հասանելի պահել նույնիսկ այն դեպքում, երբ JavaScript-ն անջատված է կամ չի աջակցվում: Այս առումով անհրաժեշտ է տարբերակել արդյունավետ հղումները (որոնք օգտվողին տանում են դեպի նոր էջ կամ որոնք ամեն դեպքում հղում են դեպի ռեսուրսներ) և գործարկող հղումները, այսինքն՝ առանց իրական բովանդակության, բայց որոնք ծառայում են JavaScript-ի գործողությունների «գործարկմանը»:

Պրակտիկա, որից պետք է խուսափել ատրիբուտի համար արժեք չունեցող հղումներն են href, As <a href="" id="trigger" >...</a>. JavaScript-ի աջակցում չունեցող բրաուզերներում, ինչպիսին է Lynx-ը, նման հղումը կհանգեցնի էջը ամբողջությամբ վերաբեռնելու: Իհարկե, մենք կարող ենք ամբողջությամբ ստեղծել գործարկիչը JavaScript-ի միջոցով, բայց այդ դեպքում հղումը հասանելի չի լինի, եթե JavaScript-ը չի աջակցվում կամ անջատված չէ: Շատ ստատիկ կայքեր նույնպես օգտագործում են այս տեխնիկան մշտական ​​հղումներ ստեղծելու համար, քանի որ զննարկիչը ընթացիկ էջը կհամարի որպես բացակայող հատկանիշի արժեք: href.

Հետևաբար անհրաժեշտ է արժեք տալ այս հատկանիշին՝ հաշվի առնելով նաև այն փաստը, որ XHTML բնութագրերի համար հատկանիշը href Այն չի կարող դատարկ լինել: Բայց ո՞րը։ Շատերն ընտրել են հեշ նիշը (#) որպես լրացում: Այնուամենայնիվ, նույնիսկ այս լուծումն ունի սահմանափակումներ, քանի որ JavaScript-ի անջատման կամ չաջակցման դեպքում մենք կստանանք հղում ստեղծելու գոյություն չունեցող խարիսխին, որը կարող է ապակողմնորոշել նրանց, ովքեր համացանցում շրջում են ոչ տեսողական օժանդակ տեխնոլոգիայով:

Լուծումը, իհարկե, ինչ-որ տեղ միջև է. մենք իրականում կարող ենք ստեղծել խարիսխ, որը ցույց է տալիս էջի իրական բովանդակությունը: JavaScript-ի միջոցով ստեղծված բովանդակության դեպքում մենք կարող ենք օգտագործել այսպիսի մոտեցում.

Օգնություն Նամակը պետք է լինի username@domain.extension ձևաչափով

Եկեք ոճավորենք մեր div-ը, որը մենք կթաքցնենք JavaScript-ով: Եթե ​​JavaScript-ը չի աջակցվում կամ անջատված է, մեր div-ը պարզապես տեսանելի կմնա: Այն թաքցնելու համար եկեք օգտագործենք CSS դաս՝ փաստաթուղթը բեռնելիս կապելու համար.

.թաքնված { դիրք՝ բացարձակ; վերև՝ -1000մ; }

Ե՛վ jQuery, և՛ Prototype-ն ունեն տարրը թաքցնելու մեթոդներ, բայց հիշեք, որ նրանք օգտագործում են հռչակագիրը display: none. Այս հայտարարությունը, ցավոք, մեկնաբանվում է էկրանի ընթերցողների կողմից, որոնք մասնակի աջակցություն ունեն JavaScript-ին, ինչը թույլ չի տալիս նրանց կարդալ տարրի բովանդակությունը: Այս պահին, եթե մենք օգտագործում ենք jQuery, կարող ենք գրել.

$('#trigger').click(function() {$('#email-help').removeClass('թաքնված');});

Ես միտումնավոր խուսափել եմ հայտարարություն մտցնելուց return false; քանի որ էկրանի որոշ ընթերցողներ կարողանում են մեկնաբանել իրադարձությունը click, որոշ դեպքերում այն ​​հավասարեցնելով ստեղնաշարի իրադարձության: Եթե ​​ես տեղադրեի նման հայտարարություն, ապա այդպիսի ծրագրերը չէին հետևի հղման նպատակակետին և, հետևաբար, չէին կարողանա կարդալ մեր div-ի բովանդակությունը: Սովորական բրաուզերների համար միակ տհաճ էֆեկտը ընթացիկ էջի URL-ին ավելացված խարիսխը տեսնելն է, բայց դա ոչ մի կերպ չի ազդում դրա հասանելիության և օգտագործելիության վրա:

Համապատասխան փոփոխություններով, նույն դիտարկումները վերաբերում են նաև կոճակներին՝ ակնհայտորեն նկատի ունենալով հասանելի JavaScript-ի իրադարձությունների casuistry-ի տարբերությունները:

Օգտագործելիության առաջին սկզբունքը, որը կիրառվում է գործողությունների կոչերի դեպքումնույնականացում. Գործողության կոչը միշտ պետք է անհապաղ ճանաչելի լինի օգտագործողի կողմից և դրա գործառույթը հեշտությամբ հասկանալի լինի: Ներառված են երկու ասպեկտներ.

• գործողության կոչի դասավորությունը
• գործողության կոչի պիտակավորում

Յուրաքանչյուր ասպեկտ անքակտելիորեն կապված է մյուսի հետ: Գործողության կոչի դասավորությունը երբեք չպետք է ազդի դրա ճանաչման վրա: Ձևաթղթի վրա գտնվող կոճակը, որքան էլ փոփոխվի CSS-ի միջոցով, պետք է օգտագործողին միշտ ստիպել մտածել «Հիմա ես սեղմում եմ այստեղ»: Իսկապես, ըստ Սթիվ Կրուգի, օգտատերը պետք է սեղմի առանց մտածելու՝ տեսածը կոճակ է, թե ոչ։ Գործողությունը պետք է լինի անհապաղ (300 միլիվայրկյան կամ ավելին, ճիշտ այնպես, ինչպես հաստատվել է օգտագործողների փորձի վերաբերյալ վերջին հետազոտությունների արդյունքում):

Երկրորդ ասպեկտը, փոխարենը, կապված է այն բանի հետ, թե ինչպես է գործողությունների կոչը բառացի սահմանվում: Պիտակները պետք է լինեն պարզ, հստակ, ինքնըստինքյան: Օրինակ՝ Mac OS X հավելվածների համատեքստային մենյուում «Պահպանել» տարրի թարգմանությունը. իտալերեն այս տարրը թարգմանվել է որպես «Գրառում», ինչը, իհարկե, լավագույնը չէ պարզության առումով: Այսպիսով, եթե կոճակը պետք է գործարկի որոնիչ, ապա պիտակի վրա պետք է գրվի «Որոնում» և այլն: Այս դեպքում երևակայությունը պետք է իր տեղը զիջի ողջախոհությանը. կոնվենցիաներն այս դեպքում շատ օգտակար են։

Հասկանալի է, որ դեռ շատ բան պետք է գրվի այդ թեմայի շուրջ, բայց այս երկար հոդվածի նպատակն ավելին է, քան որևէ այլ բան, որպեսզի մարդկանց ստիպեն մտածել, տեղյակ լինել, թե ինչ է արվում և, ամենից առաջ, հասկանալ, որ պարզ կոճակը. պետք է դրդել կապվել ձեզ հետ կամ ուղարկել էլ-նամակ կամ հարցում, դա այնքան էլ չնչին բան չէ:

Դիզայն ընկերությունների համար, Sketchin. «Միշտ սկսիր փոփոխություններից…»