27 Research-Backed Web Design Tips: Come progettare un sito Web che funziona

Visitatori totali. È facile da vedere. Ogni marketer sa quanto traffico stanno ottenendo perché è proprio lì nella tua analisi. Ma quello che succede dopo non è così ovvio.

Ecco perché dare consigli per guidare il traffico è facile, ma i suggerimenti per il web design sono difficili. Ci sono così tanti fattori. Anche dopo oltre 1000 progetti di web design di successo, è difficile per noi sapere cosa funzionerà meglio.

Questo articolo ha 27 web design suggerimenti per ottenere più valore da ogni singolo visitatore. La maggior parte di questi suggerimenti sono supportati dalla ricerca. Questi sono per designer principianti e professionisti UX avanzati, per piccole imprese e grandi imprese.

Ecco i nostri migliori consigli, idee e ispirazione su come progettare un sito web che ottiene risultati. Un sito che sembra bello, converte i visitatori e ottiene più valore da ognuna di quelle visite sudati.

I due studi più importanti qui citati sono alla fine. Se sei impaziente, salta giù!

Il layout strutturale del sito web

I siti Web sono due cose: contenitori e contenuti. Il contenitore è due cose: struttura e stile. Iniziamo con il primo. Questi suggerimenti riguardano la struttura e il layout delle pagine.

Sfrutta una gerarchia visiva

Ogni pagina ha una gerarchia visiva. Se non hai familiarità con questo concetto, ecco la nostra definizione:

La gerarchia visiva si riferisce alla disposizione, alle dimensioni, al colore e al contrasto degli elementi visivi. Determina la loro prominenza relativa e l’ordine in cui sono visti dall’occhio umano.

I web designer utilizzano la gerarchia visiva per guidare l’attenzione dei visitatori agli elementi importanti. Il layout del sito web include la posizione (alta o bassa sulla pagina), le dimensioni (grandi o piccole), le immagini (video, immagini, icone) e il contrasto (colore e spazio bianco).

La combinazione di aspetti moltiplica il loro effetto. Tutti vedranno un video di grandi dimensioni, in alto nella pagina. Poche persone vedranno il testo a basso contrasto circondato da immagini.

La gerarchia visiva è il motivo per cui i tuoi occhi seguono un determinato percorso su ogni pagina che visiti su Internet. Se usato deliberatamente, guida l’attenzione del visitatore attraverso una serie di messaggi, verso una chiamata all’azione.

Usa un titolo descrittivo incentrato sulla frase chiave sulla homepage

Il titolo nella parte superiore della homepage (e di ogni pagina) è descrittivo o meno. In caso contrario, il visitatore potrebbe non essere in grado di rispondere alla prima domanda: “Sono nel posto giusto?”

È anche un’opportunità per utilizzare una frase chiave di destinazione e indicare la pertinenza. Ma un sacco di marketing scrivere qualcosa di intelligente o vago invece. Ma chiaro è meglio che intelligente.

Invece di scrivere un titolo fantasioso, ma vago, scrivi qualcosa di descrittivo. Assicurati di spiegare cosa fa l’azienda in alto sulla pagina, sopra la piega.

Fonte:Outreach Plus

Aspetta, la piega è ancora una cosa?

Sì, c’è una piega. Per ogni visita su ogni schermo, c’è un’area visibile. In fondo è la famosa piega. Per vedere qualcosa sotto questa linea, quel visitatore deve scorrere.

Perché e se questo è importante nel web design è un argomento molto dibattuto. Ecco due dei migliori argomenti: “Non c’è piega!”vs” La piega conta ancora.”

Naturalmente, ci sono migliaia di dimensioni dello schermo, che vanno dal piccolo all’enorme. Questo sito web è stato visualizzato su 958 schermi di diverse dimensioni nell’ultimo mese. Quindi alcuni designer dicono che la piega non è più rilevante.

Ma ecco la linea di fondo (capito?) C’è ancora una piega per ogni visita e ancora una piega media per tutte le visite. Strumenti come Hotjar mostrano chiaramente come una linea nella heatmap di scorrimento, per desktop/laptop, mobile e tablet.

Quindi sì, c’è una piega e conta ciò che metti sopra e sotto di essa. Uno studio ha dimostrato che i visitatori trascorrono l ‘ 80% del loro tempo al di sopra della piega.

