Come web designer, può essere facile pensare a te stesso come a un artista visivo invece che a uno stratega aziendale. Sebbene sia vero che il web design implica creatività e abilità artistica, e questa è una parte integrante e preziosa del web design, il web design veramente efficace non è solo un bel sito web. Sono siti web efficaci. Ed efficace può assumere svariate sfumature di significato.

Alcuni considerano il web design efficace come siti visivamente accattivanti e facili da navigare. Le persone assumono web designer ogni giorno per creare siti che abbiano un bell'aspetto e siano facili da usare, con combinazioni di colori piacevoli, una navigazione sensata e un marchio coerente. Presentazione e navigazione sono sicuramente due aspetti importanti dell'esperienza utente, la metrica con cui viene valutato qualsiasi sito web. Migliore è l'esperienza dell'utente, maggiore sarà il successo del design.

Un buon web design è più di una semplice UX

Progettare l'esperienza di un utente con un sito Web va oltre la grafica e la meccanica. C'è spesso qualcosa che il proprietario di un sito vuole che gli utenti del sito facciano e convincere l'utente a fare quella cosa (qualunque essa sia) è il processo di conversione.

La conversione riguarda l'utente, ma in definitiva riguarda gli obiettivi del proprietario del sito per l'interazione con l'utente. Gran parte, se non la stragrande maggioranza, dei siti progettati in questi giorni ha lo scopo di convertire i visitatori e gli utenti da spettatori passivi a partecipanti attivi nell'obiettivo del sito, indipendentemente dal fatto che l'obiettivo sia vendere un prodotto, generare lead o raccogliere registrazioni. Trasformare un visitatore da visualizzatore passivo a giocatore attivo è il processo di conversione ed è una parte fondamentale, ma spesso fraintesa, del successo di qualsiasi sito web.

Un buon tasso di conversione si riduce a contenuti efficaci, presentati in modo efficace nel design di un sito web. Richiede un design eccellente basato su contenuti che convertono. I due - design e contenuto - sono inestricabilmente intrecciati e, affinché uno sia efficace, anche l'altro deve esserlo. Sebbene i designer non debbano essere copywriter o fotografi, devono avere una buona conoscenza di come presentare i contenuti di un sito in un modo che sia allo stesso tempo attraente ed efficace per le conversioni.

Per iniziare, ecco cinque "segreti" per progettare contenuti che convertono.

1. Elimina il testo fittizio

Molti designer spesso escogitano un web design e usano il testo fittizio di Lorem Ipsum per arricchirlo. Questo non è assolutamente il modo di funzionare se il tuo obiettivo è la conversione: è fondamentale avere i tuoi contenuti in mano prima di impostare il design. Altrimenti, il tuo design è semplicemente un ipotetico progetto "questo sarebbe un bel sito web" e non la forma d'arte altamente sfumata che sei stato assunto per creare. Il contenuto deve dettare il design. Altrimenti, corri il rischio molto reale (e spesso realizzato) di elementi nel design che sono superflui, la necessità di inserire il contenuto in un design che non si adatta perfettamente e una presentazione generale che non riesce completamente a enfatizzare il contenuto giusto a Il momento giusto.

Un sito Web semplice che presenta bene il proprio contenuto converte meglio di un sito Web ben progettato che non mette in evidenza le informazioni chiave e ne oscura le altre. Progettare con testo e immagini ipotetici significa semplicemente prepararsi per un progetto di cui il cliente potrebbe innamorarsi, ma che alla fine fallirà quando viene inserito il contenuto reale. Abbozza le tue idee se necessario, ma prima di fare un serio brainstorming o mettendo insieme wireframe, sai esattamente con cosa stai lavorando e quali elementi devono essere presenti. Il designer Jeffrey Zeldman lo ha detto meglio nel 2008: "Il design in assenza di contenuto non è design, è decorazione".

Se offri servizi di copywriting insieme a servizi di design, potresti essere in grado di scolpire la tua copia attorno alle tue idee di design (o viceversa), ma devi comunque avere un buon senso di ciò che stai presentando prima di poter capire come presentarlo. Nessun calzascarpe consentito in questo gioco.

