La prima impressione è importante: perché è essenziale un ottimo design visivo

Le persone danno giudizi affrettati. Ci vuole solo 1/10 di secondo per formare una prima impressione su una persona. I siti web non sono diversi.

Gli utenti impiegano circa 50 millisecondi (ms) (ovvero 0,05 secondi) per formare un'opinione sul tuo sito Web che determina se rimarranno o se ne andranno.

Questo numero deriva da studi specifici. Nel primo studio, i partecipanti hanno valutato due volte l'attrattiva visiva delle home page web presentate per 500 ms ciascuna. In uno studio di follow-up, hanno ridotto il tempo di esposizione a 50 ms.

In tutto, le valutazioni dell'attrattiva visiva erano altamente correlate da una fase all'altra, così come le correlazioni tra le condizioni di 50 ms e 500 ms. Pertanto, l'attrattiva visiva può essere valutata entro 50 ms, suggerendo che hai circa 50 ms per fare una buona prima impressione con il tuo sito web.

Questa prima impressione dipende da molti fattori: struttura, colori, spaziatura, simmetria, quantità di testo, caratteri e altro. Questo post:

• Ricerca di dettagli sui siti web e prime impressioni.
• Mostra come creare un design visivo per migliorare le prime impressioni.

Nota: tutte le schermate del sito Web di seguito sono solo a scopo illustrativo .

Ricerche sui siti web e prime impressioni

Gli utenti formano opinioni di progettazione in 17 ms.

Alcuni anni fa, Google ha confermato il numero di 50 ms nella propria ricerca. Infatti, secondo il loro studio, alcune opinioni si sviluppano entro 17 ms, sebbene l'effetto sia stato meno pronunciato su alcuni fattori di progettazione.

I risultati chiave del loro studio sono stati che i siti web con bassa complessità visiva e alta prototipicità (quanto rappresenta un design per una determinata categoria di siti web) sono stati percepiti come molto attraenti.

Key takeaway: Rendi il tuo web design semplice e familiare. Segui le convenzioni. Le persone hanno un'idea fissa di come dovrebbe essere un sito di e-commerce. Se scegli layout innovativi e non convenzionali, è meno probabile che piacciano alle persone.

Nota: consulta un sacco di linee guida per l'e-commerce e idee per i test nel nostro rapporto completo (247 linee guida specifiche per l'e-commerce).

Ci vogliono 2,6 secondi perché gli occhi si fissino sulle aree chiave di una pagina web.

Gli occhi di un utente impiegano 2,6 secondi per atterrare sull'area di un sito Web che influenza maggiormente la sua prima impressione.

I ricercatori hanno monitorato i movimenti oculari degli studenti mentre scansionavano le pagine web. I ricercatori hanno quindi analizzato i dati del tracciamento oculare per determinare quanto tempo è stato necessario agli studenti per concentrarsi su sezioni specifiche di una pagina, come il menu , logo, immagini e icone dei social media, prima di passare a un'altra sezione.

Hanno scoperto che migliore è la prima impressione, più è lungo i partecipanti sono rimasti sulla pagina.

Le sei sezioni del sito che hanno attirato il maggior interesse da parte degli spettatori sono state:

1. Il logo dell'istituto. Gli utenti hanno trascorso 6,48 secondi concentrati su quest'area prima di proseguire.
2. Il menu di navigazione principale. Popolare quasi quanto il logo, i soggetti hanno trascorso in media 6,44 secondi a visualizzare il menu.
3. La casella di ricerca . Gli utenti si sono concentrati per poco più di 6 secondi.
4. L'immagine principale del sito. Gli occhi degli utenti sono fissi per una media di 5,94 secondi.
5. Contenuto scritto del sito . Gli utenti hanno trascorso circa 5,59 secondi.
6. Il fondo di un sito web . Gli utenti hanno impiegato circa 5,25 secondi.

Key takeaway: una buona prima impressione porta a una visita più lunga. Assicurati che i sei elementi elencati qui abbiano un bell'aspetto.

Le prime impressioni sono per il 94% legate al design.

Ricercatori britannici hanno analizzato come i diversi fattori di design e contenuto delle informazioni influenzano la fiducia dei siti sanitari online. Lo studio ha mostrato chiaramente che l'aspetto e l'aspetto del sito web sono stati il ​​principale motore delle prime impressioni.

Di tutti i feedback forniti dai partecipanti al test, il 94% riguardava il design:

• Complesso;
• Layout occupato;
• Mancanza di aiuti alla navigazione;
• Web design noioso;
• Uso del colore;
• annunci pop-up;
• Introduzioni lente al sito;
• Piccola stampa;
• Troppo testo;
• Aspetto aziendale;
• Scarse capacità di ricerca.