Quindi metti la tua proposta di valore, quella versione di 8 parole di ciò che fai, in alto sulla pagina, sopra la piega.

Ma non mettere tutte le chiamate all’azione in alto

I visitatori potrebbero passare più tempo lì, ma ciò non significa che siano pronti ad agire. Un sacco di persuasione accade più in basso nella pagina.

Quando Chartbeat ha analizzato 25 milioni di visite hanno scoperto che la maggior parte del coinvolgimento avviene sotto la piega. Il contenuto in alto potrebbe essere visibile, non sarà necessariamente il posto più efficace per mettere i tuoi inviti all’azione.

Un avvertimento su questo studio frequentemente citato: Chartbeat è utilizzato principalmente da siti web di notizie, che sono molto diversi dai siti web di marketing. Nessuno fa molto al di sopra della piega su un sito web di notizie! I normali suggerimenti per il web design non si applicano.

Assicurati di mettere le chiamate all’azione più in basso nella pagina, in qualsiasi luogo in cui è probabile che l’interesse sia elevato.

Ne fanno una pagina alta. Rispondi a tutte le domande dei tuoi visitatori.

Più pixel significa più spazio per rispondere alle domande, affrontare le obiezioni e aggiungere prove di supporto. Se il visitatore non trova una risposta a una domanda importante, può semplicemente continuare a spostarsi verso il basso nella pagina. Una volta soddisfatti, smetteranno semplicemente di leggere.

Le pagine di vendita più efficaci emulano le conversazioni di vendita.

Non avresti mai tagliato qualcuno durante una riunione di vendita e smesso di rispondere alle loro domande, vero? Questo è tutto ciò che fa una breve pagina; smette di rispondere alle domande.

Ecco dove entra in gioco il famoso studio di Crazy Egg. Hanno esaminato il loro pubblico, hanno scoperto le loro domande e preoccupazioni principali e hanno costruito una pagina alta che affronta tutto.

La pagina era 20 volte più lunga. Il tasso di conversione è aumentato del 30%.

“Lo scorrimento è una continuazione. Fare clic è una decisione – – Josh Porter, Rocket Insights

Mostra una cosa alla volta

“Mi piacciono i design puliti e moderni.”Questo è ciò che la maggior parte dei nostri clienti ci dicono quando iniziamo i progetti di web design. Spesso si riferiscono al sito Web di Apple come esempio.

Ai visitatori non piace il disordine. Ci piace lo spazio bianco. In altre parole, ci piace la bassa complessità visiva.

Nel 2012, Google ha deciso di scoprire quali tipi di siti Web sono visti come belli per i visitatori. È uno studio sulla semplicità con un nome molto complicato: Il ruolo della complessità visiva e della prototipicità rispetto alla prima impressione dei siti web: lavorare per comprendere i giudizi estetici.

Hanno imparato che i disegni più complessi hanno meno probabilità di essere percepiti come belli.

Questo spiega la tendenza verso layout a colonna singola e pagine alte. I progetti con più colonne (navigazione sul lato sinistro, area del contenuto, binario destro) sono più complessi, con più elementi visivi all’interno del campo visivo dei visitatori.

Quindi taglia il disordine. Fare uno dei due elementi di messa a fuoco ad ogni profondità di scorrimento.

Attenersi ai layout standard

Lo stesso studio di Google ha rilevato che “l’alta prototipicità” è correlata anche alla bellezza percepita. In altre parole, strano non è di solito abbastanza. Un sito web che segue gli standard di web design è più probabile che sia amato.

I siti considerati i più belli hanno sia alta prototipicità che bassa complessità visiva. Sono entrambi semplici e puliti.

Pensalo in questo modo, è bene differenziare il tuo marchio, ma il layout non è il posto giusto per farlo. Sii diverso in QUELLO che dici. Ma sii tipico nel MODO in CUI viene utilizzato il tuo sito.

Alcune auto sembrano incredibili. Sono diversi. Sono bellissimi. Ma hanno ancora porte sui lati, ruote sul fondo e fari anteriori.

Ma che cosa è standard? Secondo la nostra ricerca, questi sono gli elementi standard per un sito web:

“standard” di sito web con prototypicality comprende i seguenti:

• Logo in alto a sinistra
• navigazione Orizzontale nell’intestazione
• barra di Ricerca in alto
• icone Sociali in fondo
• Mobile responsive design