2. Fai la mappa del sito prima del sito

Una mappa del sito davvero buona è un regalo fantastico che puoi fare agli utenti di qualsiasi sito web, soprattutto se ci sono molte cose da navigare nel sito. Quello che potresti non capire, però, è che un'ottima mappa del sito può anche essere un regalo per te stesso e per il tuo cliente. Se hai una mappa del sito in mano prima di iniziare un progetto, quello che hai essenzialmente è uno schema per costruire l'intera struttura del progetto. Come ha scritto Cameron Chapman per KISSmetrics, una buona mappa del sito è "uno strumento di pianificazione centralizzato che può aiutare a organizzare e chiarire il contenuto che deve essere sul tuo sito, oltre ad aiutarti a eliminare le pagine non necessarie".

In altre parole, la mappa del sito è un po' come la tabella di marcia per il tuo sito web. Crearne uno non richiede alcuna capacità di progettazione, solo quelle organizzative. Ciò significa che la disposizione della mappa del sito è una responsabilità che puoi lasciare al tuo cliente, collaborare allo sviluppo o assumerti. Se sei responsabile della mappa del sito, assicurati che il cliente faccia una valutazione approfondita prima di andare avanti; le mappe dei siti spesso si evolvono nel tempo, ma meno cambia lungo il percorso, meglio starai.

Una mappa del sito chiarisce quali contenuti devono essere e dove, senza essere ingombrante o difficile da mettere insieme o regolare. Elimina la possibilità di una progettazione o di una navigazione inefficienti perché puoi vedere dove deve andare ogni contenuto e creare utili collegamenti interni, piuttosto che duplicare le informazioni. Niente più contenuti duplicati significa niente più perdite di tempo per te o per gli utenti del sito.

Un altro vantaggio della mappa del sito è che aiuta a cristallizzare l'ambito del progetto fin dall'inizio, cosa che probabilmente apprezzereste entrambi. Il vero vantaggio logistico della mappa del sito è che può fungere da tracker per le parti del progetto che hai terminato e le parti che sono ancora in corso. Mantienilo digitale e assicurati che tutti coloro che hanno input nella mappa del sito e lo stato di avanzamento della progettazione del sito possano accedervi. Usalo come strumento rapido per mantenere aggiornato il tuo cliente e continua a fare riferimento ad esso ogni volta che vengono suggerite modifiche al contenuto per risparmiare tempo e mal di testa.

3. Avere un chiaro invito all'azione

Quando l'obiettivo di un sito è la conversione (e questo è il più delle volte il caso), uno degli elementi più critici è l'invito all'azione. Francamente, la maggior parte dei siti dovrebbe avere una sorta di invito all'azione, che si tratti di "iscriversi" o di "aggiungere al carrello" o di "visualizzare la galleria". Gli utenti dovrebbero essere guidati verso qualche azione e quell'azione deve essere strutturata in modo chiaro e chiaro. Potrebbe essere un pulsante, un collegamento o qualcos'altro. Qualunque cosa sia, questo è ciò che intendiamo quando diciamo "invito all'azione".

Che il tuo invito all'azione abbia un tono umoristico (iscriviti oggi o il coniglio lo ottiene!), invochi cameratismo (unisciti alla causa) o sia carico di urgenza (in vendita solo oggi!), deve essere progettato in un modo è avvincente per il pubblico di destinazione e coerente con la messaggistica generale del sito. Per alcune fantastiche idee ed esempi, dai un'occhiata all'articolo di Helga Moreno sull'invito all'azione per Just Creative.

Una cosa importante da notare: se il tuo invito all'azione sulla pagina di destinazione prevede che l'utente compili un modulo di attivazione, includi il modulo in quella pagina. L'utente non fa clic su un collegamento che lo porta a un opt-in. È stato dimostrato che gli opt-in in un passaggio hanno tassi di conversione molto più elevati rispetto a quelli in due passaggi. Basta eseguire l'opt-in nella pagina di destinazione. E già che ci sei, assicurati che il modulo richieda solo le informazioni di cui hai effettivamente bisogno: meno richiede, maggiore sarà la conversione.

