Call to Action, hvad de er, og hvad er deres betydning.

Opfordringer til handling er invitationer til at handle. I webdesign og frem for alt inden for brugervenlighed er Calls to Actions netop skelnelige elementer, der opfordrer surferen til at udføre en handling. Det er klart, at disse elementer, i webgrænseflader, blot ved at tænke på begrebet brugervenlighed, bliver af enorm betydning og skal overvejes med ekstrem præcision.

Normalt har Call To Actions, i webgrænseflader, form af aktive knapper, som, når de er klikket, henviser navigatoren til at afslutte en præcis handling (en betaling, indtastning af data i en formular, en købsprocedure, etc ...)

I betragtning af problemets delikatesse er der præcise regler for at gøre Calls To Actions vellykkede og optimale. Nogle meget interessante forslag er givet af webstedet SMASHING MAGAZINE, hvilket giver en ret bred og detaljeret illustration med rigtige eksempler.

Derfor er det for alle webdesignere, både eksperter og ikke-eksperter, meget vigtigt at vurdere de aspekter, der kan påvirke en Cll To Action positivt eller negativt. Så lad os afslutte med at tale om tilgængelighed og brugervenlighed igen. Begreber, der er ved at falde i glemmebogen på det seneste, og jeg forstår ikke hvorfor.

Den (rigtige) copywriting til hjemmesider og sociale netværk

Opfordringen til handling stopper dog ikke kun ved det grafiske aspekt:

da det er et vigtigt element i persuasive marketing, er det klart, at det også skal vurderes indholdsmæssigt. Altså hvad der ligger bag en Call to Action og hvorfor navigatøren skal klikke der og ikke andre steder.

Opfordringen til handling er en reel opfordring til handling, den handling, som du skal fremkalde, eller som du ønsker at blive udført og falder inden for rammerne af overbevisende kommunikation for når først brugeren er ankommet til vores side, må vi ikke tillade ham at forlade, tværtimod skal vi endda overbevise ham om at gøre noget, der kan blive en fordel for begge, altså for os og for brugeren. Jeg er af den opfattelse, faktisk, lad os se det i øjnene, jeg ved med sikkerhed, at 10.000 daglige besøg med en afvisningsprocent (afvisningsprocent) på 99 % er mindre nyttige end 500 med en afvisningsprocent på 10 % og en konverteringsrate på 5 eller endda 10 %.

Vi er godt klar over, at webstedets ydeevne i form af antal besøgende og afvisningsprocent også afhænger af webstedstypen, men det er også rigtigt, at en virksomhedswebside er lavet til "gøre forretning" og ikke at rede dukkerne, og derfor er det vigtigt, at den besøgende bliver "hjemme hos os" eller rettere sagt på stedet i mere end 30 sekunder og udfører handlinger, som vi har forsøgt at få dem til at udføre. Hvad taler vi ellers om?

For eksempel, i tilfælde af virksomhedswebsteder er det meget vigtigt tage kontakt med den besøgende, i tilfælde af e-handelssider er det nødvendigt sælge produkter, i tilfælde af informationssider er det nødvendigt katalysere opmærksomhed eventuelt anmode om en sidste kommentar; der er også muligheden for kun at ville lave mærker, og det kan tage meget kortere tid, men det er en anden historie.

La opfordring til handling er en integreret del af overbevisende copywriting: du er nødt til at feje al den potentielle kundes tvivl væk for at presse ham til handling. Jeg siger ikke, at man skal bedrage ham, vel at mærke, men for at være i stand til at få ham til at forstå den sande værdi af det produkt (eller den service), du sælger, og frem for alt det faktiske behov, nogle gange uudtalt.

Tilgængeligheden af ​​opfordringer til handlinger er tæt forbundet med to aspekter: semantikken af ​​de etiketter, der bruges til at identificere en handling, og den måde, hvorpå denne handling udføres.

Semantikken i opfordringer til handlinger bør være selvforklarende. En knap, et link, skal have en etiket, der præcist identificerer den handling, som brugeren skal udføre. Jeg har for nylig set ændringerne foretaget af nogle sociale netværk og CMS'er i opfordringen til handlinger af billeduploads: nu har vi grundlæggende to knapper, hvor der står "Vælg billede". Utroligt nok mangler den en knap, der siger "Upload fotos". Dette skaber forvirring for brugerne, også med tanke på, at enhver, der surfer med en skærmlæser, har en vision seriale af siden, dvs. den mangler det globale blik, som er typisk for brugere, der navigerer med en visuel browser.

Vage etiketter bør undgås, generisk eller uklar. En etiket, der bør undgås, er "Klik her". Hvis du gennemser en side, der på samme måde har mærket opfordringer til handlinger med en skærmlæser, vil du høre en endeløs række af "(link) Klik her", som ikke vil give dig nogen brugbar information om arten af ​​den handling, du vil aktivere.

En anden ting at undgå er attributmisbrug title nogle links. Når den bruges diskret, kan denne attribut give værdifuld kontekstuel information om den handling, der skal udføres, men når den overbruges, gør den sidenavigation til en prøvelse. Faktisk forbinder skærmlæsere hvert link med sin egen titel og læser det før elementets indhold.

Fra et grafisk synspunkt, og under hensyntagen til synshandicappede brugeres behov, bør de elementer, der genkalder en handling, være tydeligt synlige og i relief, med skrifttyper, der er store nok til at gøre det nemt at læse. Vigtigst er det, at nogle justeringer på CSS-niveau skal bruges til at tillade sådanne elementer at tilpasse sig ændringer i skriftstørrelse, som en synshæmmet bruger kan foretage på siden. Sidst, men ikke mindst, bør de have en passende farvekontrast mellem tekst og baggrund, for at undgå problemer med dem med farveblindhed.

