Come progettare link e CTA infallibili

Hai mai guardato le statistiche del tuo sito web e ti sei chiesto: "Perché le persone non vanno dove voglio che vadano?"

Perché non visitano le pagine dei tuoi prodotti? Perché non fanno acquisti?

In questo post condividerò alcuni suggerimenti degli esperti che potrebbero aiutarti a controllare l'avanzamento dei visitatori nel tuo sito web.

Identificare il problema

Per prima cosa dobbiamo identificare quale potrebbe essere il problema. Strumenti utili come Google Analytics possono fornirti molte informazioni statistiche sul tuo sito, ma ho scoperto che strumenti più visivi, come Crazy Egg, Heatmap.com e Inspectlet, possono davvero aiutarti a individuare con precisione dove si trovano i problemi nel tuo bugia del sito.

Avere un quadro di riferimento visivo come una mappa di calore può mostrarti istantaneamente cosa sta attirando l'attenzione del tuo pubblico. È particolarmente utile se combinato con una mappa di scorrimento, che può dirti fino a che punto stanno guardando i visitatori della tua pagina! A volte i problemi possono essere corretti e veloci, ma a volte non è così chiaro. Si spera che questi suggerimenti ti aiutino a migliorare il tuo sito e a raggiungere più obiettivi.

Soluzioni

Chiarezza

Per quanto sciocco possa sembrare, a volte il problema può essere semplice come i clienti che non sanno a colpo d'occhio cosa costituisce un collegamento e cosa no. Anche se questo può sembrare ovvio a te stesso e agli altri, dobbiamo ricordare che tutti operano in modo diverso e potrebbero visualizzare il tuo sito Web in modo diverso da come lo visualizzi tu.

Ad esempio, le immagini promozionali sul tuo sito possono rendere difficile determinare esattamente dove i tuoi visitatori dovrebbero fare clic. Questo è un problema molto comune su siti Web come downloads.cnet e filehippo.com:

Download.cnet.com è pessimo quanto filehippo per questo. Hai visto prima il link per il download o il grande banner arancione e blu brillante nella parte superiore della pagina? In questo caso ti porterebbe solo al sito Web dell'azienda, ma un altro potrebbe portarti ovunque.

Come potrebbero risolvere questo problema? Semplicemente renderlo più chiaro risolverebbe immediatamente questo problema. Devono dissociare i loro collegamenti dagli annunci che cercano di fuorviare le persone. Un modo potrebbe essere l'aggiunta di un grande bordo sfacciato attorno al titolo e al successivo collegamento per il download, o anche un colore di sfondo completo e una spaziatura per enfatizzare ulteriormente il titolo e il collegamento per il download. Anche qualcosa di semplice come una freccia che punta al collegamento per il download farebbe miracoli! Qualsiasi cosa per far risaltare rapidamente il loro collegamento dal resto e ridurre così eventuali "clic persi".

Stile

Un altro problema potrebbe essere lo stile dei tuoi link e CTA. Ora, non c'è giusto o sbagliato quando si tratta di styling. Tutto dipende da cosa funziona con il tuo design e sito web e da cosa ritieni sia migliore, nonché da cosa funziona meglio per il tuo pubblico.

Detto questo, potresti aver notato negli ultimi anni una grande ondata di pulsanti grandi e luminosi nei vasti oceani di "spazio bianco". C'è una ragione molto buona per questa tendenza. Ricerche e statistiche mostrano che i visitatori hanno maggiori probabilità di interagire con questo tipo di link, forse più di altre varianti:

Ma perché è questo? Perché, come utenti, siamo attratti da siti con pochissimi elementi con cui interagire, piuttosto che da un sito Web con molte strade e collegamenti da esplorare?

È semplice: non solo elimina il disordine, ma lo stile rende molto semplice ed ovvio ciò che è e non è cliccabile. I CTA e i pulsanti Iscriviti / Accedi attirano la nostra attenzione e ci invitano a fare clic su di essi.

Ma questo significa che tutti i nostri link dovrebbero essere grandi pulsanti luminosi?

Affatto. Vogliamo solo evidenziare i nostri "inviti all'azione", ovvero i nostri collegamenti con cui vogliamo che i nostri visitatori interagiscano - qualcosa, pensiamo, che in qualche modo andrà a beneficio loro e di noi, come una pagina di vendita promozionale o le ultime notizie storia.

Tornando all'esempio di PayPal, va bene utilizzare collegamenti di testo normale per collegamenti più standard o meno importanti, purché siano ancora collegamenti molto chiari a qualcosa. In passato questo era sempre indicato con testo sottolineato, e possiamo ancora usarlo oggi finché si adatta al design, anche se alcune persone ritengono che i collegamenti sottolineati abbiano poco posto nel design moderno.

Ad esempio, guarda il testo sotto il link "Scopri di più" di PayPal, "Non sei un cliente PayPal? Iniziare. “Semplicemente incoraggiando queste ultime due parole, l'attenzione dei visitatori viene attirata e sono sottilmente incoraggiati a interagire. "Questo testo è diverso", pensano. “C'è qualcosa? Perché quella parte è in grassetto e il resto no?" Questo invita l'utente a passarci sopra e scoprire che è un collegamento!