4. Assicurati che i titoli siano corretti

Qualsiasi web writer degno di questo nome ti dirà che i titoli sono fondamentali, ed è vero. Scherziamo tutti sui fastidiosi clickbait e sui brevi intervalli di attenzione in questi giorni, ma la ricerca mostra che qualsiasi sito Web ha tutti gli otto secondi per catturare l'attenzione di un visitatore prima che quel visitatore rimbalzi. Otto secondi non sono moltissimi, ed è lecito ritenere che la maggior parte di quei secondi venga spesa a scansionare il titolo. Ecco perché è assolutamente fondamentale che qualsiasi cosa, anche lontanamente simile a un titolo, nel design del tuo sito sia forte: solo un titolo convincente manterrà un utente sul tuo sito abbastanza a lungo da avere l'opportunità di convertirsi.

Se la responsabilità di generare i titoli e altro testo H1 in un progetto ricade sulle tue spalle, devi affinare le tue capacità di scrittura dei titoli. Le mie due risorse preferite sono questo post rapido di Copyblogger e il PDF gratuito Headline Hacks di Jon Morrow. Entrambe queste risorse sono state sviluppate per gli scrittori, ma presentano le basi per scrivere buoni titoli in un modo che chiunque abbia una padronanza dell'inglese può assorbire e utilizzare praticamente immediatamente.

5. Usa immagini versatili per catturare e mantenere l'interesse

C'è una scienza nell'arte delle immagini (e altri elementi visivi, come loghi e caratteri distintivi) nel web design, e sarebbe opportuno che tu avessi una profonda comprensione di ciò che rende esattamente una buona selezione di immagini, specialmente se stai sovrapponendo i contenuti sopra l'immagine o collegando un titolo critico o un invito all'azione. La maggior parte del web design effettivo si svolge su un computer desktop o laptop. Se confrontati con tutti gli schermi delle nostre vite, questi monitor per computer sono spaziosi, relativamente poco illuminati e il più delle volte al chiuso o, per lo meno, al riparo dal sole diretto o da altri riflessi. Ma questo non è l'unico ambiente in cui le immagini vengono visualizzate sul Web in questi giorni.

Le immagini che hanno un bell'aspetto sull'enorme iMac del tuo ufficio non avranno necessariamente un bell'aspetto, o addirittura verranno visualizzate, sullo schermo di uno smartphone dei primi modelli che viene trasportato lungo una strada illuminata. E nessuno di questi si confronterà con il modo in cui un mini tablet orizzontale visualizza l'immagine. La natura della connettività e della tecnologia oggi richiede che tu tenga conto di tutti i tipi di monitor e scenari di visualizzazione quando crei il tuo sito web.

Le tue immagini devono essere sorprendenti e scalabili per adattarsi a monitor di diverse dimensioni in ambienti diversi: pensa a 4 pollici in condizioni di luce intensa sopra la testa a 40 pollici in interni con la luce solare indiretta filtrata. Se l'immagine è interessante per le sue sfumature o i dettagli intricati, probabilmente non lo è l'immagine giusta da usare. Modifica le immagini secondo necessità, se le modifiche possono renderle fattibili (o se il client ne richiede l'uso) e concentrati sul contrasto per rendere la nitidezza elevata.

Le chiavi da copiare che convertono

Sebbene questi cinque "segreti" non siano affatto segreti, può essere facile trascurare o perdere completamente questi elementi chiave per la creazione di contenuti che convertono. I siti web sono i veicoli per presentare i contenuti e gli utenti devono essere presi in considerazione in qualsiasi web design. Ma, come hanno dimostrato questi suggerimenti, un web design efficace non consiste solo nel rendere un sito web piacevole da vedere e facile da usare. C'è spesso un altro scopo: guidare la conversione. Padroneggiare e utilizzare tutte e cinque queste aree del flusso di lavoro del web design farà molto per la tua capacità di creare siti Web veramente efficaci in ogni senso della parola.