Solo il 6% del feedback riguardava il contenuto effettivo. L'attrattiva visiva e la navigazione del sito Web hanno avuto la maggiore influenza sulle prime impressioni delle persone sul sito.

Allo stesso tempo, un design scadente dell'interfaccia era associato a un rapido rifiuto e sfiducia nei confronti di un sito web. Quando ai partecipanti non piaceva un aspetto del design, l'intero sito web veniva raramente esplorato oltre la homepage.

Risultati simili sono stati trovati nella ricerca per Consumer WebWatch, condotta da esperti di credibilità della Stanford University. Hanno scoperto che ciò che le persone dicono su come valutano la fiducia di un sito web e su come lo fanno realmente sono differenti.

I dati hanno mostrato che il consumatore medio prestava molta più attenzione agli aspetti superficiali di un sito, come i segnali visivi, che al suo contenuto. Ad esempio, quasi la metà di tutti i consumatori (46,1%) ha valutato la credibilità dei siti basandosi, in parte, sull'attrattiva del design visivo, inclusi layout, tipografia, dimensione dei caratteri e combinazioni di colori.

Conclusione chiave: un ottimo design fa sì che le persone si fidino di te e restino in giro. Un design scadente crea sfiducia e fa andare via le persone.

Per le prime impressioni, l'aspetto estetico batte persino l'usabilità.

Uno studio ha esaminato gli effetti dell'attrattiva visiva e dell'usabilità sulle prestazioni degli utenti e sulla soddisfazione con un sito web.

Gli utenti hanno completato diverse attività sui siti Web che variavano in termini di appeal visivo (alto e basso) e usabilità (alto e basso). I risultati hanno mostrato che le prime impressioni sono maggiormente influenzate dall'attrattiva visiva del sito.

Gli utenti hanno attribuito un alto "valutazione di usabilità e interesse" a siti con alto appeal e basso "valutazione di usabilità e interesse" a siti con Basso appello. La percezione degli utenti di un sito web poco attraente non è stata significativamente influenzata dall'usabilità del sito, anche dopo un'esperienza di successo con il sito.

Conclusione chiave: Investire nel design. È ciò che conta di più per attirare gli utenti. Abbastanza divertente, un ottimo design visivo porterà a valutazioni di usabilità più elevate e l' usabilità effettiva conterà molto meno.

Una prima impressione positiva può aumentare la soddisfazione complessiva.

In un esperimento condotto per studiare gli effetti delle aspettative del prodotto sulle valutazioni soggettive di usabilità, i partecipanti hanno letto una recensione positiva o negativa del prodotto per un nuovo dispositivo mobile prima di un test di usabilità. Il gruppo di controllo non ha letto nulla.

Lo studio ha rivelato l'effetto sorprendentemente forte delle aspettative positive sulle valutazioni soggettive post-esperimento. I partecipanti che hanno letto la recensione positiva hanno dato al dispositivo valutazioni post-esperimento significativamente migliori rispetto ai gruppi primi negativi e non primi.

Questo effetto di potenziamento del prime positivo si è mantenuto anche nella condizione del compito difficile, quando gli utenti hanno fallito la maggior parte delle attività.

Key takeaway: se agli utenti piace "istantaneamente" il tuo sito, ti daranno un po' di tempo per i singhiozzi lungo la linea. Questo tipo di adescamento può funzionare anche nell'altro modo: A n egativo la prima impressione riduce la soddisfazione complessiva del tuo sito.

Quindi, se vuoi fare una buona impressione, qual è il miglior punto di partenza?

Come fare un'ottima prima impressione con il visual design

1. Differenzia il tuo sito web (e la tua azienda) con il tuo design.

Sei chic, sciocco, sexy, esperto, intelligente, classico o cosa? In cosa sei diverso dalla concorrenza? Lo comunichi il più rapidamente possibile attraverso tipografia, immagini e design sul tuo sito web?

C'è un equilibrio tra l'evitare il design "innovativo" - che può scoraggiare i consumatori - e la ricerca di uno stile visivo unico. Troppo spesso, le aziende della stessa verticale adottano un approccio "anch'io" nella loro estetica del design.

A volte, i siti della concorrenza sono così simili che, se rimuovessi il logo dall'intestazione del sito, sarebbe quasi impossibile distinguere un sito dall'altro.

Da quello che ho notato, questo è per due motivi principali:

1. La conversazione interna sull'estetica del design si trasforma in una sulle caratteristiche, piuttosto che nello sviluppo di un'identità visiva distinta.
2. Vengono adottate le caratteristiche e l'estetica che "sembrano funzionare" per la competizione.

Ovviamente, quando viene lanciato il nuovo sito, tutti sono troppo occupati a darsi il cinque per notare che il nuovo design è una copia quasi carbone di un importante concorrente, o che hai completamente dimenticato di chiedere ai clienti esistenti perché gli piaceva fare acquisti con la tua azienda in primo luogo.

