Guida passo-passo al design UX

La creazione di un design UX interattivo e di conversione è un processo continuo, quindi, una guida alla sua progettazione è importante. Succede prima, durante e dopo la costruzione del sito web. Come discusso in precedenza, c’è molto da mettere in un design UX, e si lega molto strettamente con la strategia e la ricerca.

Ci sono anche altri fattori che contribuiscono a creare un buon design UX come lo sviluppo web, il design, il SEO, la strategia e la creazione di contenuti e l’ottimizzazione della conversione. In questo articolo, forniremo una guida passo-passo alla progettazione UX. Cominciamo.

Ricerca e scoperta

Come abbiamo detto prima, la ricerca svolge un ruolo fondamentale nella creazione di una solida strategia. Le informazioni che raccoglierai sulla base della tua ricerca dettagliata saranno alla base del tuo design UX.

Per questo primo passo è necessario condurre una ricerca dettagliata sul modello di businessLa strategia di marketing CRM è una delle più utilizzate nel business mondiale di oggi al fine di ... Leggi, gli utenti, il pubblico e, infine, la tecnologia coinvolta. Questo primo passo aiuterà voi e il vostro team a scoprire e sapere esattamente cosa dovete fare per soddisfare le esigenze dell’azienda e del vostro pubblico.

Creazione della struttura di base del sito web

Ora che avete fatto la ricerca, filtrato le informazioni necessarie e pianificato cosa fare, il passo logico successivo è la creazione della struttura di base del sito web. Per questo è necessario gestire le informazioni attraverso l’Architettura dell’Informazione o IA (Information Architecture).

Attraverso l’IA si applicano gli strumenti e le tecniche a molti dati grezzi per renderli gestibili e utilizzabili. Questo servirà come guida alla struttura di progettazione e guiderà l’utente verso gli obiettivi del sito.

Analisi del contenuto

Per coloro che lavorano con un sito web che non è nuovo probabilmente questo è già popolato da una grande varietà di contenuti. Ora, in un caso del genere è meglio fare un audit dei contenuti e valutare il materiale esistente. Quali andrebbero scartati e quali rimarranno rilevanti per il vostro sito web?

D’altra parte, i nuovi siti web hanno bisogno di una strategia di contenuti solida e ben definita. Ogni contenuto dovrebbe essere pianificato e unico. Quando si tratta di creare nuovi contenuti, considerate questi fattori:

Cosa otterrà il sito con questi contenuti?
È qualcosa che gli utenti vogliono e devono vedere?
Darà valore aggiunto all’utente?
Questo contenuto è unico?
Questo contenuto è accattivante?
Il tono e il linguaggio sono coerenti con il marchio?

Principi di creazione di contenuti

Ora, quando si tratta di creare grandi contenuti, ci sono tre punti chiave da considerare. Guardateli qui sotto:

Struttura. In primo luogo è necessario considerare la struttura del contenuto. Deve essere scritta in modo che gli utenti possano trovare rapidamente le informazioni. Arrivare dritto al punto e renderlo leggibile. Questo è realizzabile facendo i seguenti passi:
1. Utilizzare gli elenchi puntati
2. Evidenziare i punti e le frasi chiave
3. Dividere le informazioni con i paragrafi
4. Utilizzare titoli descrittivi e distinti
Gerarchia. Ricordatevi di mantenere le informazioni più importanti all’inizio della pagina, poi usate i sottotitoli per sottolineare altri dettagli importanti.
Rilevanza. La cosa più importante: il contenuto dovrebbe essere rilevante per l’utente e lo scopo della pagina stessa.

Creazione di una Sitemap

Una sitemap è un piano strutturale visivo per la disposizione e l’organizzazione delle pagine del sito web. Seguite il processo qui sotto:

CERCHI UNA SOLUZIONE UNICA PER LA TUA CRESCITA DIGITALE?

Definite la vostra homepage: questo è il primo passo e il più importante.
Mettete gli elementi principali della navigazione nella vostra homepage
Disponete le pagine di contenuto sotto la voce di navigazione principale
Continuate ad aggiungere pagine qui sotto fino a quando non avrete inserito tutti i vostri contenuti. Assicuratevi che ogni pagina sia accessibile.
Definite qualsiasi altro elemento statico di navigazione (piè di pagina, barra laterale, navigazione di intestazione, strumenti di ricerca). Metteteli nel vostro diagramma in un luogo logico (eventualmente diramandosi direttamente dalla home page, o come blocchi separati).

Costruire la navigazione

