Call to Action, çfarë janë dhe cila është rëndësia e tyre.

Thirrjet për veprim janë ftesa për të ndërmarrë veprime. Në dizajnin e uebit dhe mbi të gjitha, në fushën e përdorshmërisë, Call to Actions janë elementë saktësisht të dallueshëm që e kërkojnë surferin të kryejë një veprim. Natyrisht, këta elementë, në ndërfaqet e internetit, vetëm duke menduar për konceptin e përdorshmërisë, marrin një rëndësi të madhe dhe duhen konsideruar me saktësi ekstreme.

Normalisht, Call To Actions, në ndërfaqet në ueb, marrin formën e butonave aktivë, të cilët, pasi klikohen, i referojnë navigatorit për të përfunduar një veprim të saktë (një pagesë, futje të të dhënave në një formular, një procedurë blerjeje, etj ...)

Duke pasur parasysh delikatesën e çështjes, ekzistojnë rregulla të sakta për t'i bërë thirrjet për veprime të suksesshme dhe optimale. Disa sugjerime shumë interesante janë dhënë nga faqja REVISTA SHKRYMËSORE, që jep një ilustrim mjaft të madh dhe të detajuar me shembuj realë.

Prandaj, për të gjithë dizajnerët e uebit, ekspertë dhe joekspertë, është shumë e rëndësishme të vlerësohen aspektet që mund të ndikojnë pozitivisht ose negativisht në një Cll To Action. Dhe kështu, le të përfundojmë së foluri për aksesueshmërinë dhe përdorshmërinë përsëri. Terma që po bien në harresë së fundmi dhe nuk e kuptoj pse.

Shkrimi i kopjimit (djathtas) për faqet e internetit dhe rrjetet sociale

Megjithatë, Thirrja për Veprim nuk ndalet vetëm në aspektin grafik:

duke qenë një element i rëndësishëm i marketingut bindës, është e qartë se ai do të duhet të vlerësohet edhe në aspektin e përmbajtjes. Kjo do të thotë, çfarë qëndron pas një Thirrje për Veprim dhe pse naviguesi duhet të klikojë pikërisht atje dhe jo diku tjetër.

Thirrja për veprim është një thirrje e vërtetë për veprim, ai veprim që ju duhet të nxisni ose që dëshironi të bëhet dhe bie në sferën e komunikim bindës sepse pasi përdoruesi të ketë mbërritur në faqen tonë, ne nuk duhet ta lejojmë të largohet, përkundrazi, duhet ta bindim edhe të bëjë diçka që mund të bëhet avantazh për të dy, pra për ne dhe për përdoruesin. Unë jam i mendimit, me të vërtetë, le ta pranojmë, e di me siguri, që 10.000 vizita ditore me një normë fryrje (normë fryrje) prej 99% janë më pak të dobishme se 500 me një normë fryrje 10% dhe një normë konvertimi 5 ose edhe 10%.

Ne jemi të vetëdijshëm se performanca e faqes për sa i përket numrit të vizitorëve dhe shkallës së fryrjes varet gjithashtu nga lloji i faqes, por është gjithashtu e vërtetë që një faqe interneti korporative është krijuar për "të bësh biznes" dhe jo për të krehur kukullat dhe për këtë arsye është thelbësore që vizitori të qëndrojë "në shtëpinë tonë" ose më mirë në vend për më shumë se 30 sekonda, duke kryer veprime që ne jemi përpjekur t'i shtyjmë të kryejnë. Ndryshe, për çfarë po flasim?

Për shembull, në rastin e faqeve të korporatave është shumë e rëndësishme bëj kontakt me vizitorin, në rastin e faqeve të tregtisë elektronike është e nevojshme shesin produkte, në rastin e faqeve informative është e nevojshme katalizojnë vëmendjen mundësisht duke kërkuar një koment përfundimtar; ekziston edhe mundësia e dëshirës vetëm bëjnë marka, dhe mund të marrë shumë më pak kohë, por kjo është një histori tjetër.

La thirrje për veprim është pjesë përbërëse e shkrimi bindës i kopjimit: ju duhet të fshini të gjitha dyshimet e klientit të mundshëm për ta shtyrë atë në veprim. Nuk po them ta mashtroni, kini parasysh, por të mund ta bëni të kuptojë vlerën e vërtetë të produktit (ose shërbimit) që po shisni dhe mbi të gjitha nevojën aktuale, ndonjëherë të pashprehur.

Aksesueshmëria e thirrjeve për veprime është e lidhur ngushtë me dy aspekte: semantikën e etiketave të përdorura për të identifikuar një veprim dhe mënyrën në të cilën kryhet ky veprim.