nginx: en ny webserver

JavaScript og dets korrekte brug

Med hensyn til, hvordan disse handlinger udløses, skal vi tænke på JavaScript.

Lad os huske, at JavaScript og tilgængelighed ikke er uforenelige, så længe du respekterer nogle enkle bedste praksisser. En af disse vedrører links og hvordan man holder dem tilgængelige, selv med JavaScript deaktiveret eller ikke understøttet. I denne forstand er det nødvendigt at skelne mellem effektive links (som fører brugeren til en ny side eller som under alle omstændigheder linker til ressourcer) og udløser links, altså links uden egentligt indhold, men som tjener til at "udløse" JavaScript-handlinger.

En praksis, der skal undgås er links uden værdi for attributten href, Som <a href="" id="trigger" >...</a>. I browsere uden JavaScript-understøttelse, såsom Lynx, vil et sådant link få siden til at genindlæse helt. Selvfølgelig kan vi helt generere triggeren med JavaScript, men så vil linket ikke være tilgængeligt, hvis JavaScript ikke er understøttet eller deaktiveret. Mange statiske websteder bruger også denne teknik til at generere permanente links, da browseren vil betragte den aktuelle side som den manglende attributværdi href.

Derfor er det nødvendigt at give en værdi til denne attribut, også i betragtning af det faktum, at attributten for XHTML-specifikationerne href Det må ikke være tomt. Men hvilken? Mange har valgt at bruge hash-tegnet (#) som deres fyld. Men selv denne løsning har begrænsninger, da med JavaScript deaktiveret eller ikke understøttet vil vi få effekten af ​​at skabe en reference til et ikke-eksisterende anker, som kan desorientere dem, der surfer på nettet med ikke-visuel hjælpeteknologi.

Løsningen ligger selvfølgelig et sted midt imellem: vi kan faktisk skabe et anker, der peger på faktisk indhold på siden. I tilfælde af indhold genereret via JavaScript, kan vi bruge en fremgangsmåde som denne:

Hjælp E-mailen skal være i formatet brugernavn@domæne.udvidelse

Lad os style vores div, som vi skjuler med JavaScript. Hvis JavaScript ikke er understøttet eller deaktiveret, vil vores div blot forblive synlig. For at skjule det, lad os bruge en CSS-klasse til at linke til, når dokumentet er indlæst:

.hidden { position: absolut; top: -1000em; }

Både jQuery og Prototype har metoder til at skjule et element, men husk at de gør brug af erklæringen display: none. Denne erklæring fortolkes desværre af skærmlæsere, som har delvis understøttelse af JavaScript, hvilket forhindrer dem i at læse indholdet af et element. På dette tidspunkt, hvis vi bruger jQuery, kan vi skrive:

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

Jeg har bevidst undgået at indsætte erklæringen return false; fordi nogle skærmlæsere er i stand til at fortolke en begivenhed click, der i nogle tilfælde sidestilles med en tastaturbegivenhed. Hvis jeg havde indsat en sådan erklæring, ville sådanne programmer ikke have fulgt linkets destination og ville derfor ikke have kunne læse indholdet af vores div. Den eneste ubehagelige effekt for normale browsere er at se ankeret tilføjet til URL'en på den aktuelle side, men dette påvirker ikke på nogen måde dens tilgængelighed og brugervenlighed.

Med passende modifikationer gælder de samme observationer også for knapper, naturligvis med tanke på forskellene i kasuistikken af ​​tilgængelige JavaScript-begivenheder.

Det første anvendelighedsprincip, der gælder for opfordringer til handlinger, eridentificerbarhed. En opfordring til handling skal altid være umiddelbart genkendelig af brugeren og dens funktion let forståelig. Der er to aspekter involveret:

• layout af opfordringen til handling
• mærkning af opfordringen til handling

Hvert aspekt er uløseligt forbundet med det andet. Layoutet af en opfordring til handling bør aldrig påvirke dens anerkendelse. En knap på en formular, uanset hvor den er ændret ved hjælp af CSS, skal altid få brugeren til at tænke "Nu klikker jeg her". Faktisk skal brugeren ifølge Steve Krug klikke uden at tænke på, om det han ser er en knap eller ej. Handlingen skal være øjeblikkelig (inden for 300 millisekunder eller deromkring, nøjagtigt som fastslået af nyere forskning om brugeroplevelse).

Det andet aspekt er i stedet relateret til, hvordan en opfordring til handling defineres ordret. Etiketter skal være enkle, klare og selvforklarende. Et eksempel er oversættelsen af ​​elementet "Gem" i kontekstmenuen i Mac OS X-programmer: På italiensk er dette element blevet gengivet som "Record", hvilket bestemt ikke er det bedste med hensyn til klarhed. Så hvis en knap skal starte en søgemaskine, skal etiketten læse "Søg" og så videre. I dette tilfælde bør fantasien vige for sund fornuft: konventionerne i dette tilfælde er meget nyttige.

Det er klart, at der stadig ville være så meget at skrive om emnet, men formålet med denne lange artikel er mere end noget andet at få folk til at tænke, at blive bevidste om, hvad der bliver gjort og frem for alt at forstå, at en simpel knap, der skulle føre til at kontakte dig eller sende en e-mail eller en anmodning, ikke er så triviel noget.

Design til virksomheder, Sketchin: "Start altid fra forandring..."