Se vuoi aggiungere più distinzione alla tua comunicazione visiva ma non sai da dove cominciare, dai un'occhiata alla tecnica di estrazione della metafora di Zaltman e applicala alle tue indagini qualitative. Questo può aiutarti a progettare una prima impressione che parli dei valori fondamentali del tuo marchio senza alienare i visitatori.

L'“identità del marchio” non è solo una cosa sdolcinata da buttare via. Il Cheskin Research & Studio Archetype ha scoperto già nel 1999 che i sei fattori più importanti per creare fiducia con un'azienda di e-commerce sono:

• Marca;
• Navigazione;
• Compimento;
• Presentazione;
• Tecnologia aggiornata;
• Loghi di sicurezza.

Pensaci un secondo. Se la prima impressione è che il tuo sito sia indistinguibile da altri siti web, perché qualcuno dovrebbe esplorare le pagine dei tuoi prodotti, figuriamoci sceglierti rispetto alla concorrenza?

Ecco un esempio: ho cercato su Google "giacca di pelle" per vedere se la distinzione visiva e la prima impressione generale sarebbero state un problema in una ricerca casuale. Questi i primi tre risultati:

C'è qualcosa che separa questi tre siti? Non proprio, anche se non condividono lo stesso esatto gruppo demografico.

Ci è voluto un po' di tempo per scorrere i risultati di ricerca prima di trovare un sito che non assomigliasse a quelli sopra, e finalmente mi sono imbattuto in Bomboogie. Non si può negare che la pagina sia distinta dai suoi concorrenti:

A differenza di altri siti, la pagina proietta immediatamente una sensazione diversa: questa non è un'azienda che produce giacche delicate e di alta moda. Le loro giacche sono "ispirate alle giacche usate dagli aviatori" e il sito sembra la parte.

Anni fa, quando ho fatto questa ricerca per la prima volta, il sito più distinto che ho trovato era Schott. Anche se avrei abbandonato il loro cursore di immagine, la navigazione del tappo di soda e molte delle trame false, c'era un fascino nel design che ha fatto una forte prima impressione, soprattutto dato che è un vecchio marchio.

Puoi sentire il carattere e l'emozione, e avere un'idea del fatto che siano affidabili o meno, che è ciò di cui parla l'intera prima impressione.

Tuttavia, anche la tendenza del design li ha raggiunti e ora assomigliano molto di più a tutti gli altri siti là fuori:

Shopify ha creato un elenco di 100 bellissimi design di e-commerce che presentano aziende con prime impressioni distinte.

Key takeaway : puoi (e dovresti) comunicare un'identità di marca unica senza essere così innovativo da confondere o infastidire gli utenti.

2. Ispira i visitatori del sito a creare un primo più forte impressione.

Uno studio sul ruolo delle prime impressioni nei siti web turistici ha scoperto che gli elementi legati all'ispirazione hanno avuto il maggiore impatto su prima impressione S.

Ciò suggerisce che gli stimoli visivamente accattivanti sono uno strumento importante per indurre le persone a rimanere più a lungo su un sito e, quindi, convertire più visitatori in acquirenti.

L'usabilità è stato il secondo fattore più significativo nella formazione della prima impressione, seguito dalla credibilità.

Tutto sommato, questo ci dice che i viaggiatori vogliono trarre ispirazione da una destinazione (immagini). Non vogliono sprecare energie mentali per capire le cose (usabilità) e vogliono essere sicuri che il fornitore di viaggi sia legittimo (credibilità).