È importante che gli utenti possano sfogliare facilmente tutte le pagine del vostro sito web. Una navigazione di successo dovrebbe essere in grado di rispondere a tutte le seguenti domande:

Dove sono? – La pagina web dovrebbe avere un titolo e un URL chiari e dovrebbe essere in grado di aiutare l’utente a capire su quale pagina si trova.
Come sono arrivato qui? – Gli utenti dovrebbero essere in grado di capire come sono arrivati alla pagina web. Questo è spesso indicato dalla navigazione “breadcrumb” che è il percorso generale che un utente può aver preso.
Dove posso andare dopo? – C’è un passo successivo a questa pagina web? Ci sono pulsanti di “call to action” (invito all’azione) che permettono agli utenti di sapere cosa potrebbe accadere dopo?
Come posso tornare a casa? – Per la maggior parte, gli utenti possono tornare alla homepage del sito web semplicemente cliccando sul logo.

Creazione del layout

Successivamente, è necessario concentrarsi sulla creazione dei layout. Pensate a una pagina web come a una scatola che può essere suddivisa in quattro zone:

L’intestazione: l’intestazione si trova nella parte superiore della pagina – da cui il nome – e viene utilizzata per identificare il sito. Contiene il logo, il tagline del marchio (opzionale ma altamente raccomandato), la navigazione principale, la funzione di login e la barra di ricerca.
Area centrale dei contenuti: qui è dove potrete presentare il contenuto principale al vostro pubblico. Potrebbe essere una lista di prodotti e servizi che offrite, immagini, testimonianze, video e così via. Quest’area dovrebbe anche avere varie call to action come “Acquista ora”, “Leggi di più”, “Iscriviti ora”, e così via.
Barra laterale: la barra laterale si trova spesso sul lato sinistro o destro della pagina web. Presenta il contenuto secondario e strumenti come le barre di navigazione secondarie, moduli di iscrizione, contenuti aggiuntivi e altro ancora.
Piè di pagina: il piè di pagina si trova in fondo alla pagina dove è possibile inserire contenuti e risorse non preminenti come le politiche sulla privacy, disclaimer, informazioni legali, informazioni di contatto, link ai social media, e così via.
Il layout di un sito web di solito inizia con un wireframe. Questi sono i contorni scheletrici del layout di una pagina web. Il wireframe è usato per tracciare il posizionamento di vari elementi sulla pagina web. Agisce come guida per il web designer per creare il visual design, e per lo sviluppatore web per creare il codice e l’interattività richiesti.

Successivamente, abbiamo i prototipi nati da questi wireframe. Si tratta essenzialmente di insiemi di wireframe che sono stati collegati tra loro come in un sito web. Vengono utilizzato per testare il flusso e il funzionamento del sito web che avete in mente prima che voi e il vostro team vi tuffiate completamente in una costosa e lunga fase di sviluppo.

Assemblare gli elementi

Ora che avete il wireframe e i prototipi pronti, dovete capire quali elementi extra vi serviranno per il vostro sito web. Ricordatevi di pensare come il vostro cliente: dovete solo vedere di cosa avete bisogno per portare a termine il vostro compito. Quindi, altri elementi possono includere:

Calls to Action: questi possono essere sia link all’interno del testo che pulsanti di grandi dimensioni. Se la pagina web è un blog, i pulsanti “Leggi ora” sono essenziali, se si esegue un sito eCommerce, “Aggiungi al carrello” e il tasto “Compra ora” sono i CTA più comunemente utilizzati.

I CTA di successo sono di solito posizionati sopra la piega; questo aiuterà a catturare meglio l’attenzione del cliente. Il design dovrebbe anche essere tangibile, in modo che l’istinto del cliente di cliccare su di esso si attivi immediatamente. Fatelo apparire come un vero e proprio pulsante e mettetelo in risalto rispetto al resto della pagina.

Moduli: la maggior parte dei siti web richiede dei moduli. Qui è dove gli utenti possono inserire le loro informazioni come i dati di contatto, l’indirizzo e-mail, ecc. I moduli sono utilizzati nei canali di vendita, nelle newsletter e-mail, e così via.

Più semplice è il modulo, meglio è. Dovrebbe avere solo pochi campi per aiutare a renderlo più gestibile per il pubblico. La semplicità è la chiave, quindi dovrebbe essere il più breve e conciso possibile. Tutti i campi richiesti devono essere rilevanti in modo che il vostro pubblico non si confonda.