Attenzione di un “falso fondo”

Moderno, web marketing, in particolare le pagine di vendita, sono costruiti con la pagina di blocchi. Si tratta di righe di contenuto, spesso con un’immagine su un lato e testo sull’altro, che scorre lungo la pagina in una singola colonna.

Ecco l’anatomia di una tipica pagina di servizio su un sito web di lead generation.

Come mostra il diagramma, il piè di pagina ha un colore di sfondo più scuro. Così tanti siti fanno questo che i visitatori ora si aspettano che un passaggio a uno sfondo più scuro significa la parte inferiore della pagina.

Ma se il design ha un pageblock con uno sfondo scuro, il visitatore potrebbe pensare di aver toccato il fondo e interrompere lo scorrimento. E ‘ un falso fondo.

Nota: discuto con i miei designer su questo. Kurt Cruse, il nostro direttore creativo, fa un ottimo punto. I cambiamenti nel colore di sfondo sono un ottimo modo per far sapere ai visitatori che il tipo di contenuto sta cambiando. Ti capisco, Kurt!

Basta essere deliberato quando si selezionano i colori di sfondo per i blocchi di pagina. Per essere sicuri, scegli solo leggere variazioni o usa sempre bianco o grigio chiaro. Quindi passare a grigio scuro o nero nel piè di pagina.

Evitare caroselli e cursori rotanti

Sono stati popolari per anni e clienti li amano. Ma c’è un problema con la presentazione homepage: i visitatori possono vedere solo la prima diapositiva.

Ci sono stati molti studi che arrivano alla stessa conclusione. I messaggi sulle diapositive successive hanno meno probabilità di essere visti e le chiamate all’azione sono improbabili da fare clic. Basta guardare il click-through tariffe per le diapositive su un sito web universitario.

Possono essere popolari perché sono facili da ottenere approvati. Diversi stakeholder di diversi reparti ottengono tutti alcuni pixel sopra la piega. Sono buoni per la politica interna, non per i visitatori.

Homepage slideshow sono bravi a mantenere le persone da pugnalarsi a vicenda nelle sale conferenze.

Quindi cosa fare invece?

• Impilare le diapositive, in modo che il visitatore può vedere ciascuno scorrendo la pagina. Diventeranno improvvisamente molto più visibili.
• Usa un’immagine in primo piano, usando la diapositiva più impattante come eroe. Dare un buon invito all’azione!

Evita le schede e le fisarmoniche

Ecco un altro modo per togliere le cose dal nascondiglio: evita le schede e le scatole espandibili di contenuti.

Sapendo che fino al 76% dei visitatori del sito Web esegue la scansione, puoi rendere i tuoi contenuti più visibili a loro mantenendo tutto esposto, senza bisogno di fare clic per rivelare qualcosa.

Se le schede e le fisarmoniche espandibili fossero efficaci, probabilmente le vedrai su Amazon.

Ricorda, lo scorrimento è più veloce e più facile che fare clic. Se i visitatori devono mirare e fare clic o scheda per essere in grado di visualizzare qualcosa, sono meno propensi a vederlo.

Immagini

Passiamo alle immagini. Questi suggerimenti sono specifici per le immagini sulle pagine web.

Usa le immagini delle persone

I volti sono immagini uniche e potenti. Dal momento in cui siamo nati, guardiamo i volti più qualsiasi altra cosa. Il potere magnetico delle immagini delle persone è molto utile nel web design.

Non solo i volti attirano l’attenzione, ma sono correlati alla conversione. Il famoso caso di studio di Basecamp ha mostrato un enorme aumento dei risultati quando volti e testimonianze sono stati combinati su una pagina di vendita.

Assicurati che il tuo sito web non sembri una “astronave abbandonata” senza un’anima a bordo.

Ho parlato con migliaia di aziende del loro marketing nel corso degli anni e ho notato un modello. Le grandi aziende cercano sempre di sembrare piccole e le piccole aziende cercano di sembrare grandi. Strano, vero?

In realtà, ogni azienda dovrebbe solo cercare di essere più personale, più umano.

Ma evita le foto stock di persone

C’è un tempo e un luogo per le foto stock, ma eviterei le foto stock di persone come la peste. Non si sentono mai genuini, quindi non costruiscono fiducia.