Conclusione chiave: se stai vendendo un sogno (ad esempio l'idea di andare in vacanza in Cile), la fotografia stimolante è il principale creatore di prima impressione.

3. Assicurati che l'area above the fold oscilli.

Nel corso degli anni, la questione above the fold è stata oggetto di accesi dibattiti. La ricerca indica che le persone non hanno problemi a scorrere e, in effetti, lo preferiscono adividendo il contenuto in molte pagine. Cosa c'entra questo con le prime impressioni?

9 assassini di credibilità del sito web

di Alex Birkett

Scopri come creare una pagina web che ispiri fiducia, non scetticismo, che aiuti un acquisto invece di scoraggiarlo.

• *
• *
  • Accetto di ricevere email.
• Nome
  Questo campo è a scopo di convalida e dovrebbe essere lasciato invariato.

Scaricalo ora

Ecco un nuovo modo di pensare al problema above the fold: deve essere la parte migliore del tuo sito web. Le prime impressioni si formano in 0,05 secondi. Gli utenti non scorreranno verso il basso in quel momento.

Quindi, ciò che vedono immediatamente senza scorrere è ciò che determina se scorrono mai verso il basso. Con quello in mente…

Presta particolare attenzione alla tua navigazione.

Numerosi studi di mappe di calore hanno dimostrato che la navigazione è in genere tra le prime e le aree più visualizzate di un sito web. Ma al di là delle categorie tipiche, cosa dovresti includere ?

Secondo uno studio di Business Insider sul motivo per cui le persone abbandonano i carrelli della spesa, il 25% delle persone ha affermato che il "sito web è troppo complicato" (cioè la navigazione è difficile da usare) e quasi il 60% ha notato "costi nascosti" (cioè i costi di spedizione ) come motivo principale per cui se ne sono andati senza pa ying .

In un altro studio di eConsultancy, i visitatori che hanno chiesto informazioni sull'acquisto da un sito di e-commerce sconosciuto hanno notato che "il design professionale", "il sito contiene marchi noti" e "avere informazioni di contatto visibili" hanno tutti influenzato la loro decisione di acquistare (o non acquistare ).

Fatto bene, la navigazione di un sito può includere alcune o tutte le cose che, se assenti, scoraggiano i visitatori dall'acquisto.

Basta guardare quanto viene comunicato nella navigazione di uno dei miei siti preferiti, ThinkGeek, senza mai entrare nel contenuto del sito:

Senza dover cacciare troppo, è facile trovare:

• sensibile al tempo Time promozioni;
• Molteplici modi per navigare più in profondità nel sito (categorie, interessi, ricerca);
• Prodotti nuovi, migliori ed esclusivi, nonché un accenno ai prodotti che trasportano (regali, magliette, elettronica, buoni regalo);
• Un programma di premi;
• Prodotti in vendita;
• La loro soglia di "Spedizione gratuita";
• Disponibilità dell'assistenza clienti (tramite i pulsanti "Live Chat" e "Aiuto").

Confrontalo con un esempio estremo, come Zara, e vedrai perché questo è importante:

Case Study: Alight aumenta le ricerche sul sito del 16% e gli acquisti del 25%

Alight (ora CurvyHQ) sapeva che il loro sito sembrava datato. Il rivenditore di taglie forti ha reso più moderna la navigazione in tutto il sito.

Hanno aumentato le dimensioni della loro barra di ricerca, rimosso il simbolo di fiducia, incorporato le categorie "vendita" e "nuovo" nell'area di navigazione rosa e hanno chiarito la loro proposta di valore, tra gli altri aggiornamenti minori.

Il risultato è stato un aumento delle ricerche sul sito del 16% e un aumento degli acquisti complessivi del 25%, il tutto rendendo la navigazione parte di una forte prima impressione.

Le prime impressioni, sui siti Web o nell'NBA, possono durare per anni.

La ricerca degli economisti Barry Staw e Ha Hoang ha esaminato l'impatto del progetto di ordine nella NBA. Hanno osservato le carriere dei giocatori per cinque anni dopo che sono stati redatti. Cinque anni sono sufficienti per metterti alla prova in molti modi, quindi il progetto di ordine non dovrebbe avere un ruolo, giusto?

Sbagliato. Secondo lo studio, il tempo di gioco che i giocatori ottengono è correlato al loro ordine di bozza. Le squadre hanno concesso più tempo di gioco ai giocatori altamente selezionati e li hanno mantenuti più a lungo, anche dopo aver controllato le prestazioni in campo dei giocatori, gli infortuni, lo stato commerciale, la posizione giocata e altri fattori.

Ogni incremento nel numero del draft (cioè essere scelto come nono invece che ottavo) ha ridotto il tempo di gioco fino a 23 minuti. Incredibilmente, il progetto di ordine ha continuato a prevedere il tempo di gioco fino al quinto anno di un giocatore nella NBA, l'ultimo anno misurato nello studio. Anche i giocatori selezionati al primo turno hanno avuto carriere più lunghe; hanno giocato per 3,5 anni in più rispetto agli altri.

Un altro studio ha esaminato la persistenza delle prime impressioni. Ha scoperto che le nuove esperienze che contraddicono una prima impressione diventano "legate" al contesto in cui sono state fatte. Tuttavia, le prime impressioni dominano ancora in altri contesti.

Il nostro cervello immagazzina le esperienze che violano le aspettative come "eccezioni alla regola". La regola (cioè la prima impressione) è considerata valida tranne che per il contesto specifico in cui è stata violata.

Conclusione chiave: se una prima impressione è negativa, potrebbe pregiudicare l'utente nei tuoi confronti per anni.

Conclusione

Il fascino visivo conta. Un sacco. Il mio consiglio: non cercare mai di risparmiare sul design, mai. Ho visto più e più volte come una "semplice" revisione del design abbia portato a significativi incrementi di conversione.

Le persone si formano la loro opinione sul tuo sito in millisecondi. Il primo secondo sul tuo sito web potrebbe essere più importante di tutti i secondi che seguono (se ce ne sono). Assicurati che un secondo faccia un'ottima prima impressione.