\u201cUn pizzico di animazione qui<\/span>! Un tocco di stampa leopardata l\u00ec<\/span>!\u201d<\/p>\n\n\n Ma, come spesso accade con le cose che brillano, \u00e8 facile esagerare \u2014 soprattutto se la tua creativit\u00e0 sta riducendo la funzionalit\u00e0 del tuo sito.<\/p>\n\n\n Se vuoi vendere un prodotto o condividere alcuni post del blog<\/a><\/span>, non stai realmente costruendo il sito per te. Sono i visitatori del tuo sito che devono essere soddisfatti del design e dell’interfaccia utente. Qui entra in gioco l’Esperienza Utente (UX). Mantenere un forte focus sull’UX mentre costruisci il tuo sito dovrebbe tradursi in conversioni pi\u00f9 alte e tassi di abbandono pi\u00f9 bassi.<\/p>\n\n\n In questo articolo, ti dar\u00f2 un corso accelerato di UX e spiegher\u00f2 cosa fa un designer UX. Poi passeremo alcuni consigli su come riconoscere un buon design UX quando lo incontri. Infine, ti mostrer\u00f2 come utilizzare l’UX per creare un sito migliore<\/a> per il tuo pubblico. Sentiti libero di passare direttamente alla sezione che ti \u00e8 pi\u00f9 utile!<\/p>\n\n\n Pronto a parlare di strategia UX? Iniziamo!<\/p>\n\n\n Semplicemente, l’esperienza utente (UX) \u00e8 il modo in cui l’interazione con la tecnologia fa sentire un utente. L’UX si applica a qualsiasi tecnologia, da un’app a una console per videogiochi.<\/p>\n\n\n Quando si parla di siti web, il design UX riguarda l’ottimizzazione dell’interazione tra l’utente umano e la pagina. Un sito costruito con solidi principi di UX dovrebbe lasciare l’utente con la sensazione di aver compiuto ci\u00f2 per cui era venuto senza frustrazioni.<\/p>\n\n\n Questo potrebbe farti pensare di dare il massimo con il design visivo del sito web. Potrebbe includere animazioni vistose e caroselli di immagini giganti<\/a>. Se ti ricordi MySpace, probabilmente hai ancora incubi su glitter animati e versioni MIDI delle canzoni dei Blink-182… mamma mia<\/span>.<\/p>\n\n Ma il design UX ha molto meno a che fare con l’aspetto di un sito piuttosto che con il suo utilizzo. Per essere efficace, il tuo sito web dovrebbe essere un’esperienza completa \u2014 non solo parole e immagini su una pagina.<\/p>\n\n\n Gli utenti dimenticheranno i dati, come quanto hanno pagato per i prodotti che hanno ordinato. Tuttavia, l’esperienza d’ordine dovrebbe essere piacevole e senza sforzo. Quell’esperienza rimarr\u00e0 con loro, aumentando le possibilit\u00e0 che comprino da te ancora e ancora.<\/p>\n\n\n Se il tuo sito offre una UX scadente, potresti ottenere il risultato opposto. Gli utenti che si sentono stressati o arrabbiati quando usano il tuo sito probabilmente si dirigeranno verso uno dei siti dei tuoi concorrenti. Hanno molte opzioni e nessun motivo per tornare su un sito difficile da usare.<\/p>\n\n\n Se non sei ancora convinto che l’UX sia importante per il tuo sito web, ecco alcune statistiche chiave:<\/p>\n\n\n Tutto ci\u00f2 serve a illustrare l’importanza di un buon design UX nella costruzione di un sito web.<\/p>\n\n\n\n\n L’UX \u00e8 cos\u00ec essenziale che esiste un’intera professione dedicata all’ottimizzazione. I compiti quotidiani di un designer UX variano in base ai tipi di progetti che sta affrontando. Tuttavia, l’obiettivo \u00e8 solitamente lo stesso. Il lavoro del designer UX \u00e8 ottimizzare l’esperienza dell’utente<\/span> nel momento dell’interazione con la tecnologia digitale, tenendo allo stesso tempo in considerazione il benessere dell’azienda.<\/p>\n\n\n Per raggiungere questo equilibrio, il designer UX segue un processo che risulta in molteplici <\/a><\/span>risultati<\/a><\/span>.<\/p>\n\n\n Prima di iniziare effettivamente a progettare, c’\u00e8 molta ricerca UX da fare. Pertanto, il designer potrebbe prima creare una o pi\u00f9 personas dell’audience<\/a><\/span>. Questo consente al designer di comprendere le esigenze dell’utente.<\/p>\n\n\n Successivamente, il designer UX potrebbe presentare un possibile diagramma del flusso utente per esplorare i vari modi in cui un utente potrebbe interagire con il sito web. Possono poi tradurre queste informazioni in un prototipo. I prototipi possono essere essenziali come un <\/a><\/span>wireframe<\/a><\/span>, un abbozzo approssimativo di come potrebbe apparire la pagina web finale. Il designer potrebbe anche creare un prototipo pi\u00f9 robusto visivamente o addirittura uno con cui si pu\u00f2 interagire.<\/p>\n\n Le responsabilit\u00e0 del designer UX non terminano con il design finale. Una volta lanciato il sito, potrebbe condurre test di usabilit\u00e0 o analizzare le statistiche di utilizzo per identificare e risolvere problemi potenziali.<\/p>\n\n\n In altre parole, sono coinvolti in tutte le fasi della creazione e del lancio di un sito web.<\/p>\n\n\n\n\n Se ti occupi personalmente del design della UX, \u00e8 tua responsabilit\u00e0 difendere i tuoi utenti assicurandoti allo stesso tempo di ottenere ci\u00f2 che desideri dal tuo sito. Per fare ci\u00f2, il primo passo \u00e8 imparare a riconoscere un design UX robusto.<\/p>\n\n\n Con questo in mente, diamo un’occhiata ad alcuni esempi di UX in azione. Ci sono quattro elementi chiave a cui vorrai prestare molta attenzione.<\/p>\n\n\n Un design di navigazione scadente pu\u00f2 rendere inutile qualsiasi sito web. Muoversi all’interno di un sito dovrebbe essere fluido e intuitivo. Il menu di navigazione dovrebbe inoltre essere accessibile indipendentemente dal dispositivo utilizzato dal visitatore.<\/p>\n\n\n La navigazione breadcrumb<\/a><\/span> \u00e8 un modo in cui i designer impediscono agli utenti di perdersi, specialmente se un sito web ha molte pagine.<\/p>\n\n \u00c8 anche importante prestare attenzione ai link. I web designer che utilizzano una forte UX si assicurano che tu possa identificare i link quando li vedi. Questo spesso significa sottolinearli e usare un colore di testo diverso. Utilizzeranno anche testo di ancoraggio significativo<\/a><\/span>, cos\u00ec sai dove ti sta portando il link<\/a> prima di cliccare su di esso.<\/p>\n\n\n\n\n Una parte significativa di un’UX di successo consiste nel comprendere come le persone interagiscono con diverse parti di un sito web. Ad esempio, la maggior parte delle persone non legge normalmente il contenuto di una pagina web. Lo scandagliano<\/a><\/span> e poi si fermano a leggere se hanno trovato qualcosa di interessante.<\/p>\n\n\n Un contenuto \u00e8 facilmente scansionabile se un utente pu\u00f2 rapidamente sfogliare un post del blog o una pagina di vendita e ottenere un’idea chiara di ci\u00f2 che viene comunicato.<\/p>\n\n Mantenere i paragrafi brevi \u00e8 un modo per creare contenuti facili da scansionare. Questi paragrafi dovrebbero essere frequentemente interrotti da titoli, elenchi e immagini. I designer possono anche utilizzare citazioni in evidenza, testo in grassetto e elementi simili.<\/p>\n\n\n\n\n L’animazione \u00e8 un modo efficace per distinguersi in un mare di siti web e catturare l’attenzione dell’utente<\/a><\/span>. Aggiunge un elemento divertente e pu\u00f2 contribuire a creare un’esperienza memorabile per l’utente.<\/p>\n\n\n Tuttavia, esiste un modo giusto e uno sbagliato per implementarlo.<\/p>\n\n\n Un’animazione sottile pu\u00f2 fornire feedback<\/a><\/span> mentre aspetti che una transazione si completi. Un’animazione pu\u00f2 anche continuare all’infinito mentre fai fatica a concentrarti sulla lettura di una descrizione del prodotto. Questi approcci creano due esperienze molto diverse. L’uso eccessivo di animazione pu\u00f2 anche influenzare l’UX su dispositivi mobili.<\/p>\n\n\n Ottimizzare un sito web per gli utenti mobile<\/a><\/span> \u00e8 essenziale. Se sei come la maggior parte delle persone, utilizzi solitamente il tuo telefono<\/a><\/span> per accedere a internet. Se ti capita di trovare un sito difficile da utilizzare sul tuo dispositivo, \u00e8 probabile che tu decida semplicemente di abbandonarlo.<\/p>\n\n\n Oltre a scegliere un tema reattivo<\/a><\/span>, puoi prendere ulteriori misure per garantire che il tuo sito funzioni bene su tutti gli schermi. Ad esempio, puoi eseguire il tuo sito web attraverso lo Strumento per il Test della Compatibilit\u00e0 Mobile di Google<\/a><\/span>.<\/p>\n\n Questo strumento ti avviser\u00e0 dei problemi che impediscono al tuo sito di essere compatibile con i dispositivi mobili. Potresti scoprire che un determinato carattere \u00e8 troppo difficile da leggere su un piccolo schermo, ad esempio, o che i pulsanti sono troppo piccoli per essere premuti facilmente.<\/p>\n\n\n\n\n Ora che sai cos’\u00e8 una buona UX, come la applichi al tuo sito?<\/p>\n\n\n Probabilmente non farai ricerche di mercato approfondite o prototipi con wireframe ad alta fedelt\u00e0. Tuttavia, indossare il cappello del designer UX pu\u00f2 aiutarti a creare un sito che piacer\u00e0 sia a te che al tuo pubblico.<\/p>\n\n\n Prima di tutto, \u00e8 importante chiarire perch\u00e9 hai un sito web e cosa vuoi che faccia. Ad esempio, sei:<\/p>\n\n\n Successivamente, conosci il tuo utente ideale o potenziale cliente. <\/a>Creare una persona utente<\/a><\/span> ti aiuter\u00e0 a immaginare come il tuo pubblico target potrebbe interagire con il tuo sito web. Questa persona pu\u00f2 essere semplice come chi \u00e8 la persona, cosa desidera e cosa le impedisce di ottenerlo. \u00c8 fondamentale identificare ci\u00f2 di cui l’utente ha bisogno per avere successo sul tuo sito.<\/p>\n\n\n Ricorda che l’accessibilit\u00e0 \u00e8 una parte integrante dell’UX<\/span>. Potresti avere visitatori che usano tecnologie assistive, quindi considera di rendere l’accessibilit\u00e0 una priorit\u00e0<\/a><\/span> quando costruisci il tuo sito.<\/p>\n\n\n Puoi anche dare un’occhiata ai siti dei tuoi concorrenti<\/a> per vedere cosa funziona per loro. L’icona del carrello \u00e8 sempre nell’angolo in alto a destra? Forse anche il tuo dovrebbe essere cos\u00ec. Puoi essere creativo senza reinventare la ruota; gli utenti non dovrebbero dover capire come funziona il tuo sito per raggiungere i loro obiettivi.<\/p>\n\n Infine, la prestazione del sito<\/a><\/span> \u00e8 importante per l’UX. Pagine lente faranno abbandonare i visitatori<\/a><\/span> prima che il sito abbia la possibilit\u00e0 di caricarsi. Ci sono molti modi per velocizzare il tuo sito, sebbene la scelta migliore sia iniziare con un hosting di qualit\u00e0<\/a><\/span>.<\/p>\n\n\n\n\n\n\n A questo punto, probabilmente hai capito che il design UX non \u00e8 qualcosa che puoi ottimizzare in una sola volta. C’\u00e8 molto di pi\u00f9 in questo campo di quanto possiamo coprire in un solo articolo.<\/p>\n\n Fortunatamente, ci sono molte risorse di UX di qualit\u00e0 a cui puoi fare riferimento mentre continui a migliorare il tuo sito web<\/a>:<\/p>\n\n\n Se combini queste risorse con la ricerca e la pratica, dovresti trovarti a implementare buone pratiche di esperienza utente in poco tempo.<\/p>\n\n\n Non devi essere un designer UX professionista per creare un sito web con cui il tuo pubblico adorer\u00e0 interagire. Tutto ci\u00f2 che serve \u00e8 una certa comprensione di cosa render\u00e0 la vita pi\u00f9 facile ai tuoi visitatori e la volont\u00e0 di costruire un sito che offra quell’esperienza.<\/p>\n\n\n UX descrive com’\u00e8 l’esperienza di interazione con il tuo sito web per gli utenti. Ottimizzare l’UX del tuo sito significa garantire che abbia una navigazione chiara, creare contenuti facili da scansionare, testarlo per la responsiveness e altro ancora. C’\u00e8 molto da imparare, ma ci sono anche molte risorse utili e designer esperti che possono aiutare.<\/p>\n\n\n\n
<\/a>Introduzione All’esperienza Utente (UX) E Perch\u00e9 \u00c8 Importante<\/span><\/h2>\n\n\n
![\"Un](\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2020\/09\/6b708057-701f-400a-a361-338e99be9977_dh-what-is-ux-5.jpg\")
<\/figure><\/div>\n\n\n
<\/a>Il Ruolo del Designer UX<\/span><\/h2>\n\n\n
![\"Una](\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2020\/09\/b8af0872-4f45-4c9e-875b-b33249d5346f_dh-what-is-ux-1.jpg\")
<\/a>Come Riconoscere Un Buon Design UX<\/span><\/h2>\n\n\n
1. Navigazione<\/h3>\n\n\n
![\"Il](\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2020\/09\/e9db2b0f-8fd6-4c8e-9a30-2ec3dd58b0a2_dh-what-is-ux-4.jpg\")
<\/figure><\/div>\n\n2. Contenuto<\/h3>\n\n\n
![\"Contenuto](\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2020\/09\/ff4a85e0-503f-4fa1-a6df-f6562ea1c60e_dh-what-is-ux-3.jpg\")
<\/figure><\/div>\n\n3. Animazione<\/h3>\n\n\n
4. Reattivit\u00e0<\/h3>\n\n\n
![\"Esempi](\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2020\/09\/3a63f433-6f6b-4615-8e3c-2a4ee5b2cc0f_dh-what-is-ux-2.jpg\")
<\/figure><\/div>\n\n<\/a>Come Utilizzare L’UX per Progettare un Sito per il Tuo Pubblico<\/span><\/h2>\n\n\n
\n
![\"Esempi](\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2020\/09\/97d495ea-4402-48c2-ba2d-08c28adf3cb1_dh-what-is-ux-7.jpg\")
<\/figure><\/div>\n\n![\"Ad](\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\"){kind=spacer}
<\/div>\n\n\n\n\n <\/a>Risorse UX<\/span><\/h2>\n\n\n
![\"La](\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2020\/09\/30b88ca7-c692-4741-b779-c00397bbd7ed_dh-what-is-ux-6.jpg\")
<\/figure><\/div>\n\n\n
Progetta un’Ottima Esperienza Utente<\/span><\/h2>\n\n\n