Semantika e thirrjeve për veprime duhet të jetë vetë-shpjeguese. Një buton, një lidhje, duhet të ketë një etiketë që identifikon saktësisht veprimin që përdoruesi do të kryejë. Kohët e fundit pashë ndryshimet e bëra nga disa rrjete sociale dhe CMS në thirrjen për veprime të ngarkimeve të imazheve: në thelb tani kemi dy butona që lexojnë "Zgjidh imazhin". Në mënyrë të pabesueshme, i mungon një buton që thotë "Ngarko Foto". Kjo krijon konfuzion për përdoruesit, duke pasur parasysh gjithashtu se kushdo që shfleton me një lexues ekrani ka një vizion Seriale televizive i faqes, d.m.th i mungon pamja globale që është tipike për përdoruesit që lundrojnë me një shfletues vizual.

Etiketat e paqarta duhet të shmangen, gjenerike ose e paqartë. Një etiketë që duhet shmangur është "Kliko këtu". Nëse shfletoni një faqe që ka etiketuar në mënyrë të ngjashme thirrjet për veprime me një lexues ekrani, do të dëgjoni një seri të pafundme "(link) Kliko këtu" që nuk do t'ju japë asnjë informacion të dobishëm për natyrën e veprimit që do të aktivizoni.

Një tjetër gjë që duhet shmangur është abuzimi me atributet title disa lidhje. Kur përdoret në mënyrë diskrete, ky atribut mund të sigurojë informacion të vlefshëm kontekstual për veprimin që duhet kryer, por kur përdoret tepër, ai e kthen navigimin e faqeve në një provë. Në fakt, lexuesit e ekranit e lidhin çdo lidhje me titullin e vet dhe e lexojnë atë përpara përmbajtjes së elementit.

Nga pikëpamja grafike, dhe duke pasur parasysh nevojat e përdoruesve me shikim të dëmtuar, ato elemente që kujtojnë një veprim duhet të jenë qartësisht të dukshëm dhe në reliev, me shkronja mjaft të mëdha për të lejuar leximin e lehtë. Më e rëndësishmja, duhet të përdoren disa rregullime të nivelit CSS për të lejuar që elementë të tillë të përshtaten me ndryshimet në madhësinë e shkronjave që një përdorues me shikim të dëmtuar mund të bëjë në faqe. E fundit, por jo më pak e rëndësishme, ato duhet të kenë një kontrast adekuat ngjyrash midis tekstit dhe sfondit, në mënyrë që të shmangen problemet me ata me verbëri ngjyrash.

nginx: një server i ri në internet

JavaScript dhe përdorimi i saktë i tij

Në lidhje me mënyrën se si shkaktohen këto veprime, duhet të mendojmë për JavaScript.

Le të kujtojmë se JavaScript dhe aksesueshmëria nuk janë të papajtueshme, për sa kohë që ju respektoni disa praktika të thjeshta më të mira. Një nga këto ka të bëjë me lidhjet dhe si t'i mbani ato të aksesueshme edhe me JavaScript të çaktivizuar ose të pambështetur. Në këtë kuptim, është e nevojshme të bëhet dallimi midis lidhjeve efektive (të cilat e çojnë përdoruesin në një faqe të re ose që në çdo rast lidhen me burimet) dhe lidhjet e aktivizimit, pra lidhjet pa përmbajtje aktuale, por që shërbejnë për të "shkaktuar" veprimet JavaScript.

Një praktikë që duhet shmangur është ajo e lidhjeve pa vlerë për atributin href, Si <a href="" id="trigger" >...</a>. Në shfletuesit pa mbështetje JavaScript si Lynx, një lidhje e tillë do të bëjë që faqja të ringarkohet plotësisht. Sigurisht, ne mund të gjenerojmë plotësisht shkasin me JavaScript, por atëherë lidhja nuk do të jetë e disponueshme nëse JavaScript nuk mbështetet ose çaktivizohet. Shumë sajte statike përdorin gjithashtu këtë teknikë për të gjeneruar lidhje të përhershme, pasi shfletuesi do ta konsiderojë faqen aktuale si vlerën e atributit që mungon href.

Prandaj është e nevojshme t'i jepet një vlerë këtij atributi, duke marrë parasysh edhe faktin se për specifikimet XHTML atributi href Nuk mund të jetë bosh. Por cila? Shumë prej tyre kanë zgjedhur të përdorin karakterin hash (#) si mbushje të tyre. Megjithatë, edhe kjo zgjidhje ka kufizime, pasi me JavaScript të çaktivizuar ose jo të mbështetur, do të kemi efektin e krijimit të një referimi për një ankorë inekzistente, e cila mund të çorientojë ata që shfletojnë në ueb me teknologji ndihmëse jo-vizuale.

