Share
In questo articolo discuteremo di come possiamo usare il design per implementare i principi stabiliti da AIDA (l'acronimo di marketing, non l'opera italiana) e aiutare a creare pagine web orientate alle vendite.
AIDA sta per Attenzione, Interesse, Desiderio e Azione; i quattro passi che appartengono al processo di vendita secondo E. St. Elmo Lewis, l'uomo dietro questa scuola di pensiero. AIDA può essere applicato a diverse situazioni che comportano la vendita di prodotti o servizi, ma in questo articolo ci concentreremo su come possiamo raggiungere ogni passo attraverso il web design.
I principi di AIDA sono particolarmente rilevanti per la progettazione di pagine di destinazione, dove in genere il marketing e il web design si incontrano online. Le pagine di destinazione generalmente mirano a vendere un prodotto, un servizio o un abbonamento.
Cominciamo.
L'attenzione è il primo passo dei principi AIDA e quello su cui tutti gli altri fanno affidamento. Dopo tutto, come puoi convincere un utente ad agire se non hai attirato la tua attenzione?
Attirare l'attenzione è discusso molto all'interno del web design; i clienti vogliono che il loro sito venga notato. Vengono discussi regolarmente concetti come Above The Fold e The Thee Second Rule, entrambi focalizzati sulla necessità di attirare rapidamente l'attenzione degli utenti.
Il web come piattaforma è un modo eccellente per attirare l'attenzione; il design buono o unico verrà notato. Tuttavia, i singoli elementi di un disegno possono essere utilizzati per attirare l'attenzione dell'utente e portarli in aree particolari della pagina.
Vale la pena notare, tuttavia, le connotazioni negative di avere troppi elementi di pagina in competizione per l'attenzione dell'utente. Se tutto è enfatizzato, non verrà stabilito il senso della gerarchia e l'utente potrebbe sentirsi intimidito e sopraffatto.
I metodi per attirare l'attenzione generalmente cambiano nel tempo man mano che le tendenze e la tecnologia evolvono, ma qui ci sono alcuni metodi popolari attualmente in uso.
Il testo veramente grande è in circolazione da un po 'di tempo all'interno del web design. Generalmente viene utilizzato per creare una dichiarazione audace in anticipo, come l'accoglienza dell'utente o la spiegazione della natura del sito (ad esempio, facciamo siti Web). La dimensione pura del testo rispetto al resto della pagina lo colloca saldamente in cima alla gerarchia visiva.
Gli slider basati su Javascript sono stati una tendenza enorme negli ultimi anni (basta controllare alcuni dei file popolari su Themeforest) ed è giusto così - perché sono eccellenti per catturare l'attenzione e fare un'ottima prima impressione. Consentono l'uso di immagini combinate con movimento e animazione. Gli slider sono diventati gradualmente più avanzati, partendo da semplici dissolvenze e transizioni di diapositive fino agli effetti 3D in grado con CU3ER e il (anche se basato su Flash) Piecemaker.
Per creare un'animazione elaborata e dettagliata sul web, ci si sarebbe dovuti affidare tradizionalmente a Flash, ma non è più così. Le animazioni CSS3 stanno diventando sempre più avanzate e il supporto del browser sta aumentando insieme ad esso.
L'animazione, se usata correttamente, è un modo eccellente per distinguere il tuo sito e attirare l'attenzione dell'utente.
Poi arriva Interesse, il secondo dei principi AIDA. Abbiamo già catturato l'attenzione dell'utente, ora abbiamo bisogno di renderli interessati a ciò che stiamo offrendo. Come facciamo questo?
Si suggerisce che invece di comunicare le caratteristiche del nostro prodotto o servizio, ne spieghiamo i vantaggi e i vantaggi. Questo approccio sposta l'attenzione verso l'utente piuttosto che sul prodotto o sul servizio e consente all'utente di identificarsi a livello personale.
In termini di come possiamo affrontare questo attraverso la progettazione, si tratta di presentare in modo chiaro e conciso questi vantaggi. Gli utenti non vogliono leggere i paragrafi di un passo di vendita per trovare ciò che è in esso per loro. Pezzi di informazioni, passi, elenchi, punti elenco, icone e altro possono essere utilizzati per comunicare rapidamente le informazioni.
OK, quindi abbiamo attirato la loro attenzione, li abbiamo interessati, ora dobbiamo convincere gli utenti a farlo volere cosa stiamo offrendo Dobbiamo generare desiderio.
La generazione del desiderio è un argomento ampio, le aziende impiegano intere divisioni di marketing per creare campagne elaborate e coinvolgenti al fine di raggiungere questo obiettivo. Ci concentreremo comunque su come possiamo farlo attraverso il web design.
In questa fase, hai l'attenzione e l'interesse dell'utente e saranno disposti a investire più tempo sul sito. Questa pazienza consente di presentare informazioni più dettagliate, sotto forma di immagini, video o testo. Non c'è bisogno di affrettare questo passo.
Inutile dire che è necessario presentare il prodotto nella luce migliore. Le persone formeranno giudizi basati esclusivamente sull'estetica e assoceranno un buon design a un livello superiore di qualità generale. Non solo allora, il design del sito Web deve essere all'altezza, ma il prodotto reale (se presente) deve avere un bell'aspetto.
Immagini di alta qualità, accattivanti e video ben realizzati possono essere estremamente efficaci nel rendere il tuo prodotto un bell'aspetto. Il sito Web di Apple fa un lavoro eccezionale di mostrare tutti i loro prodotti usando grandi immagini combinate con l'animazione.
Considera il modo migliore per presentare il tuo prodotto o servizio. Coloro che vendono prodotti digitali, come app o web design, spesso li visualizzano su dispositivi come monitor, laptop e telefoni.
La prova sociale è uno dei modi più potenti e comuni per generare desiderio. Può assumere molte forme e spesso lo incontrerai più volte nella vita di tutti i giorni.
La prova sociale può essere un concetto psicologico complesso, ma a un livello base descrive che le persone prendono le loro indicazioni dagli altri. Se gli altri trovano qualcosa di accettabile, è più probabile che un individuo pensi in quel modo da sé.
Testimonianze e recensioni sono un eccellente esempio di ciò, poiché dimostreranno che altri hanno già avuto una buona esperienza con un servizio o prodotto. Sapere che altri hanno usato un prodotto e raccomandarlo rimuove la sensazione di rischio e, a sua volta, aumenta il desiderio.
Meglio ancora è quello di presentare le opinioni e le opinioni di esperti o celebrità. Questi tipi di persone hanno un grande seguito e la loro opinione ha molto valore e fiducia dietro di essa.
Lo stesso concetto può essere visto quando uno studio di design presenta grandi aziende di successo come clienti o quando un autore presenta con orgoglio dove è stato presentato il proprio lavoro.
Oltre a utilizzare la qualità a proprio vantaggio, la quantità può funzionare altrettanto bene. Questo può essere visto quando un alto numero di follower di Twitter, di Mi piace di Facebook o di abbonati RSS viene mostrato a tutti.
Abbiamo fatto tutto il duro lavoro e ce l'abbiamo fatta fino ad ora, ora arriva al passaggio finale: l'azione. L'obiettivo finale di una pagina di destinazione è convertire una persona in un acquirente o un abbonato e l'ultima cosa che vorremmo è fallire in questa fase finale.
Un elemento 'Call to Action' è piuttosto auto-esplicativo. Sono elementi, di solito sotto forma di pulsanti, che invitano l'utente a prendere qualche tipo di azione come "Acquista ora" o "Registrati". Sembrano piuttosto semplici, ma ci sono alcune considerazioni da fare durante la progettazione.
Prima di tutto, con qualsiasi elemento call to action, deve essere assolutamente chiaro ed evidente che l'utente può interagire con esso. Ci si aspetta che i pulsanti abbiano un certo stile, ad esempio un'area chiaramente definita o una sensazione di profondità.
Possiamo inoltre aiutare a distinguere gli elementi call to action usando vari metodi. Usa il colore, le dimensioni, i dettagli e l'abbondanza di spazio bianco a tuo vantaggio e per evidenziare ulteriormente l'elemento.
Utilizzare la dicitura diretta sui pulsanti per incoraggiare l'azione e creare un senso di urgenza. Un linguaggio chiaro e conciso non solo promuoverà l'azione, ma sarà ovvio per l'utente cosa aspettarsi dall'interazione con l'elemento.
Dobbiamo inoltre rendere il più semplice possibile l'azione dell'utente, offrendo molteplici opportunità per farlo. Un elemento di invito all'azione preminente dovrebbe essere incluso all'inizio del progetto, con ulteriori istanze in tutta la pagina.
È tuttavia importante mantenere un buon equilibrio. Non vogliamo sopraffare l'utente e farli sentire sotto pressione in alcun modo. Troppi elementi call to action sembreranno invadenti e potrebbero avere l'effetto opposto di ciò che vogliamo. Da due a tre è probabilmente un buon numero a cui mirare.
Il 'Layout Z' è stato discusso in precedenza su Webdesigntuts +, ma vale la pena menzionarlo in quanto si applica perfettamente alle pagine di destinazione per consentire agli utenti di agire.
Il 'Layout Z' è un layout di pagina Web semplice ma efficace che indirizza l'utente attraverso vari punti su una pagina e porta infine a un elemento call to action. Questo layout è un modo perfetto per implementare i principi AIDA, guidando l'utente attraverso ogni fase a sua volta e infine presentando l'invito all'azione alla fine.
Un vantaggio di questo layout è che è molto adattabile e può essere utilizzata in molti modi diversi. La struttura della forma a "Z" non è rigida ed è in grado di espandersi e contrarsi per comprendere diverse forme di contenuto. Pertanto, vedrai spesso esempi di questo layout che possono apparire notevolmente diversi l'uno dall'altro.
Ecco alcuni esempi del layout "Z" in azione. Vedi se riesci a individuare il percorso desiderato.
Conoscere la teoria dietro i principi di AIDA e come eseguire ogni passo attraverso il design può essere una conoscenza molto preziosa per un web designer.
Le singole tecniche discusse sopra sono tutte relativamente semplici e comuni all'interno del web design, ma è un'abilità completamente diversa per essere in grado di combinarle in modo tale da creare pagine web efficaci e orientate agli obiettivi.
Se questo articolo ha suscitato interesse in AIDA, consulta il Tutorial Premium che accompagna la progettazione di una pagina di destinazione usando i principi AIDA ...
Grazie per aver letto!
Accentsconagua