Barra di ricerca: una barra di ricerca è un ottimo strumento per aiutare gli utenti a navigare meglio nel sito web. Aiuta il pubblico a trovare cose specifiche. Assicuratevi che la vostra barra di ricerca produca solo i risultati più pertinenti e precisi. Quando si tratta di visualizzare i risultati della ricerca, ponetevi queste domande chiave:
- Quanti risultati dovrebbero essere visualizzati per pagina?
- In quale ordine dovrebbero essere i risultati?
- I risultati possono essere filtrati?
- Cosa succede se non ci sono risultati?

Il design visivo

Il design visivo del vostro sito web deve fare una grande impressione sul pubblico. Deve essere affidabile, credibile e degno del tempo del vostro pubblico. L’aspetto del vostro sito web sarà fortemente basato sul vostro marchio – i colori, la grafica e gli elementi di design complessivo dovrebbero essere in linea con il vostro marchio.

La scelta della giusta palette di colori per il vostro sito web dovrebbe essere fatta con attenzione. Deve essere leggibile e accessibile per i clienti. La giusta palette dei colori può avere un effetto massiccio su come i vostri clienti si comportano e interagiscono sulla pagina.

Test utente

Quando il vostro sito web è quasi finito o ha superato la fase di visual design, è una buona idea fare test utente prima di qualsiasi altra cosa. L’idea è di dare a uno o più utenti la possibilità di accedere al prototipo del sito web e di osservare come si comportano quando lo utilizzano.

Così facendo, scoprirete alcuni problemi e otterrete molte informazioni che possono essere utilizzate per migliorare il vostro sito web. Vi aiuta a determinare i potenziali problemi che i vostri utenti possono incontrare e a lavorare per creare la migliore esperienza utente possibile. Ora, il test degli utenti non è così semplice come dare accesso al vostro sito a qualcuno chiedendogli cosa ne pensa. C’è in realtà un processo che si svolge come segue:

Formulare una domanda da testare – elencare perché si vuole eseguire un test e cosa si vuole imparare da esso.
Scegliere e preparare il test – ora che avete elencato lo scopo del vostro test, decidete quale metodologia utilizzerete. Per essere in grado di scegliere quella giusta, considerate di porvi le seguenti domande:
- Quanto tempo e denaro dovete investire in questo test?
- Quanti partecipanti dovrebbero essere inclusi nel test?
- Quali strutture sono disponibili?
- In quale fase del progetto?
Trovare gli argomenti giusti – questa è forse la sfida più grande quando si tratta del processo di test. Il modo migliore per farlo è quello di redigere una lista di criteri da soddisfare. State testando sia per uomini che per donne? In quale fascia d’età dovrebbero essere? Dovrebbero essere in una certa industria del lavoro e demografica? Limitatevi a tre-cinque criteri più importanti e poi spargete la voce sul test attraverso i canali più appropriati. Potete farlo attraverso i social media, la stampa, internet, chiacchierando con i vostri amici e vicini di casa. Una volta che otterrete abbastanza risposte, sarà possibile selezionare i candidati e filtrare le persone che sono più adatte per il test.
Fase di test – ora siete pronti per iniziare il test. Chiedete all’utente di fare quello che volete e lasciate che il test venga eseguito. Ricordate di non interferire e lasciate che faccia il suo corso.
Analisi – ora che disponete dei dati esistenti dal test, potete trasformarli in intuizioni accurate, oggettive e utili.
Segnalazione – una volta terminata l’analisi, è ora possibile condividere i risultati del test design UX con le persone che ne hanno bisogno, come il team di progettazione, il team di marketingBusiness-to-business (B2B), detto anche B-to-B, è una forma di transazione tra imprese, come quella... Leggi, ecc.
Implementazione – in questa fase si possono mettere in pratica i risultati del test utente. Questo potrebbe significare cose molto diverse nelle diverse fasi del progetto. Per esempio, coloro che sono ancora nella fase iniziale di pianificazione, i risultati dei test possono portarvi a prendere una nuova direzione sul progetto, mentre coloro che stanno testando un prototipo ad alta fedeltà potrebbero dover modificare alcuni dettagli del progetto complessivo.
Ricominciate da capo – all’inizio di questo articolo, siete stati informati che creare un grande design UX non è un’azione una tantum. Si tratta di un processo a ciclo continuo che vi porterà a continui cambiamenti e miglioramenti. Anche dopo che il progetto è andato in produzione, c’è sempre una buona ragione per continuare a testare, migliorare e ottimizzare.

Leggete anche: Limiti del mobile per il design UX