Zgjidhja, sigurisht, është diku në mes: ne në fakt mund të krijojmë një spirancë që tregon përmbajtjen aktuale në faqe. Në rastin e përmbajtjes së krijuar përmes JavaScript, ne mund të përdorim një qasje si kjo:

Ndihmë Email-i duhet të jetë në formatin username@domain.extension

Le të stilojmë div tonë, të cilin do ta fshehim me JavaScript. Nëse JavaScript nuk mbështetet ose çaktivizohet, div-ja jonë thjesht do të mbetet e dukshme. Për ta fshehur atë, le të përdorim një klasë CSS për t'u lidhur kur dokumenti është i ngarkuar:

.fshehur { pozicioni: absolute; maja: -1000em; }

Si jQuery ashtu edhe Prototype kanë metoda për fshehjen e një elementi, por mbani mend se ata përdorin deklaratën display: none. Kjo deklaratë për fat të keq interpretohet nga lexuesit e ekranit, të cilët kanë mbështetje të pjesshme për JavaScript, duke i penguar ata të lexojnë përmbajtjen e një elementi. Në këtë pikë, nëse përdorim jQuery, mund të shkruajmë:

$('#trigger'). kliko (funksion () { $('#email-help').removeClass ('fshehur'); });

E kam shmangur qëllimisht futjen e deklaratës return false; sepse disa lexues të ekranit janë në gjendje të interpretojnë një ngjarje click, duke e barazuar atë me një ngjarje të tastierës në disa raste. Nëse do të kisha futur një deklaratë të tillë, programe të tilla nuk do të kishin ndjekur destinacionin e lidhjes dhe për këtë arsye nuk do të ishin në gjendje të lexonin përmbajtjen e div tonë. Efekti i vetëm i pakëndshëm për shfletuesit normalë është të shohin ankorën e shtuar në URL-në e faqes aktuale, por kjo nuk ndikon në asnjë mënyrë aksesueshmërinë dhe përdorshmërinë e saj.

Me modifikimet e duhura, të njëjtat vëzhgime zbatohen edhe për butonat, padyshim duke pasur parasysh ndryshimet në kasuistrinë e ngjarjeve JavaScript të disponueshme.

Parimi i parë i përdorshmërisë që zbatohet për thirrjet për veprime ështëidentifikueshmëria. Një thirrje për veprim duhet gjithmonë të njihet menjëherë nga përdoruesi dhe funksioni i tij duhet të kuptohet lehtësisht. Ka dy aspekte të përfshira:

• paraqitjen e thirrjes për veprim
• etiketimi i thirrjes për veprim

Secili aspekt është i lidhur pazgjidhshmërisht me tjetrin. Paraqitja e një thirrjeje për veprim nuk duhet të ndikojë kurrë në njohjen e saj. Një buton në një formular, sado i modifikuar duke përdorur CSS, duhet ta bëjë gjithmonë përdoruesin të mendojë "Tani unë klikoj këtu". Në të vërtetë, sipas Steve Krug, përdoruesi duhet të klikojë pa menduar nëse ajo që sheh është një buton apo jo. Veprimi duhet të jetë i menjëhershëm (brenda 300 milisekonda ose më shumë, saktësisht siç përcaktohet nga kërkimet e fundit mbi përvojën e përdoruesit).

Aspekti i dytë lidhet me mënyrën se si një thirrje për veprim definohet fjalë për fjalë. Etiketat duhet të jenë të thjeshta, të qarta, të vetë-shpjegueshme. Një shembull është përkthimi i artikullit "Ruaj" në menynë e kontekstit të aplikacioneve Mac OS X: në italisht, ky artikull është përkthyer si "Regjistro", që sigurisht nuk është më i miri për sa i përket qartësisë. Pra, nëse një buton do të nisë një motor kërkimi, etiketa duhet të lexojë "Kërko" dhe kështu me radhë. Në këtë rast imagjinata duhet t'i lërë vendin sensit të shëndoshë: konventat në këtë rast janë shumë të dobishme.

Është e qartë se do të kishte ende shumë për të shkruar mbi këtë temë, por qëllimi i këtij artikulli të gjatë është më shumë se çdo gjë tjetër që t'i bëjë njerëzit të mendojnë, të ndërgjegjësohen për atë që po bëhet dhe mbi të gjitha të kuptojnë se një buton i thjeshtë që duhet të çojë në kontakt me ju ose dërgimin e një emaili ose një kërkese, nuk është një gjë kaq e parëndësishme.

Dizajni për kompanitë, Sketchin: “Gjithmonë filloni nga ndryshimi…”