Le aziende sono tentate dalle foto d’archivio perché la qualità della produzione è alta. Ma i tuoi visitatori si preoccupano di più della realtà. Preferirebbero vedere persone reali che effettivamente lavorano in azienda.

L’autenticità è più importante del polacco.

La ricerca lo sostiene. Uno studio condotto da NN Group ha scoperto che i visitatori sintonizzare foto stock di persone e immagini” filler”, ma in realtà guardare le immagini di persone reali.

Quindi sii te stesso, mostra la tua squadra e usa le immagini di persone reali, anche se sono perfettamente lucidate.

Usa i volti come segnali visivi

Le immagini delle persone ti offrono un’opportunità speciale per guidare l’attenzione dei visitatori. Il famoso fenomeno “si guarda dove guardano”.

Quando il ricercatore James Breeze ha mostrato disegni a 106 persone, ha dimostrato il potere di volti ben posizionati. Hanno il potere di indirizzare l’attenzione dei visitatori verso altri elementi.

Questo è il famoso studio con il volto del bambino. Quando il bambino guarda la telecamera, i visitatori guardano il bambino. Quando il bambino guarda il titolo, i visitatori guardano il titolo.

Il mio amico Oli Gardner è stanco di questo esempio con il bambino (scusa, Oli!). Se qualcuno sa di altre ricerche o buoni esempi, per favore fatemelo sapere nei commenti!

Usa una linea di vista nelle immagini del viso come spunto direzionale per guidare l’attenzione dei visitatori verso dichiarazioni di beneficio o inviti all’azione.

Usa le frecce come segnali visivi

I volti possono guidare l’attenzione, ma non sono l’unico modo per controllare gli occhi dei tuoi visitatori. Piccole frecce disegnate a mano possono essere ancora più efficaci.

In questo studio di tracciamento oculare di CXL ha scoperto che una semplice freccia era ancora più potente per far sì che i visitatori guardassero un elemento della pagina.

Se vuoi che i tuoi visitatori guardino qualcosa, puntalo con una freccia. Non sono sicuro che questo suggerimento sia ridicolmente ovvio o profondamente perspicace.

Usa il colore per guidare l’attenzione dei visitatori verso le chiamate all’azione

I colori hanno connotazioni emotive (il rosso è urgente, il blu è calmo) e fanno parte degli standard del marchio. Ma sono anche opportunità per tirare l’occhio visitatori verso pulsanti e CTA.

Uno studio di Eyequant sul colore dei pulsanti conferma la potenza del contrasto di colore e luminanza per attirare l’attenzione.

Ma lo studio mostra che i pulsanti colorati non sono sempre efficaci. Se vuoi che il tuo pulsante sia più visivamente prominente:

• il Contrasto di colore del pulsante con sfondo
• il Contrasto di colore del pulsante e il testo del pulsante
• il Contrasto di colore del pulsante con la vicina elementi della pagina (o lasciare un sacco di spazio bianco intorno ad esso)

Il “Von Restorff Effetto”

Nel 1930, lo scienziato tedesco Hedwig von Restorff scoperto che quando è visualizzato un elenco di dieci elementi, le persone a ricordare gli elementi se sono di un colore diverso dagli altri. Questo perché il lobo occipitale è sensibile alle differenze visive, o ” interruttori pattern.”

Il web marketer Paras Chopra ha condotto esperimenti che hanno mostrato come i colori eccezionali non siano solo ricordati di più, sono cliccati di più: 60% in più!

Suggerimento pro! Scegli un “colore azione” per tutti i tuoi link, pulsanti ed effetti di rollover. Rendilo un colore distinto dai colori del marchio utilizzati in tutto il design (questi sono i “colori passivi”). Utilizzare il colore azione in nessun altro luogo, ma negli elementi cliccabili.

Navigazione e link

Ora entriamo nel consiglio per la navigazione del sito, compresi i menu, pulsanti e link che consentono ai visitatori di muoversi.

Essere descrittivo

La navigazione è sempre visivamente prominente, quindi è un’opportunità per comunicare. I visitatori in genere iniziano la loro visita eseguendo la scansione attraverso l’intestazione. Qualsiasi cosa lì, compresi i menu, è molto probabile che venga vista.

Fonte: UX Movement

Quando le etichette di navigazione sono generiche, hai perso l’occasione di dire ai visitatori cosa fai. Confronta questi due esempi:

Se le tue etichette di navigazione sono generiche, sono comuni a migliaia o addirittura milioni di siti web. Hai perso l’occasione di sfruttare le best practice di navigazione del sito web, aiutare i tuoi visitatori e migliorare le tue classifiche di ricerca.

Metti home a sinistra, ma a parte questo, non preoccuparti troppo dell’ordine delle voci di menu

Se hai un link home, mettilo a sinistra. È il posto più comune per questo, quindi i visitatori si aspettano di trovarlo lì.

Per quanto riguarda il resto delle voci di menu, la ricerca mostra che l’ordine non è poi così importante. Esistono due diversi studi di tracciamento oculare che mostrano una bassa correlazione tra l’ordine delle voci di menu e il successo dei visitatori (fonte e fonte).

Quindi non spendere un sacco di tempo a preoccuparsi dell’ordine delle cose nel tuo menu.

Fai attenzione a collegare dalle pagine di servizio ai post del blog

Se il visitatore si trova su una pagina di servizio, l’obiettivo è convertirli in lead. Se aggiungi grandi opportunità per lasciare e andare a leggere il tuo blog, atterreranno su pagine meno focalizzate sulla generazione di lead. I post del blog hanno naturalmente più distrazioni, opportunità di uscita e tassi di conversione più bassi.

Fai attenzione a collegare qualsiasi cosa su altri siti web

Ogni volta che è rilevante, collega a cose che aiutano il visitatore a raggiungere i loro obiettivi. Su un post sul blog, spesso è una citazione di una fonte o un link a riferimenti esterni. Questo post si collega a decine di articoli e studi!

Ma sulle pagine di servizio e sulla tua home page, dovresti collegarti ad altri siti con cura. Per qualsiasi pagina ottimizzata per convertire i visitatori in lead, chiediti, vuoi davvero che i visitatori facciano clic su quel link? Ti aiuta a raggiungere i tuoi obiettivi?

Evita di usare le icone dei social media nell’intestazione del tuo sito web

Allo stesso modo, le icone colorate dei social media nell’intestazione non sono perfette per i tuoi obiettivi. Se i visitatori fanno clic su uno di quei pulsanti color caramella, atterrano su un sito pieno di distrazioni. È improbabile che tornino.

Questo è generalmente il modo sbagliato di fare l’integrazione dei social media. Se ti colleghi a un social network, fallo dal tuo piè di pagina. I visitatori possono trovare i social network se stanno cercando, ma non stai suggerendo che se ne vadano.

Scrivendo

Parliamo di parole. In precedenza, abbiamo raccomandato un titolo incentrato sulla frase chiave sulla homepage. Ecco alcuni suggerimenti per la scrittura che entra nel sito Web, tra cui intestazioni, sottotitoli e testo del corpo.

Scrivi sottotitoli significativi

I sottotitoli vaghi sono ovunque. Sono spesso grandi e inutili ma seguiti da cose piccole ma utili. Strano, vero? Il contrario avrebbe più senso.

Assicurati che le grandi cose siano significative e utili ai visitatori. Se i tuoi sottotitoli dicono cose come “prodotti” o “servizi”, chiediti se un termine più descrittivo sarebbe più utile. Ecco alcuni esempi.

Questo è un bene per gli scanner e l’usabilità. È buono per i non vedenti e l’accessibilità. E ‘ anche una buona SEO best practice. Non perdere mai l’occasione di indicare la rilevanza!

ProTip: i sottotitoli potrebbero essere completamente inutili. Questa pagina sarebbe altrettanto buona senza di essa? I visitatori saprebbero ancora cosa stanno guardando? Se è così, basta rimuoverlo.

Evita i paragrafi lunghi e la lunghezza della linea lunga

I paragrafi lunghi e a blocchi non si allineano con le best practice dei contenuti digitali. Semplicemente rompendo lunghi paragrafi rende il contenuto più facile da consumare. Come regola generale, non scrivere paragrafi più lunghi di 3-4 righe.

“Brevi paragrafi vengono letti, lunghi paragrafi vengono scremati, davvero lunghi paragrafi vengono saltati” – Jason Fried, fondatore e CEO, Basecamp

Se la lunghezza della linea è molto lunga, può essere più difficile da leggere per i visitatori. La Guida di stile Web raccomanda linee di non più di 12 parole.

Evita il gergo. Usa parole semplici.

