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

Oppfordringer til handling er invitasjoner til handling. Innen webdesign og fremfor alt, innen brukervennlighet, er Calls to Actions nettopp gjenkjennelige elementer som oppfordrer surferen til å utføre en handling. Åpenbart blir disse elementene, i nettgrensesnitt, bare ved å tenke på konseptet brukervennlighet, av enorm betydning og må vurderes med ekstrem presisjon.

Normalt har oppfordringen til handlinger, i nettgrensesnitt, form av aktive knapper, som, når de er klikket, henviser navigatoren til å fullføre en nøyaktig handling (en betaling, inntasting av data i et skjema, en kjøpsprosedyre, etc ...)

Gitt problemets delikatesse, er det presise regler for å gjøre Calls To Actions vellykket og optimal. Noen veldig interessante forslag er gitt av nettstedet SMASHING MAGASINE, som gir en ganske stor og detaljert illustrasjon med virkelige eksempler.

Derfor, for alle webdesignere, både eksperter og ikke-eksperter, er det svært viktig å vurdere aspektene som kan påvirke en Cll To Action positivt eller negativt. Så la oss snakke ferdig om tilgjengelighet og brukervennlighet igjen. Begreper som faller i glemmeboken i det siste og jeg forstår ikke hvorfor.

Den (riktige) copywriting for nettsteder og sosiale nettverk

Oppfordringen til handling stopper imidlertid ikke bare ved det grafiske aspektet:

som et viktig element i overbevisende markedsføring, er det klart at den også må vurderes med tanke på innhold. Det vil si hva som ligger bak en Call to Action og hvorfor navigatoren må klikke akkurat der og ikke andre steder.

Oppfordringen til handling er en reell oppfordring til handling, den handlingen du må fremkalle eller som du ønsker skal gjøres og faller innenfor rammen av overbevisende kommunikasjon fordi når brukeren har ankommet siden vår, må vi ikke tillate ham å forlate, tvert imot, vi må til og med overbevise ham om å gjøre noe som kan bli en fordel for begge, dvs. for oss og for brukeren. Jeg er av den oppfatning, faktisk, la oss innse det, jeg vet med sikkerhet, at 10.000 99 daglige besøk med en fluktfrekvens (fluktfrekvens) på 500 % er mindre nyttige enn 10 med en fluktfrekvens på 5 % og en konverteringsfrekvens på 10 eller til og med XNUMX %.

Vi er godt klar over at nettstedets ytelse når det gjelder antall besøkende og fluktfrekvens også avhenger av typen nettsted, men det er også sant at et firmanettsted er laget for "gjøre forretninger" og ikke å gre dukkene, og derfor er det viktig at den besøkende forblir "hjemme hos oss" eller rettere sagt på stedet i mer enn 30 sekunder, og utfører handlinger som vi har forsøkt å få dem til å utføre. Ellers, hva snakker vi om?

For eksempel, når det gjelder bedriftssider, er det veldig viktig ta kontakt med den besøkende, i tilfelle av e-handelssider er det nødvendig selge produkter, når det gjelder informasjonssider er det nødvendig katalysere oppmerksomhet muligens ber om en siste kommentar; det er også muligheten for bare å ville lage merkevarer, og det kan ta mye mindre tid, men det er en annen historie.

La oppfordring til handling er en integrert del av overbevisende copywriting: du må feie bort all den potensielle kundens tvil for å presse ham til handling. Jeg sier ikke å lure ham, vel å merke, men å kunne få ham til å forstå den sanne verdien av produktet (eller tjenesten) du selger og fremfor alt det faktiske behovet, noen ganger uuttrykt.

Tilgjengeligheten til oppfordringer til handlinger er nært knyttet til to aspekter: semantikken til etikettene som brukes for å identifisere en handling og måten denne handlingen utføres på.

Semantikken i oppfordringer til handlinger bør være selvforklarende. En knapp, en lenke, skal ha en etikett som nøyaktig identifiserer handlingen som brukeren skal utføre. Jeg så nylig endringene som ble gjort av noen sosiale nettverk og CMS-er i oppfordringen til handlinger for bildeopplastinger: i utgangspunktet har vi nå to knapper som leser "Velg bilde". Utrolig nok mangler den en knapp som sier «Last opp bilder». Dette skaper forvirring for brukerne, også med tanke på at alle som surfer med en skjermleser har en visjon seriale av siden, det vil si at den mangler det globale blikket som er typisk for brukere som navigerer med en visuell nettleser.

Vage etiketter bør unngås, generisk eller uklar. En etikett som bør unngås er "Klikk her". Hvis du blar gjennom en side som har lignende etiketter med oppfordringer til handlinger med en skjermleser, vil du høre en endeløs serie med "(link) Klikk her" som ikke vil gi deg noen nyttig informasjon om arten av handlingen du skal aktivere.

En annen ting å unngå er attributtmisbruk title noen linker. Når det brukes diskret, kan dette attributtet gi verdifull kontekstuell informasjon om handlingen som skal utføres, men når den brukes for mye, gjør den sidenavigering til en prøvelse. Faktisk knytter skjermlesere hver lenke til sin egen tittel og leser den før elementets innhold.

Fra et grafisk synspunkt, og med tanke på behovene til synshemmede brukere, bør de elementene som husker en handling være tydelig synlige og i relieff, med fonter som er store nok til å gjøre det enkelt å lese. Det viktigste er at noen justeringer på CSS-nivå bør brukes for å la slike elementer tilpasse seg endringer i skriftstørrelse som en synshemmet bruker kan gjøre på siden. Sist, men ikke minst, bør de ha en tilstrekkelig fargekontrast mellom tekst og bakgrunn, for å unngå problemer med de med fargeblindhet.

