{"id":20367,"date":"2020-11-11T13:08:12","date_gmt":"2020-11-11T12:08:12","guid":{"rendered":"https:\/\/www.makingscience.com\/?p=20367"},"modified":"2020-11-11T13:08:12","modified_gmt":"2020-11-11T12:08:12","slug":"migliorare-la-user-experience-del-tuo-sito-web","status":"publish","type":"post","link":"https:\/\/www.makingscience.com\/it\/blog\/migliorare-la-user-experience-del-tuo-sito-web\/","title":{"rendered":"La checklist per migliorare la user experience del tuo sito web"},"content":{"rendered":"

La\u00a0user experience<\/strong>\u00a0(UX) \u00e8 l\u2019esperienza globale che una persona compie usando un prodotto, come un\u2019applicazione o un sito internet. Riuscire a rendere pi\u00f9 semplice ed intuitiva l\u2019esperienza d\u2019uso degli utenti \u00e8 un obiettivo importante per ogni azienda, perch\u00e9 consente di ottenere maggiori conversioni e contatti, ed \u00e8 anche un fattore in grado di migliorare il\u00a0posizionamento nei motori di ricerca, come per esempio Google e Bing<\/strong>. Cosa puoi fare per migliorare la user experience del tuo sito web?<\/p>\n

Innanzitutto devi fare una\u00a0verifica\u00a0sul tuo sito.<\/strong>\u00a0Mettiti nei panni di un utente e fai delle prove: \u00e8 semplice trovare la pagina dei contatti? si capisce dove ci si pu\u00f2 iscrivere alla newsletter? i passaggi da seguire per effettuare un\u2019ordine sono chiari?<\/p>\n

Ricorda di prestare attenzioni ad eventuali\u00a0suggerimenti\u00a0dei tuoi clienti,<\/strong>\u00a0che sicuramente sono un\u2019ottima fonte di ispirazione per apportare ulteriori migliorie. Potresti anche sottoporre loro un sondaggio per capire la loro opinione. Potrai cos\u00ec identificare alcuni punti chiave di cui occuparti. Vediamo ora quali sono gli aspetti principali da controllare.<\/p>\n

Checklist per migliorare la user experience del tuo sito<\/h3>\n

Il tuo sito web \u00e8 navigabile e usabile?<\/h4>\n
    \n
  • \n
    Il menu di navigazione \u00e8 intuitivo?<\/h6>\n

    La barra di navigazione deve essere semplice, collocata in una posizione standard e quindi immediatamente visibile per gli utenti che visitano il sito. Questo garantir\u00e0 loro un’esperienza pi\u00f9 fluida e saranno facilitati a trovare quello che cercano senza sforzi.<\/li>\n

  • \n
    Ci sono troppi dropdown menu?<\/h6>\n

    I men\u00f9 a tendina sono uno strumento versatile ma spesso abusato. Effettuando delle analisi sulla frequenza dei click da parte degli utenti, si pu\u00f2 capire quali opzioni escludere dal menu, e magari collocare in un menu secondario a fondo pagina oppure da trasformare in pulsante, in modo da alleggerire la sezione.<\/li>\n

  • \n
    Il sito \u00e8 semplice da usare e comprendere?<\/h6>\n

    L\u2019azione principale che gli utenti dovrebbero compiere quando sono sul tuo sito \u00e8 chiara? A volte si tende ad esagerare, mostrando troppi prodotti e troppi dettagli, per la voglia di far conoscere a chi entra nel nostro sito tutto quello che abbiamo da offrire. Si dovrebbe invece limitare le possibilit\u00e0 di scelta, organizzando la homepage in modo snello, rimuovendo il testo in eccesso e limitando il numero di selezioni possibili, in modo da evidenziare quelle che sono le vere priorit\u00e0 del tuo business e incanalare le persone in un percorso senza ostacoli.<\/li>\n

  • \n
    \u00c8 possibile navigare e compiere determinate azioni senza trovare barriere, come l\u2019obbligo di iscriversi?<\/h6>\n

    Ti \u00e8 mai capitato di voler effettuare un acquisto online d\u2019impulso? Stai navigando, ti imbatti in un prodotto davvero interessante, immediatamente decidi di comprarlo, lo selezioni, lo metti nel carrello, fai click per effettuare il pagamento e poi\u2026 vieni bloccato dal sistema che ti obbliga a creare un account. Come dicevo all\u2019inizio, devi metterti nei panni del potenziale acquirente. \u00c8 ovvio che la creazione di un account \u00e8 pi\u00f9 vantaggiosa per un market, perch\u00e9 permette di raccogliere i dati di un utente, inviargli offerte personalizzate e cos\u00ec via, ma, per non perdere una fetta di acquirenti, che potrebbero poi decidere comunque di iscriversi successivamente, \u00e8 buona norma lasciare la possibilit\u00e0 di procedere al checkout senza iscrizione obbligatoria.<\/li>\n

  • \n
    \u00c8 presente un\u2019area di ricerca in cui l\u2019utente pu\u00f2 digitare l\u2019argomento o il prodotto\/servizio che sta cercando?<\/h6>\n

    Questo \u00e8 un aspetto fondamentale, che devi assolutamente inserire sul tuo sito se non fosse gi\u00e0 presente: una casella dove sia possibile scrivere quale prodotto si sta cercando per scovarlo rapidamente all\u2019interno del sito. Specialmente se hai un sito che offre numerosi prodotti di diverse categorie, questa opzione permette di risparmiare molto pi\u00f9 tempo a chi ha gi\u00e0 le idee chiare.<\/li>\n

  • \n
    Ci sono dei pop-up o elementi in grado di scoraggiare le persone?<\/h6>\n

    Il pop-up andrebbe evitato perch\u00e9 disturba e distrae le persone. Se molto invasivo, pu\u00f2 addirittura farle desistere e abbandonare il sito immediatamente. Se proprio non puoi farne a meno, perch\u00e9 magari vuoi spingere un\u2019offerta oppure cerchi di ottenere pi\u00f9 follower sulle tue pagine social o pi\u00f9 iscritti alla newsletter, \u00e8 meglio inserire il banner in basso a destra, in modo che non interferisca in modo troppo decisivo con la navigazione.<\/li>\n

  • \n
    Qual \u00e8 il tempo di caricamento delle pagine?<\/h6>\n

    La velocit\u00e0 di caricamento \u00e8 fondamentale. Secondo gli standard Google, una normale pagina web non dovrebbe impiegare a caricarsi pi\u00f9 di 3 secondi, che scendono a 2 per un e-commerce. Fai quindi dei test per capire se rispetti questi limiti e corri ai ripari in caso negativo.<\/li>\n

  • \n
    Hai controllato che non ci siano troppi broken-links e errori 404?<\/h6>\n

    Vecchie pagine non pi\u00f9 esistenti, prodotti mancanti, link esterni a siti che non esistono pi\u00f9 sono tutti elementi che compromettono la salute del tuo sito e anche il posizionamento sui motori di ricerca. Anche per questo aspetto esistono sistemi per effettuare dei test in modo da poter rimediare.<\/li>\n

  • \n
    Il Sito \u00e8 Mobile Responsive?<\/h6>\n

    La navigazione da mobile \u00e8 essenziale per una buona user experience. L’esperienza di navigazione da smartphone dovrebbe essere semplice e fluida come quella da desktop. Devi tenere in considerazione tutta una serie di elementi come men\u00f9 semplice, scritte non troppo piccole, elementi ben organizzati, assenza di pop-up, pulsanti cliccabili abbastanza grandi, alta velocit\u00e0 di caricamento.<\/li>\n<\/ul>\n

    Come sono strutturati i form o moduli di richiesta informazioni?<\/h4>\n
      \n
    • \n
      Il form ha un linguaggio chiaro?<\/h6>\n

      Il tuo obiettivo, quando aggiungi un form sul sito, \u00e8 quello di far s\u00ec che le persone lo compilino, per contattarti, per scaricare un pdf, per iscriversi alla newsletter o per richiedere un preventivo. Nulla scoraggia le persone pi\u00f9 di trovarsi davanti un linguaggio troppo complesso oppure un form che richiede un numero eccessivo di informazioni. Capita cos\u00ec che una buona fetta di utenti rinunci in partenza. Cerca quindi di mantenere le cose pi\u00f9 semplici possibile, richiedendo solo le informazioni davvero fondamentali e utilizzando un linguaggio semplice.<\/li>\n

    • \n
      In caso di errore, viene notificato immediatamente senza dover cliccare invia?<\/h6>\n

      \u00c8 molto fastidioso compilare tutto un form, magari complesso, cliccare Invia alla fine e scoprire di dover tornare indietro per correggere alcuni errori. Ancora peggio se il form si cancella e si \u00e8 costretti a riscrivere tutto. Fai in modo quindi che gli errori vengano evidenziati subito, in modo che si possono correggere senza dover ripartire da capo.<\/li>\n

    • \n
      Il linguaggio del form \u00e8 informale e non troppo commerciale?<\/h6>\n

      Trovarsi davanti ad un form che appare troppo finalizzato alla vendita \u00e8 spesso fastidioso per gli utenti che preferiscono evitare di compilarlo. Cerca di renderti avvicinabile dagli utenti, senza tecnicismi e senza palesare di voler vendere a tutti i costi.<\/li>\n

    • \n
      Dopo l\u2019invio del form, l\u2019utente ricever\u00e0 un messaggio di conferma?<\/h6>\n

      Ormai, dopo la compilazione di un form, tutti si aspettano di ricevere un messaggio di conferma. Se questo non avviene si resta con il dubbio che l\u2019iscrizione non sia andata a buon fine. Ecco perch\u00e9 \u00e8 importante creare un automatismo per inviare una mail di conferma di avvenuta iscrizione.<\/li>\n

    • \n
      Tale messaggio \u00e8 in linea con lo stile del sito?<\/h6>\n

      La coerenza delle proprie comunicazioni \u00e8 sempre importante. Se ci si rivolge ai potenziali clienti in maniera formale, non ha senso poi creare un form che non rispetti questo canone. Ricorda quindi di mantenere lo stile omogeneo in tutto il sito.<\/li>\n<\/ul>\n

      Il layout ed il design rispondono a tutti i seguenti quesiti?<\/h4>\n
        \n
      • \n
        Il layout del sito \u00e8 chiaro ed accattivante?<\/h6>\n

        La disposizione degli elementi dev\u2019essere attraente per lo sguardo e agevole per la navigazione. Cerca di guardare la tua homepage come se non l\u2019avessi mai vista prima per capire se l\u2019aspetto rispecchi queste caratteristiche.<\/li>\n

      • \n
        Gli elementi (testo, colori, forme) sono facili da riconoscere ed uniformi da pagina a pagina? Sono piacevoli all\u2019occhio?<\/h6>\n

        Non utilizzare mai troppi colori. Meglio stabilire una palette da rispettare che contenga un tot di colori complementari, che possono anche aiutare le persone a riconoscere aree di maggiore o minore importanza.<\/li>\n

      • \n
        L\u2019utente \u00e8 in grado di capire quali sono le parti pi\u00f9 importanti del sito?<\/h6>\n

        Font, colori e forme possono aiutare le persone a capire quali azioni intraprendere. Tutto dev\u2019essere studiato per far capire immediatamente quali sono le aree pi\u00f9 rilevanti, i prodotti pi\u00f9 venduti e le offerte del momento. Devi cercare di guidare gli utenti verso quello che per il tuo business \u00e8 davvero importante.<\/li>\n

      • \n
        Le informazioni essenziali sono semplici da trovare?<\/h6>\n

        Informazioni di contatto, modalit\u00e0 di consegna, resi, pagamenti, e tutti i dati significativi devono essere disponibili, o nel menu di navigazione principale o in quello secondario, solitamente collocato a fondo pagina.<\/li>\n

      • \n
        \u00c8 possibile capire facilmente cosa fa l\u2019azienda non appena si atterra sul sito?<\/h6>\n

        Ci sono ancora tante aziende che danno troppe informazioni per scontate. Dobbiamo sempre pensare di rivolgerci a chi non ci conosce, presentando in maniera immediatamente evidente chi siamo, cosa facciamo e che prodotti vendiamo, il tutto con un linguaggio il pi\u00f9 possibile semplice e concreto.<\/li>\n

      • \n
        Ci sono animazioni troppo evidenti o che possano risultare fastidiose o noiose?<\/h6>\n

        Esattamente come i pop-up anche le animazioni, le musiche e tutto quello che ostacola la navigazione istantanea sul sito sono da evitare perch\u00e9 distraggono dall\u2019obiettivo principale, sia del cliente che dell\u2019azienda.<\/li>\n

      • \n
        Quanti clic devono fare le persone per raggiungere i vari livelli del sito?<\/h6>\n

        Cerca di capire se bastano pochi click per la navigazione o se ci sono aree difficili da raggiungere. Cerca di snellire di conseguenza il procedimento.<\/li>\n

      • \n
        L\u2019utente pu\u00f2 capire la propria posizione attuale sul sito? Si riesce a tornare facilmente all\u2019homepage?<\/h6>\n

        \u00c8 molto importante che le persone capiscano dove si trovano e come passare da una posiziona ad un\u2019altra. Ad esempio come tornare all\u2019homepage oppure come spostarsi dal carrello alla sezione shopping se vogliono continuare a guardare i prodotti.<\/li>\n<\/ul>\n

        Com\u2019\u00e8 struttura l\u2019architettura dell\u2019informazione?<\/h4>\n
          \n
        • \n
          Il linguaggio delle pagine \u00e8 semplice e comprensibile?<\/h6>\n

          Molti siti, soprattutto quelli di professionisti, incorrono nell\u2019errore di utilizzare un linguaggio troppo aulico, che pare rivolgersi pi\u00f9 ai colleghi che ai potenziali clienti. \u00c8 un grave errore. Quando impostiamo un sito e i suoi testi dobbiamo sempre tenere a mente l\u2019utente finale.<\/li>\n

        • \n
          Ci sono elementi che interferiscono con la leggibilit\u00e0?<\/h6>\n

          Studia bene l\u2019aspetto della pagina per capire se siano presenti elementi che ostacolano la navigazione.<\/li>\n

        • \n
          I contenuti importanti sono in rilievo?<\/h6>\n

          I contenuti pi\u00f9 importanti vanno evidenziati. Creare un homepage di un ecommerce presentando una selezione troppo ampia di prodotti senza un chiaro intento e senza gerarchia \u00e8 controproducente. Pensate sempre bene a quello che offrite e a quello che volete spingere in particolare. Per un’esposizione chiara potresti per esempio usare delle immagini che rappresentino le macro categorie. Cliccando sull\u2019immagine della macro-categoria, l\u2019utente atterrer\u00e0 in una landing secondaria dove trover\u00e0 tutte le diverse opzioni e le sottocategorie.<\/li>\n<\/ul>\n

          Il sito web induce e guida all\u2019Interazione?<\/h4>\n
            \n
          • \n
            Ci sono informazioni che spiegano all\u2019utente cosa possono fare? Esiste una pagina di FAQ?<\/h6>\n

            \u00c8 buona prassi inserire delle guide per gli utenti, magari creando una pagina delle domande pi\u00f9 frequenti in modo da aiutare chi ha dei dubbi. Altra idea \u00e8 inserire un chatbot che possa offrire assistenza in tempo reale per chi ha dei dubbi.<\/li>\n

          • \n
            Si spiegano all\u2019utente i passi da compiere per effettuare una determinata azione?<\/h6>\n

            Molto utili sono le guide passo passo per chi non ha mai fatto shopping sul tuo e-commerce. Cerca di farle molto intuitive, utilizzando immagini ed evitando di dilungarti con le parole. Less is more<\/em>, sempre.<\/li>\n

          • \n
            L\u2019utente viene informato relativamente alle tempistiche per completare un\u2019azione?<\/h6>\n

            In un mondo in cui tutti vanno sempre di fretta, \u00e8 davvero confortante poter trovare un e-commerce in cui, dal momento in cui si inserisce un prodotto nel carrello, compare una barra che indica quanto manca al check-out.<\/li>\n

          • \n
            Si offre la possibilit\u00e0 ai visitatori di lasciare il proprio feedback?<\/h6>\n

            A fine processo pu\u00f2 essere utile inserire la richiesta di feedback da parte degli utenti, attraverso form, mail, chatbot o altri sistemi. Potrebbe essere una grande risorsa per la tua azienda per migliorarti ancora di pi\u00f9. Chi meglio di un cliente che ha fatto acquisti sul tuo sito pu\u00f2 dirti cosa potresti fare per rendere il processo ancora pi\u00f9 semplice.<\/li>\n<\/ul>\n

            Le aree riservate sono facilmente accessibili?<\/h4>\n
              \n
            • \n
              Se il tuo sito prevede la possibilit\u00e0 per l\u2019utente di registrarsi, l\u2019operazione \u00e8 chiara e semplice?<\/h6>\n

              Come detto in precedenza, \u00e8 meglio prevedere anche la possibilit\u00e0 di procedere all\u2019acquisto senza registrarsi. Ma, per chi volesse farlo, tutto deve filare liscio. Magari potresti provare ad iscriverti tu stesso da un account secondario per verificare che tutti i passaggi siano chiari.<\/li>\n

            • \n
              C\u2019\u00e8 l\u2019opzione per accedere tramite l\u2019account Facebook senza dover per forza lasciare i propri dati?<\/h6>\n

              Sempre a proposito di semplicit\u00e0, nulla \u00e8 pi\u00f9 soddisfacente per chi va di fretta di trovare in uno shop online la possibilit\u00e0 di fare log-in direttamente dal proprio account Facebook o Google, senza dover compilare alcunch\u00e9. Dovresti quindi assolutamente considerare di inserire questa funzionalit\u00e0.<\/li>\n<\/ul>\n

              E-commerce: controlla questi aspetti<\/h4>\n
                \n
              • \n
                \u00c8 semplice raggiungere il prodotto desiderato, senza troppi click?<\/h6>\n

                Casella di ricerca, suddivisione in categorie e sottocategorie chiare, evidenziazione dei prodotti pi\u00f9 venduti, sono tutti elementi che possono rendere pi\u00f9 semplice per gli utenti trovare quello che stanno cercando.<\/li>\n

              • \n
                I prodotti sono descritti in tutte le loro caratteristiche (misure, peso, colore, dimensioni) e variabili?<\/h6>\n

                Un errore molto comune negli e-commerce \u00e8 quello di non fornire delle descrizioni esaustive dei prodotti. Le persone sono sempre pi\u00f9 esigenti e vogliono sapere tutto: altezza, larghezza, profondit\u00e0, peso dell\u2019oggetto (e non solo dell\u2019imballo), esatta nuance di colore, ingombro (magari inserire foto dell\u2019oggetto nell\u2019ambiente), composizione (specie ora che in molti sono attenti alle tematiche ambientali, per certi prodotti \u00e8 importantissima), stagionalit\u00e0.<\/li>\n

              • \n
                Le pagine relative ai prodotti includono recensioni che permettano agli utenti di tenere conto dell\u2019esperienza di altri clienti?<\/h6>\n

                Inserire delle recensioni \u00e8 utilissimo agli utenti per capire se quel prodotto \u00e8 adatto a loro. Non devi avere paura di scoraggiare le persone. Se proprio capita che qualcuno decide di non acquistare qualcosa perch\u00e9 nella descrizione di un altro utente ha letto che il colore del prodotto non \u00e8 proprio rosso fuoco ma rosso aranciato… meglio. Altrimenti avrebbe effettuato l\u2019acquisto per poi scoprire comunque che l\u2019oggetto in questione non era adatto a lui, trasformandosi cos\u00ec in un acquirente insoddisfatto.<\/li>\n

              • \n
                Ci sono indicatori di affidabilit\u00e0 e le politiche di spedizione e reso dei prodotti?<\/h6>\n

                Per aumentare la sicurezza percepita dagli utenti, conviene sempre inserire in modo chiaro tutte le politiche di spedizione, reso e pagamento e mostrare sempre sul sito tutti i badge che abbiamo che instillino maggiore fiducia.<\/li>\n

              • \n
                Il numero di prodotti nel carrello \u00e8 sempre visibile?<\/h6>\n

                Fai in modo che le persone siano in grado in ogni momento di tenere traccia di quello che stanno aggiungendo nel carrello.<\/li>\n

              • \n
                Il carrello mostra il prezzo complessivo di spese di spedizione?<\/h6>\n

                Evita le brutte sorprese. Meglio sempre inserire il calcolo totale delle spese di spedizione in automatico, a seconda dei prodotti che vengono aggiunti, in modo che le persone non sperimentino frustrazione nel processo di acquisto.<\/li>\n<\/ul>\n

                Queste sono alcune\u00a0best practice<\/strong>\u00a0per poter migliorare la user experience del tuo sito web. Cerca di\u00a0individuare quali sono le priorit\u00e0<\/strong>\u00a0del tuo caso, considerando le tempistiche e le risorse necessarie per farlo. \u00c8 importante inoltre effettuare test periodici per sperimentare e capire cosa funziona meglio.<\/p>\n

                Se hai bisogno di una consulenza professionale, Making Science\u00a0<\/strong>pu\u00f2 aiutarti: abbiamo una lunga esperienza nella realizzazione di siti web, app e siti e-commerce personalizzati in base alle esigenze dei clienti.<\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"

                La\u00a0user experience\u00a0(UX) \u00e8 l\u2019esperienza globale che una persona compie usando un prodotto, come un\u2019applicazione o un sito internet. Riuscire a rendere pi\u00f9 semplice ed intuitiva l\u2019esperienza d\u2019uso degli utenti \u00e8 un obiettivo importante per ogni azienda, perch\u00e9 consente di ottenere maggiori conversioni e contatti, ed \u00e8 anche un fattore in grado di migliorare il\u00a0posizionamento nei […]<\/p>\n","protected":false},"author":40,"featured_media":20839,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[150],"tags":[258],"class_list":["post-20367","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-ux-it"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/posts\/20367","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/users\/40"}],"replies":[{"embeddable":true,"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/comments?post=20367"}],"version-history":[{"count":0,"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/posts\/20367\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/media\/20839"}],"wp:attachment":[{"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/media?parent=20367"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/categories?post=20367"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.makingscience.com\/it\/wp-json\/wp\/v2\/tags?post=20367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}