Più facile è la lettura, maggiore sarà il successo del sito web. Usa le parole comuni che i visitatori si aspettano. Frasi lunghe e parole fantasiose costringono il lobo temporale a lavorare di più. Non va bene.

“Mantenere le cose semplici! “Cognitive fluency” è una misura di quanto facilmente il cervello del visitatore elabora ciò che stanno guardando. Quando qualcosa è difficile da leggere, inconsciamente lo troviamo più rischioso e / o dispendioso in termini di tempo. Quindi, per massimizzare la conversione, usa testo breve, caratteri semplici e un design facile da leggere.”- Roger Dooley, autore di Brainfluence

Copia che funziona bene per gli utenti “bassa alfabetizzazione” funziona bene per tutti. Non si tratta di dumbing giù; si tratta di utilizzare un linguaggio semplice che tutti possono capire. La ricerca ha dimostrato che abbattere i livelli di leggibilità può migliorare il tasso di successo per tutti i visitatori.

Anche i dottori di ricerca preferiscono leggere a un livello di 8 ° grado.

Quella parola grossa potrebbe farti sembrare intelligente, ma potrebbe far sentire muto il tuo visitatore. Un visitatore che dubita di se stesso è improbabile che agisca. Quindi, mentre scrivi, continua a farti questa domanda:

Il 100% dei visitatori conosce il significato delle parole in questa pagina?

Ordine della lista e “Effetto posizione seriale”

Quando ordini qualsiasi elenco all’interno della tua copia, metti le cose importanti all’inizio e alla fine. L’attenzione e la ritenzione del lettore sono più basse nel mezzo di qualsiasi elenco. Mentre i visitatori scansionano la pagina, è più probabile che il primo e l’ultimo elemento rimangano nella memoria a breve termine.

Fonte: Order Effects Theory: Primacy versus Recency

Rispondi alle domande principali dei visitatori

Sono venuti con le domande. Il compito principale del sito web è quello di rispondere a queste domande. Ogni domanda senza risposta è un’occasione persa per costruire fiducia. Le domande senza risposta aumentano anche la probabilità che il visitatore se ne vada.

Quando Joel Klettke ha applicato il suo processo trovando domande e scrivendo risposte, è stato in grado di raddoppiare i tassi di conversione sulle pagine di destinazione di Hubspot. Ha intervistato i clienti, analizzato le loro risposte, dato priorità ai messaggi e, alla fine, ha usato le parole del pubblico stesso nella nuova copia di marketing. Furbo!

Ecco le domande che Joel usa per scoprire le principali domande dei visitatori:

1. Cosa stava succedendo che ti ha mandato alla ricerca di una soluzione?
2. Cos’altro hai provato e cosa non ti è piaciuto?
3. Cosa ti ha quasi impedito di acquistare da noi?
4. Cosa ti ha reso abbastanza sicuro da darci una prova?
5. Cosa ha reso X la soluzione migliore per te?
6. Quando valutavi X, cosa era più importante per te?
7. Cosa puoi fare ora (o fare meglio) che non potevi fare prima?
8. Dammi un esempio di quando X ha fatto la differenza per te?

In una parola, qual è lo scopo del tuo sito web? Risposta.

Lettura aggiuntiva: The Perfect B2B Website Service Page: 13-Point Checklist

Add evidence and social proof

Il “conformity bias” è la tendenza umana a fare ciò che gli altri stanno facendo. Quindi, dando prova che altri ti hanno selezionato, la scelta della tua azienda sembra una buona scelta. L’obiettivo è quello di prendere qualsiasi decisione diversa da quella di utilizzare la vostra azienda sembrano al di fuori della norma.

Dai ai tuoi visitatori la prova che sei legittimo. Idealmente, ogni uno dei vostri reclami di marketing è supportato con prove.

“Quante volte hai cliccato su un sito web sulla lista dei vincitori di un design award e hai alzato gli occhi su un titolo avvincente di “Home”? Questo è ciò che accade quando ti fidi di un’agenzia per “creare qualcosa di totalmente rad e unico” invece di scegliere un’agenzia che promette di costruire qualcosa che funzionerà nel modo in cui i tuoi clienti/clienti hanno bisogno e si aspettano che funzioni.”- Jen Salamandick, Punto di calcio

Il modo più semplice e veloce è aggiungere testimonianze. Qui ci sono altri tipi di prova sociale.

