{"id":7230,"date":"2021-08-02T18:23:09","date_gmt":"2021-08-02T16:23:09","guid":{"rendered":"https:\/\/www.neurowebdesign.it\/it\/?p=7230"},"modified":"2021-08-03T09:41:23","modified_gmt":"2021-08-03T07:41:23","slug":"heatmaps-mappe-di-calore","status":"publish","type":"post","link":"https:\/\/www.neurowebdesign.it\/it\/heatmaps-mappe-di-calore\/","title":{"rendered":"Heatmaps: le mappe di calore per migliorare la web usability"},"content":{"rendered":"<div class=\"wpb-content-wrapper\">[vc_row][vc_column][vc_single_image image=&#8221;7226&#8243; img_size=&#8221;full&#8221;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243;][vc_column_text]\r\n<div class=\"bi6gxh9e\">\r\n\r\nSe pensi che il mondo della web analysis sia solo un\u2019infinita sequenza di dati, percentuali e grafici da studiare, confrontare e interpretare ti sbagli.\r\n\r\nO meglio, una grossa parte del processo analitico consiste nello spulciare numeri e statistiche, ma ci sono anche tool che ci permettono di approfondire le performance del nostro sito attraverso rappresentazioni grafiche colorate e di pi\u00f9 facile intuizione, come le<strong> heatmaps.<\/strong>\r\n\r\n<\/div>\r\n[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_column_text][\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]\r\n<div class=\"bi6gxh9e\">\r\n\r\nSe bazzichi gi\u00e0 nei meandri della web analytics e ti interessano tutte quelle attivit\u00e0 legate al mondo della Conversion Rate Optimization avrai sentito parlare di queste\u00a0<strong>mappe di calore<\/strong>, e di come siano un output grafico molto utile per\u00a0<strong>comprendere il comportamento degli utenti in un\u2019interfaccia web.<\/strong>\r\n\r\nQuello che forse ancora non sai \u00e8 che ce ne sono di diversi tipi\u2026ed \u00e8 qui che ti verranno in aiuto i prossimi paragrafi di quest\u2019articolo.\r\n\r\n<\/div>\r\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1615473133292{background-color: #fff7f4 !important;}&#8221;][vc_column][vc_text_separator title=&#8221;Approfondimenti&#8221; i_icon_fontawesome=&#8221;fas fa-search&#8221; i_color=&#8221;sandy_brown&#8221; i_size=&#8221;sm&#8221; color=&#8221;sandy_brown&#8221; add_icon=&#8221;true&#8221; css=&#8221;.vc_custom_1615473317971{margin-top: -30px !important;}&#8221;][vc_column_text css=&#8221;.vc_custom_1622045742389{margin-top: -30px !important;}&#8221;]\r\n<ul>\r\n \t<li style=\"line-height: 35px;\"><a href=\"https:\/\/www.neurowebdesign.it\/it\/test-di-usabilita-per-e-commerce-come-ottimizzare-il-tuo-sito\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: #f79468;\"><em>Test di usabilit\u00e0 per e-commerce: come ottimizzare il tuo sito<\/em><\/span><\/a><\/li>\r\n \t<li style=\"line-height: 35px;\"><a href=\"https:\/\/www.neurowebdesign.it\/it\/come-creare-landing-page-che-convertono-2\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: #f79468;\"><em>Come creare landing page che convertono<\/em><\/span><\/a><\/li>\r\n<\/ul>\r\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]\r\n<h2><em><strong>Introduzione alle Heatmaps, queste (s)conosciute<\/strong><\/em><\/h2>\r\nUn\u2019heatmap (o anche heat map) \u00e8 per l&#8217;appunto una rappresentazione grafica del modo in cui si muove un utente all\u2019interno di un sito web e ci serve a identificare\u00a0<strong>quali sono le aree appunto \u201cpi\u00f9 calde\u201d, ovvero pi\u00f9 visitate o cliccate<\/strong>, di una pagina.\r\n\r\nL\u2019heatmap \u00e8 uno strumento utile quanto molto semplice da capire: pi\u00f9 il colore di un\u2019area si avvicina al rosso, pi\u00f9 significa che quel punto \u00e8 stato visto o cliccato. Se invece tende al blu o in certi casi addirittura al grigio, significa che invece che quell&#8217;elemento o quell&#8217;area non sono stati di interesse per l&#8217;utente.\r\n\r\nSe noti finora ho sempre parlato di vedere o cliccare un\u2019area per determinare l\u2019intensit\u00e0 cromatica dell\u2019heatmap. Questo perch\u00e9 esistono diversi metodi di analisi che utiilzzano questa rappresentazione grafica per rendere l\u2019analisi pi\u00f9 rapida ed intuitiva.\r\n\r\nGeneralmente infatti, esistono\u00a0<strong>quattro tipologie differenti di mappa di calore<\/strong>, riferenti all\u2019analisi del movimento del mouse oppure all\u2019attenzione visiva. I 4 tipi di heatmap che possiamo trovare sono:\r\n<ul>\r\n \t<li>Click maps<\/li>\r\n \t<li>Hover maps<\/li>\r\n \t<li>Scroll maps<\/li>\r\n \t<li>Eye tracking heatmaps<\/li>\r\n<\/ul>\r\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]\r\n<h2><em><strong>Click maps<\/strong><\/em><\/h2>\r\nProbabilmente le pi\u00f9 note, quelle che probabilmente avrai riscontrato anche tu maggiormente negli articoli di settore. Le click o tap heatmaps (il nome varia in base al device utilizzato: click per i dispositivi desktop, tap per i tablet e gli smartphone)\u00a0<strong>indicano le aree dove l\u2019utente ha cliccato (o tappato) maggiormente.<\/strong>\r\n\r\nCi permettono di capire in maniera molto semplice e veloce se chi naviga il nostro sito web sta effettivamente cliccando dove vogliamo noi, se i link vengono utilizzati oppure, al contrario, se magari vengono percepiti cliccabili elementi che non lo sono, inducendo l&#8217;utente a compiere azioni a vuoto.\r\n\r\nCi danno perci\u00f2 tutta una serie di insight utili per\u00a0<strong>migliorare la visibilit\u00e0 e la comprensibilit\u00e0 dei pulsanti<\/strong>\u00a0ed anche per effettuare modifiche di microcopy per poter rendere pi\u00f9 stimolante il click.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1615473133292{background-color: #fff7f4 !important;}&#8221;][vc_column][vc_text_separator title=&#8221;Approfondimenti&#8221; i_icon_fontawesome=&#8221;fas fa-search&#8221; i_color=&#8221;sandy_brown&#8221; i_size=&#8221;sm&#8221; color=&#8221;sandy_brown&#8221; add_icon=&#8221;true&#8221; css=&#8221;.vc_custom_1615473317971{margin-top: -30px !important;}&#8221;][vc_column_text css=&#8221;.vc_custom_1627921006523{margin-top: -30px !important;}&#8221;]\r\n<ul>\r\n \t<li style=\"line-height: 35px;\"><a href=\"https:\/\/www.neurowebdesign.it\/it\/analisi-di-usabilita-e-user-experience\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: #f79468;\"><em>Analisi di Usabilit\u00e0: migliora la performance del tuo sito web<\/em><\/span><\/a><\/li>\r\n \t<li style=\"line-height: 35px;\"><a href=\"https:\/\/www.neurowebdesign.it\/it\/test-di-usabilita-con-strumenti-biometrici\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: #f79468;\"><em>Test di Usabilit\u00e0 con strumenti biometrici<\/em><\/span><\/a><\/li>\r\n<\/ul>\r\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]\r\n<h2><em><strong>Hover maps<\/strong><\/em><\/h2>\r\n<div class=\"bi6gxh9e\">\r\n\r\nLe Hover maps, a differenza delle precedenti,\u00a0<strong>rappresentano il movimento del mouse<\/strong>\u00a0sull\u2019interfaccia web anzich\u00e9 al click. Vengono infatti segnalate con i colori pi\u00f9 accesi tutte quelle aree su cui il mouse si \u00e8 mosso per pi\u00f9 tempo.\r\n\r\nGrazie a questa particolare web heatmap si pu\u00f2 ricavare un\u2019idea generale dei\u00a0<strong>punti di maggiore interesse per l\u2019utente\u00a0<\/strong>durante la navigazione e di conseguenza ricollocare i diversi elementi in un ordine gerarchico per chi naviga.\r\n\r\nUn&#8217;ottima alternativa alla Eye tracking heatmap (che vedremo fra poco istanti) da questo punto di vista, qualora non si disponessero gli strumenti adatti.\r\n\r\n<\/div>\r\n<ul>\r\n \t<li style=\"list-style-type: none;\"><\/li>\r\n<\/ul>\r\n[\/vc_column_text][vc_single_image image=&#8221;7227&#8243; img_size=&#8221;full&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]\r\n<h2><em><strong>Scroll maps<\/strong><\/em><\/h2>\r\nNon meno importanti delle precedenti, sono le mappe che rilevano lo scroll delle pagine web. Qui oggetto dell&#8217;analisi non \u00e8 pi\u00f9 il singolo elemento dell&#8217;interfaccia web, ma l&#8217;<strong>intera viewport<\/strong>\u00a0che, anche in questo caso, viene evidenziata con toni pi\u00f9 o meno accesi in base alla percentuale di utente che hanno visto quella specificata schermata.\r\n\r\nLa scroll map ci permette infatti di\u00a0<strong>capire la profondit\u00e0 di scroll di una pagina<\/strong>, ovvero quanto gli utenti in media sono scesi nella pagina prima di passare ad un\u2019altra sezione del sito web.\r\n\r\nCapendo fino a che punto la pagina \u00e8 stata visualizzata\u00a0<strong>ci permette di ripensare al ricollocamento dei diversi elementi nella pagina,<\/strong>\u00a0spostando i punti che vogliamo mettere pi\u00f9 in evidenza nelle zone calde. Oppure ci consente di riflettere in quali aree della pagina sia pi\u00f9 indicato inserire stimoli allo scroll.\r\n\r\nIl linea generale, la rappresentazione a scrool map prevede che la parte pi\u00f9 in alto della pagina (la First Viewport) sia evidenziata in rosso, mentre il colore si fa via via pi\u00f9 freddo man mano che ci si avvicina al footer (difficilmente ci troveremo una scroll heatmap con parti calde ad inizio e fine pagina, pi\u00f9 naturale \u00e8 invece che vi sia una progressione lineare da colori caldi a toni spenti).[\/vc_column_text][vc_single_image image=&#8221;7228&#8243; img_size=&#8221;full&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]\r\n<h2><em><strong>Eye Tracking Heatmaps<\/strong><\/em><\/h2>\r\nNon sono solo gli strumenti di mouse tracking a fornirci un output ad heatmap, ma anche quelli di eye tracking, ovvero di tracciamento del movimento oculare. Le heatmaps derivanti da un analisi tramite eye tracker ci possono offrire un\u00a0<strong>visione accurata e precisa su ci\u00f2 che effettivamente viene visto nella navigazione web.<\/strong>\r\n\r\nA differenza delle hover heatmaps, qui riusciamo a\u00a0<strong>capire con esattezza dove si \u00e8 posizionato l\u2019occhio dell\u2019utente<\/strong>, se ha letto o meno un testo oppure se si \u00e8 soffermato maggiormente a vedere un\u2019immagine piuttosto di un\u2019altra. Quindi oltre al posizionamento degli elementi ci consentono di valutare il peso nel flusso di navigazioni dei diversi stimoli utilizzati, che siano cliccabili o meno, come ad esempio testi o immagini.\r\n\r\nUn insight decisamente rilevante per\u00a0<strong>migliorare l\u2019usabilit\u00e0 dell\u2019interfaccia<\/strong>\u00a0e per plasmarla secondo le esigenze di chi la naviga, ma che ad oggi richiede un investimento maggiore rispetto ad un&#8217;analisi di mouseflow, vista la particolarit\u00e0 dello strumento e l&#8217;ancor limitato numero di player nel mercato.[\/vc_column_text][vc_single_image image=&#8221;7225&#8243; img_size=&#8221;full&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]\r\n<h2><em><strong>L\u2019unione fa la forza\u2026anche nelle heatmaps<\/strong><\/em><\/h2>\r\nImmagino che ora vi siano chiari i diversi tipi di mappe di calore che potrete ritrovare durante le vostre analisi, no? E come avrete capito, non ce n\u2019\u00e8 una che valga pi\u00f9 dell\u2019altra, perch\u00e9\u00a0<strong>ognuna prende in considerazione dati differenti del processo di navigazione<\/strong>, ma tutti indispensabili per poter avere una v<strong>isione completa ed esaustiva<\/strong>\u00a0di come si muovono gli utenti nel vostro sito web.\r\n\r\nL\u2019analisi delle heatmap \u00e8 uno\u00a0<strong>step imprescindibile durante una strategia di\u00a0<a href=\"https:\/\/www.neurowebdesign.it\/it\/ux-e-cro\/\" target=\"_blank\" rel=\"noopener\">Conversion Rate Optimization (CRO)<\/a><\/strong> o di web restyling, che si va a interporre tra lo studio dei dati analytics (analisi quantitativa) e l&#8217;utilizzo dei questionari (che vi consigliamo di implementare nella vostra analisi. Software come Hotjar ad esempio, oltre all\u2019analisi del movimento del mouse, prevedono anche una sezione dedicata ai Survey, di semplice implementazione all\u2019interno del proprio sito web o della propria landing page) oppure dei test di usabilit\u00e0 (analisi qualitativa).[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1615473133292{background-color: #fff7f4 !important;}&#8221;][vc_column][vc_text_separator title=&#8221;Approfondimenti&#8221; i_icon_fontawesome=&#8221;fas fa-search&#8221; i_color=&#8221;sandy_brown&#8221; i_size=&#8221;sm&#8221; color=&#8221;sandy_brown&#8221; add_icon=&#8221;true&#8221; css=&#8221;.vc_custom_1615473317971{margin-top: -30px !important;}&#8221;][vc_column_text css=&#8221;.vc_custom_1627920859528{margin-top: -30px !important;}&#8221;]\r\n<ul>\r\n \t<li style=\"line-height: 35px;\"><a href=\"https:\/\/www.neurowebdesign.it\/it\/usability-test-analisi-quantitativa-qualitativa\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: #f79468;\"><em>Usability Test: meglio un&#8217;analisi qualitativa o quantitativa?<\/em><\/span><\/a><\/li>\r\n \t<li style=\"line-height: 35px;\"><a href=\"https:\/\/www.neurowebdesign.it\/it\/test-di-usabilita-per-siti-web\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: #f79468;\"><em>Test di Usabilit\u00e0 per siti web ed E-commerce<\/em><\/span><\/a><\/li>\r\n<\/ul>\r\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]\r\n<div class=\"bi6gxh9e\">\r\n\r\nCapire dove gli utenti hanno cliccato, cosa hanno visto, quanto in profondit\u00e0 in una pagina hanno navigato ci <strong>consente di formulare ipotesi solide su ci\u00f2 che funziona e ci\u00f2 che invece pu\u00f2 essere modificato<\/strong>. Ipotesi da testare poi nell\u2019ultima fase della nostra strategia CRO, ovvero i test AB.\r\n\r\n<\/div>\r\nTi sei gi\u00e0 iscritto alla nostra newsletter?\r\n\r\nti consiglio di rimanere sempre aggiornato sulle nuove pubblicazioni del nostro blog iscrivendoti a<a href=\"https:\/\/www.neurowebdesign.it\/it\/iscrizione-newsletter\/\" target=\"_blank\" rel=\"noopener\">\u00a0<strong>NeuroMagazine<\/strong><\/a>, la nostra newsletter mensile.\r\n\r\nAlla prossima![\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<script type=\"text\/javascript\" src=\"https:\/\/platform.linkedin.com\/badges\/js\/profile.js\" async=\"\" defer=\"\"><\/script>\r\n<div class=\"LI-profile-badge\" data-version=\"v1\" data-size=\"medium\" data-locale=\"it_IT\" data-type=\"horizontal\" data-theme=\"dark\" data-vanity=\"nicola-trentin\"><a class=\"LI-simple-link\" href=\"https:\/\/it.linkedin.com\/in\/nicola-trentin?trk=profile-badge\">Nicola Trentin<\/a><\/div>\r\n<div data-version=\"v1\" data-size=\"medium\" data-locale=\"it_IT\" data-type=\"horizontal\" data-theme=\"dark\" data-vanity=\"nicola-trentin\"><\/div>\r\n<div data-version=\"v1\" data-size=\"medium\" data-locale=\"it_IT\" data-type=\"horizontal\" data-theme=\"dark\" data-vanity=\"nicola-trentin\"><\/div>\r\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_custom_heading text=&#8221;Cosa possiamo fare per te?&#8221; font_container=&#8221;tag:h2|font_size:35|text_align:center|color:%2356c3db&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space][vc_row_inner equal_height=&#8221;yes&#8221; gap=&#8221;35&#8243;][vc_column_inner width=&#8221;1\/4&#8243; css=&#8221;.vc_custom_1614182533841{border-top-width: 2px !important;border-right-width: 2px !important;border-bottom-width: 2px !important;border-left-width: 2px !important;border-left-style: outset !important;border-right-style: outset !important;border-top-style: outset !important;border-bottom-style: outset !important;border-radius: 2px !important;}&#8221;][vc_column_text]\r\n<h4 style=\"text-align: center;\"><a href=\"https:\/\/www.neurowebdesign.it\/it\/analisi-di-usabilita-e-user-experience\/\"><img decoding=\"async\" class=\"size-full wp-image-6731 aligncenter\" src=\"https:\/\/www.neurowebdesign.it\/wp-content\/uploads\/2021\/02\/usability-test-neurowebdesign.png\" alt=\"\" width=\"512\" height=\"512\" srcset=\"https:\/\/www.neurowebdesign.it\/wp-content\/uploads\/2021\/02\/usability-test-neurowebdesign.png 512w, https:\/\/www.neurowebdesign.it\/wp-content\/uploads\/2021\/02\/usability-test-neurowebdesign-300x300.png 300w, https:\/\/www.neurowebdesign.it\/wp-content\/uploads\/2021\/02\/usability-test-neurowebdesign-150x150.png 150w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><strong>Analisi di Usabilit\u00e0 e User Experience<\/strong><\/a><\/h4>\r\n[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243; css=&#8221;.vc_custom_1614180729717{border-top-width: 2px !important;border-right-width: 2px !important;border-bottom-width: 2px !important;border-left-width: 2px !important;border-left-style: outset !important;border-right-style: outset !important;border-top-style: outset !important;border-bottom-style: outset !important;border-radius: 2px !important;}&#8221;][vc_column_text]\r\n<h4 style=\"text-align: center;\"><a href=\"https:\/\/www.neurowebdesign.it\/it\/neuromarketing-e-turismo\/\"><img decoding=\"async\" class=\"size-full wp-image-6731 aligncenter\" src=\"https:\/\/www.neurowebdesign.it\/wp-content\/uploads\/2021\/02\/neuroturismo.png\" alt=\"\" width=\"512\" height=\"512\" \/><strong>Neuromarketing e Turismo<\/strong><\/a><\/h4>\r\n[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243; css=&#8221;.vc_custom_1614180807489{border-top-width: 2px !important;border-right-width: 2px !important;border-bottom-width: 2px !important;border-left-width: 2px !important;border-left-style: outset !important;border-right-style: outset !important;border-top-style: outset !important;border-bottom-style: outset !important;border-radius: 2px !important;}&#8221;][vc_column_text]\r\n<h4 style=\"text-align: center;\"><a href=\"https:\/\/www.neurowebdesign.it\/it\/packaging-brand-identity-video-advertising\/\"><img decoding=\"async\" class=\"size-full wp-image-6731 aligncenter\" src=\"https:\/\/www.neurowebdesign.it\/wp-content\/uploads\/2021\/02\/package-brand-idendity-video-adv.png\" alt=\"\" width=\"512\" height=\"512\" \/><strong>Packaging Test, Brand Identity e Video Adv<\/strong><\/a><\/h4>\r\n[\/vc_column_text][\/vc_column_inner][vc_column_inner width=&#8221;1\/4&#8243; css=&#8221;.vc_custom_1614182544129{border-top-width: 2px !important;border-right-width: 2px !important;border-bottom-width: 2px !important;border-left-width: 2px !important;border-left-style: outset !important;border-right-style: outset !important;border-top-style: outset !important;border-bottom-style: outset !important;border-radius: 2px !important;}&#8221;][vc_column_text]\r\n<h4 style=\"text-align: center;\"><a href=\"https:\/\/www.neurowebdesign.it\/it\/consulenza-ux\/\"><img decoding=\"async\" class=\"size-full wp-image-6731 aligncenter\" src=\"https:\/\/www.neurowebdesign.it\/wp-content\/uploads\/2021\/02\/consulenza-ux-neurowebdesign.png\" alt=\"\" width=\"512\" height=\"512\" \/><strong>Consulenza UX<\/strong><\/a><\/h4>\r\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_empty_space][\/vc_column][\/vc_row]<\/div>","protected":false},"excerpt":{"rendered":"Click, scroll, hover ma anche attenzione visiva: le heatmaps possono renderci l&#8217;analisi della nostra web page molto pi\u00f9 semplice. Scopri come nell&#8217;articolo!","protected":false},"author":9,"featured_media":7226,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[18,22,50],"class_list":["post-7230","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-senza-categoria","tag-usabilita","tag-user-experience","tag-web-design"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Heatmaps: le mappe di calore per migliorare la web usability | NeuroWebDesign<\/title>\n<meta name=\"description\" content=\"Click, scroll, hover ma anche attenzione visiva: le heatmaps possono renderci l&#039;analisi della nostra web page molto pi\u00f9 semplice. Scopri come nell&#039;articolo!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.neurowebdesign.it\/it\/italiano-heatmaps-le-mappe-di-calore-per-migliorare-la-web-usability\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Heatmaps: le mappe di calore per migliorare la web usability | NeuroWebDesign\" \/>\n<meta name=\"twitter:description\" content=\"Click, scroll, hover ma anche attenzione visiva: le heatmaps possono renderci l&#039;analisi della nostra web page molto pi\u00f9 semplice. Scopri come nell&#039;articolo!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.neurowebdesign.it\/wp-content\/uploads\/2021\/08\/heatmaps-web-site-neurowebdesign.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"N3ur0_W3BD351gn\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.neurowebdesign.it\/it\/italiano-heatmaps-le-mappe-di-calore-per-migliorare-la-web-usability\/\",\"url\":\"https:\/\/www.neurowebdesign.it\/it\/italiano-heatmaps-le-mappe-di-calore-per-migliorare-la-web-usability\/\",\"name\":\"Heatmaps: le mappe di calore per migliorare la web usability | NeuroWebDesign\",\"isPartOf\":{\"@id\":\"https:\/\/www.neurowebdesign.it\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.neurowebdesign.it\/it\/italiano-heatmaps-le-mappe-di-calore-per-migliorare-la-web-usability\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.neurowebdesign.it\/en\/italiano-heatmaps-le-mappe-di-calore-per-migliorare-la-web-usability\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.neurowebdesign.it\/wp-content\/uploads\/2021\/08\/heatmaps-web-site-neurowebdesign.jpg\",\"datePublished\":\"2021-08-02T16:23:09+00:00\",\"dateModified\":\"2021-08-03T07:41:23+00:00\",\"author\":{\"@id\":\"https:\/\/www.neurowebdesign.it\/it\/#\/schema\/person\/25a0c041fb469126bd0996355e8a7ef9\"},\"description\":\"Click, scroll, hover ma anche attenzione visiva: le heatmaps possono renderci l'analisi della nostra web page molto pi\u00f9 semplice. Scopri come nell'articolo!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.neurowebdesign.it\/it\/italiano-heatmaps-le-mappe-di-calore-per-migliorare-la-web-usability\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[[\"https:\/\/www.neurowebdesign.it\/it\/italiano-heatmaps-le-mappe-di-calore-per-migliorare-la-web-usability\/\"]]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.neurowebdesign.it\/it\/italiano-heatmaps-le-mappe-di-calore-per-migliorare-la-web-usability\/#primaryimage\",\"url\":\"https:\/\/www.neurowebdesign.it\/wp-content\/uploads\/2021\/08\/heatmaps-web-site-neurowebdesign.jpg\",\"contentUrl\":\"https:\/\/www.neurowebdesign.it\/wp-content\/uploads\/2021\/08\/heatmaps-web-site-neurowebdesign.jpg\",\"width\":1100,\"height\":697,\"caption\":\"heatmaps-web-site\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.neurowebdesign.it\/it\/italiano-heatmaps-le-mappe-di-calore-per-migliorare-la-web-usability\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.neurowebdesign.it\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Heatmaps: le mappe di calore per migliorare la web usability\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.neurowebdesign.it\/it\/#website\",\"url\":\"https:\/\/www.neurowebdesign.it\/it\/\",\"name\":\"NeuroWebDesign\",\"description\":\"Digital Emotions\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.neurowebdesign.it\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.neurowebdesign.it\/it\/#\/schema\/person\/25a0c041fb469126bd0996355e8a7ef9\",\"name\":\"N3ur0_W3BD351gn\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Heatmaps: le mappe di calore per migliorare la web usability | NeuroWebDesign","description":"Click, scroll, hover ma anche attenzione visiva: le heatmaps possono renderci l'analisi della nostra web page molto pi\u00f9 semplice. Scopri come nell'articolo!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.neurowebdesign.it\/it\/italiano-heatmaps-le-mappe-di-calore-per-migliorare-la-web-usability\/","twitter_card":"summary_large_image","twitter_title":"Heatmaps: le mappe di calore per migliorare la web usability | NeuroWebDesign","twitter_description":"Click, scroll, hover ma anche attenzione visiva: le heatmaps possono renderci l'analisi della nostra web page molto pi\u00f9 semplice. Scopri come nell'articolo!","twitter_image":"https:\/\/www.neurowebdesign.it\/wp-content\/uploads\/2021\/08\/heatmaps-web-site-neurowebdesign.jpg","twitter_misc":{"Scritto da":"N3ur0_W3BD351gn","Tempo di lettura stimato":"7 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.neurowebdesign.it\/it\/italiano-heatmaps-le-mappe-di-calore-per-migliorare-la-web-usability\/","url":"https:\/\/www.neurowebdesign.it\/it\/italiano-heatmaps-le-mappe-di-calore-per-migliorare-la-web-usability\/","name":"Heatmaps: le mappe di calore per migliorare la web usability | NeuroWebDesign","isPartOf":{"@id":"https:\/\/www.neurowebdesign.it\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.neurowebdesign.it\/it\/italiano-heatmaps-le-mappe-di-calore-per-migliorare-la-web-usability\/#primaryimage"},"image":{"@id":"https:\/\/www.neurowebdesign.it\/en\/italiano-heatmaps-le-mappe-di-calore-per-migliorare-la-web-usability\/#primaryimage"},"thumbnailUrl":"https:\/\/www.neurowebdesign.it\/wp-content\/uploads\/2021\/08\/heatmaps-web-site-neurowebdesign.jpg","datePublished":"2021-08-02T16:23:09+00:00","dateModified":"2021-08-03T07:41:23+00:00","author":{"@id":"https:\/\/www.neurowebdesign.it\/it\/#\/schema\/person\/25a0c041fb469126bd0996355e8a7ef9"},"description":"Click, scroll, hover ma anche attenzione visiva: le heatmaps possono renderci l'analisi della nostra web page molto pi\u00f9 semplice. Scopri come nell'articolo!","breadcrumb":{"@id":"https:\/\/www.neurowebdesign.it\/it\/italiano-heatmaps-le-mappe-di-calore-per-migliorare-la-web-usability\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":[["https:\/\/www.neurowebdesign.it\/it\/italiano-heatmaps-le-mappe-di-calore-per-migliorare-la-web-usability\/"]]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.neurowebdesign.it\/it\/italiano-heatmaps-le-mappe-di-calore-per-migliorare-la-web-usability\/#primaryimage","url":"https:\/\/www.neurowebdesign.it\/wp-content\/uploads\/2021\/08\/heatmaps-web-site-neurowebdesign.jpg","contentUrl":"https:\/\/www.neurowebdesign.it\/wp-content\/uploads\/2021\/08\/heatmaps-web-site-neurowebdesign.jpg","width":1100,"height":697,"caption":"heatmaps-web-site"},{"@type":"BreadcrumbList","@id":"https:\/\/www.neurowebdesign.it\/it\/italiano-heatmaps-le-mappe-di-calore-per-migliorare-la-web-usability\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.neurowebdesign.it\/it\/"},{"@type":"ListItem","position":2,"name":"Heatmaps: le mappe di calore per migliorare la web usability"}]},{"@type":"WebSite","@id":"https:\/\/www.neurowebdesign.it\/it\/#website","url":"https:\/\/www.neurowebdesign.it\/it\/","name":"NeuroWebDesign","description":"Digital Emotions","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.neurowebdesign.it\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/www.neurowebdesign.it\/it\/#\/schema\/person\/25a0c041fb469126bd0996355e8a7ef9","name":"N3ur0_W3BD351gn"}]}},"_links":{"self":[{"href":"https:\/\/www.neurowebdesign.it\/it\/wp-json\/wp\/v2\/posts\/7230","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.neurowebdesign.it\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.neurowebdesign.it\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.neurowebdesign.it\/it\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.neurowebdesign.it\/it\/wp-json\/wp\/v2\/comments?post=7230"}],"version-history":[{"count":0,"href":"https:\/\/www.neurowebdesign.it\/it\/wp-json\/wp\/v2\/posts\/7230\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.neurowebdesign.it\/it\/wp-json\/wp\/v2\/media\/7226"}],"wp:attachment":[{"href":"https:\/\/www.neurowebdesign.it\/it\/wp-json\/wp\/v2\/media?parent=7230"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.neurowebdesign.it\/it\/wp-json\/wp\/v2\/categories?post=7230"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.neurowebdesign.it\/it\/wp-json\/wp\/v2\/tags?post=7230"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}