È una semplice differenza, ma in un mondo in cui dobbiamo lottare per ogni secondo dell'attenzione dell'utente, è una differenza che può risultare in un clic e può essere così facile da implementare. Scopri cosa funziona meglio per il tuo sito web e per la tua clientela.

Posizione sullo schermo

Gli utenti hanno così poco tempo da dedicare alla ricerca di un collegamento in un sito e più tempo sprecato farà sì che più persone abbandonino il tuo sito. Quindi come possiamo evitare questo? Ancora una volta, facciamo in modo che gli utenti possano identificare i collegamenti nel modo più semplice possibile.

Le mappe di scorrimento possono essere di grande aiuto qui. Dalla mia esperienza, quasi tutti i visitatori di una pagina vedranno la parte superiore della pagina, ma meno del 20% delle persone scorrerà fino in fondo, anche in basso per pagine più lunghe. Eppure oltre l'80% vedrà il primo 50% della pagina.

Le dimensioni dello schermo giocano un ruolo importante in questo, insieme alle risoluzioni dello schermo e alle dimensioni del dispositivo. Tuttavia, ciò significa che qualsiasi cosa al di sotto della parte inferiore del display probabilmente non verrà vista dai tuoi visitatori. Quindi, idealmente, vogliamo assicurarci che i nostri preziosi CTA siano in cima alla pagina. Problema risolto, vero?

Questa è una buona cosa da considerare come regola empirica e funziona particolarmente bene per singoli prodotti e promozioni. Ma che dire, ad esempio, quando si confrontano i risultati di ricerca di un prodotto? Avrai molti oggetti in lotta per l'attenzione del visitatore.

È qui che dovrai combinare le tre cose insieme nel tuo design: Chiarezza, Stile e Posizione. La cosa fondamentale da ricordare è che se ci sono troppe informazioni sullo schermo, l'utente perderà rapidamente interesse. Se hai molti prodotti da visualizzare, vuoi dare loro le informazioni minime che puoi permetterti di dare - idealmente titolo, prezzo e un CTA "Ulteriori informazioni / acquista ora".

Sta a te decidere cos'altro includere. Ma per buoni esempi di design, guarda ai grandi siti di supermercati come Tesco:

Una semplice ricerca di "pane" produce centinaia di prodotti diversi, ma Tesco ha lasciato a tutti i prodotti molto spazio per respirare e ha semplificato il processo di acquisto a "Quantità?" e aggiungi".

Potresti anche notare che i pulsanti seguono tutte le regole: sono chiari, sono spaziati e stilizzati in modo attraente e appaiono in modo logico sulla griglia, sotto il prodotto e qualsiasi descrizione che potrebbe avere.

Cerca altri esempi per vedere cosa fanno i grandi siti di e-commerce quando si tratta di presentare più CTA, potresti essere sorpreso da ciò che trovi!

Sommario

Speriamo che questo blog ti abbia fornito alcune informazioni sul tipo di semplici trucchi che possono davvero aiutare a incrementare il successo del tuo sito web. In sintesi, ciò che devi ricordare quando crei i tuoi link e CTA è:

• Chiarezza . Assicurati che i tuoi CTA si distinguano da qualsiasi altra cosa nella pagina, specialmente se ci saranno altri link e pulsanti che potrebbero causare confusione. Dovresti essere in grado di distinguere il vero dal falso all'istante.

• Stile. Le persone sono attratte da grandi pulsanti luminosi e noi siamo attratti da campi di testo di grandi dimensioni che attirano la nostra attenzione. Meno sforzo deve fare l'utente per identificare un collegamento o un pulsante, più è probabile che faccia clic su di esso. Questo vale per i link più piccoli e meno importanti: non vorrai mai perdere un link nel testo o in un'immagine, quindi imposta linee guida rigorose su come progettare i tuoi link e CTA. Usa caratteri in grassetto, colori diversi o qualcos'altro per evidenziare e distinguere i tuoi cliccabili da quelli non cliccabili. Assicurati solo che vengano utilizzati in modo coerente. Allo stesso modo, assicurati che nessuna delle tue immagini incorpori questi elementi a meno che tu non abbia una buona ragione per farlo.

• Posizione, posizione, posizione . La posizione in cui inserisci i tuoi link e le CTA sono importanti. Se il tuo link "Acquista ora" di grande valore e importante non viene visualizzato above the fold per qualcuno, c'è meno del 50% di possibilità che un cliente faccia clic su di esso, poiché meno del 50% degli utenti scorrerà fino a questo punto.

Spero che questo consiglio aiuti! Non dimenticare di cercare sempre in giro e vedere cosa stanno facendo gli altri per risolvere questo problema e confrontare il loro sito con il tuo per vedere dove e come il tuo potrebbe essere ulteriormente migliorato.