• Approvazioni da influencer rilevanti
• Recensioni dei prodotti da parte dei clienti
• “Come visto in…” loghi dei media in cui è stata menzionata la tua azienda
• Widget social media che mostrano le dimensioni dei tuoi seguenti
• Sigilli di fiducia, incluse le appartenenze alle associazioni, i certificati di sicurezza e i premi

Quanta prova è sufficiente? Quante testimonianze si dovrebbe aggiungere?

Molto. È possibile che non esistano troppe prove. Abbiamo fatto una rapida analisi di una delle pagine di dettaglio del prodotto di Amazon e abbiamo scoperto che 43% della pagina è prove e recensioni.

Suggerimento Pro! Non fare una pagina di testimonianze. Essi tendono ad essere pagine a basso traffico. Invece, aggiungere testimonianze ad ogni pagina di servizio.

Menziona la scarsità, innesca “avversione alla perdita”

Gli esseri umani non sono calcolatori efficienti di costi/benefici. Tendiamo a sopravvalutare le perdite e sottovalutare i guadagni. In altre parole, le perdite sono più dolorose dei guadagni sono piacevoli.

Questo è vero online e offline e spiega un sacco di comportamento umano. Questo articolo lo spiega bene: Applicare l’economia comportamentale e la psicologia cognitiva al processo di progettazione.

Questa avversione alle perdite può essere utile ai web designer e ai copywriter. Ecco alcuni suggerimenti per la scrittura di copia con avversione alla perdita in mente.

• Enfatizza i costi di non utilizzo del tuo prodotto o servizio.
• I costi di gruppo insieme, elencare i benefici separatamente.
• Enfatizzare guadagni immediati.
• Crea urgenza con offerte a tempo limitato. Se il prodotto è scarso, dillo.

Ricorda gentilmente ai tuoi visitatori cosa perderanno, rischieranno o perderanno non agendo in questo momento.

Ottimizza i moduli di iscrizione e-mail per gli abbonati

Ce n’è uno in fondo a questo post. È un invito all’azione per iscriversi. Se guardi da vicino, vedrai che include tre elementi separati. Questi sono i 3 P per i moduli di iscrizione e-mail.

• Prominence Si distingue all’interno della gerarchia visiva
• Promise Che dice al lettore cosa otterranno e quanto spesso
• Prova Usa la prova sociale: il numero di abbonati o una piccola testimonianza

Quando abbiamo sperimentato per la prima volta questi cambiamenti, il tasso di conversione sulla forma più vecchia era molto basso, quindi il miglioramento è stato drammatico. Abbiamo visto un aumento del 4,863% nelle iscrizioni via email.

Quando si progetta il modulo di iscrizione e-mail, renderlo visibile, utilizzare la prova sociale e dire ai lettori che cosa stanno andando a ottenere.

Più di un bel sito

Tutti amano la bellezza. Tutti amano fresco nuove caratteristiche di design. Sono tutti critici. Ma come visitatori, abbiamo bisogno di più della bellezza. Ci servono informazioni. E come proprietari di siti web, abbiamo bisogno di risultati.

Ecco due studi con lo stesso risultato. Il primo è un sondaggio di Hubspot che mostra ai visitatori un valore facile da trovare informazioni più che un bel design o una UX fantasiosa.

Questo secondo studio è la conclusione di una serie di test utente da parte di NN Group. Mostra che quando i visitatori falliscono, è perché non riescono a trovare informazioni, non perché il sito non è abbastanza bello.

Amo il bel design tanto quanto chiunque. E ‘ per questo che ho iniziato in questo business! E penso spesso a questa citazione:

“La vita di un designer è una vita di lotta. Lotta contro la bruttezza.”- Massimo Vignelli, leggenda del design

Ma nel web design, creiamo contenitori per i contenuti. E i visitatori sono venuti per il contenuto, non per il contenitore.

I siti web dovrebbero essere belli. Dovrebbero avere un impatto visivo o emotivo sui visitatori. Ma il successo del tuo sito web va ben oltre la bellezza. Si tratta di aiutare i visitatori a trovare ciò di cui hanno bisogno. Questo è il cuore di ogni suggerimento in questo articolo. Ed è il vero scopo del web design.

Aiuta il tuo visitatore a trovare ciò per cui è venuto e poi dai loro ciò che vuoi che abbiano.