nginx: en ny webserver

JavaScript og riktig bruk

Når det gjelder hvordan disse handlingene utløses, må vi tenke på JavaScript.

La oss huske at JavaScript og tilgjengelighet ikke er inkompatible, så lenge du respekterer noen enkle beste fremgangsmåter. En av disse gjelder koblinger og hvordan du holder dem tilgjengelige selv med JavaScript deaktivert eller ikke støttet. I denne forstand er det nødvendig å skille mellom effektive lenker (som leder brukeren til en ny side eller som i alle fall lenker til ressurser) og utløser lenker, det vil si lenker uten faktisk innhold, men som tjener til å "utløse" JavaScript-handlinger.

En praksis som bør unngås er koblinger uten verdi for attributtet href, Som <a href="" id="trigger" >...</a>. I nettlesere uten JavaScript-støtte som Lynx, vil en slik lenke føre til at siden lastes helt inn på nytt. Selvfølgelig kan vi generere utløseren fullstendig med JavaScript, men da vil ikke koblingen være tilgjengelig hvis JavaScript ikke støttes eller deaktiveres. Mange statiske nettsteder bruker også denne teknikken for å generere permanente lenker, siden nettleseren vil vurdere gjeldende side som den manglende attributtverdien href.

Derfor er det nødvendig å gi en verdi til dette attributtet, også med tanke på det faktum at for XHTML-spesifikasjonene attributtet href Det kan ikke være tomt. Men hvilken? Mange har valgt å bruke hash-tegnet (#) som fyll. Men selv denne løsningen har begrensninger, ettersom med JavaScript deaktivert eller ikke støttet vil vi få effekten av å lage en referanse til et ikke-eksisterende anker, som kan desorientere de som surfer på nettet med ikke-visuell hjelpeteknologi.

Løsningen er selvfølgelig et sted midt i mellom: vi kan faktisk lage et anker som peker på faktisk innhold på siden. Når det gjelder innhold generert via JavaScript, kan vi bruke en tilnærming som denne:

Hjelp E-posten må være i formatet brukernavn@domene.utvidelse

La oss style vår div, som vi skjuler med JavaScript. Hvis JavaScript ikke støttes eller deaktiveres, vil vår div ganske enkelt forbli synlig. For å skjule det, la oss bruke en CSS-klasse for å koble til når dokumentet er lastet:

.hidden { posisjon: absolutt; topp: -1000em; }

Både jQuery og Prototype har metoder for å skjule et element, men husk at de benytter seg av erklæringen display: none. Denne erklæringen tolkes dessverre av skjermlesere, som har delvis støtte for JavaScript, og hindrer dem i å lese innholdet i et element. På dette tidspunktet, hvis vi bruker jQuery, kan vi skrive:

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

Jeg har bevisst unngått å legge inn erklæringen return false; fordi noen skjermlesere er i stand til å tolke en hendelse click, som i noen tilfeller sidestiller det med en tastaturhendelse. Hvis jeg hadde satt inn en slik erklæring, ville ikke slike programmer fulgt lenkens destinasjon og ville derfor ikke kunne lese innholdet i vår div. Den eneste ubehagelige effekten for vanlige nettlesere er å se ankeret lagt til URL-en til den gjeldende siden, men dette påvirker ikke på noen måte dens tilgjengelighet og brukervennlighet.

Med passende modifikasjoner gjelder de samme observasjonene også for knapper, åpenbart med tanke på forskjellene i kasuistikken til tilgjengelige JavaScript-hendelser.

Det første brukervennlighetsprinsippet som gjelder for oppfordringer til handlinger eridentifiserbarhet. En oppfordring til handling skal alltid være umiddelbart gjenkjennelig av brukeren og dens funksjon lett å forstå. Det er to aspekter involvert:

• utformingen av oppfordringen til handling
• merking av oppfordringen til handling

Hvert aspekt er uløselig knyttet til det andre. Utformingen av en oppfordring til handling skal aldri påvirke gjenkjennelsen av den. En knapp på et skjema, uansett hvordan det er modifisert med CSS, skal alltid få brukeren til å tenke "Nå klikker jeg her". Faktisk, ifølge Steve Krug, bør brukeren klikke uten å tenke på om det han ser er en knapp eller ikke. Handlingen bør være umiddelbar (innen 300 millisekunder eller så, nøyaktig som bestemt av nyere forskning på brukeropplevelse).

Det andre aspektet er i stedet knyttet til hvordan en oppfordring til handling defineres ordrett. Etiketter skal være enkle, klare, selvforklarende. Et eksempel er oversettelsen av elementet "Lagre" i kontekstmenyen til Mac OS X-applikasjoner: på italiensk har dette elementet blitt gjengitt som "Record", som absolutt ikke er det beste når det gjelder klarhet. Så hvis en knapp skal starte en søkemotor, skal etiketten lese «Søk» og så videre. I dette tilfellet bør fantasien vike for sunn fornuft: konvensjonene i dette tilfellet er veldig nyttige.

Det er klart at det fortsatt vil være så mye å skrive om emnet, men hensikten med denne lange artikkelen er mer enn noe annet å få folk til å tenke, å bli klar over hva som blir gjort og fremfor alt å forstå at en enkel knapp som skal føre til å kontakte deg eller sende en e-post eller en forespørsel, ikke er en så triviell ting.

Design for bedrifter, Sketchin: "Start alltid fra endring ..."