{"id":21023,"date":"2021-02-08T17:30:41","date_gmt":"2021-02-08T17:30:41","guid":{"rendered":"https:\/\/marvelapp.com\/blog\/?p=21023"},"modified":"2021-02-09T08:35:23","modified_gmt":"2021-02-09T08:35:23","slug":"analyse-your-designs-with-heatmaps","status":"publish","type":"post","link":"https:\/\/marvelapp.com\/blog\/analyse-your-designs-with-heatmaps\/","title":{"rendered":"Analyse your designs with heatmaps"},"content":{"rendered":"<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Last year we launched our powerful <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvelapp.com\/user-testing\" title=\"User Testing features\">User Testing features<\/a>, which enable you to record and analyse how users interact with your prototypes so you can optimise your designs based on customer insights. As well as capturing video and audio feedback, Marvel's User Testing tools can also record the screen to reveal how users move through each design in your prototype.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Today we're excited to launch a new addition to our user testing suite - Heatmaps!<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Heatmaps show you an aggregated view of all clicks and mouse movements from your user tests, bringing another level of analysis into the performance of designs. You can also easily download heatmaps and share your results; ideal when <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvelapp.com\/blog\/pitch-present-ideas-using-prototypes-clients-stakeholders\/\" title=\"presenting your research with stakeholders\">presenting your research with stakeholders<\/a>.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Insights you can gain from heatmaps:<\/p>\n<ul class=\"pageWrap pageWrap--s list list--unordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li>Visualise all clicks and movements on your designs<\/li>\n<li>Discover which CTA buttons are being clicked the most<\/li>\n<li>See what elements in your design get the most attention<\/li>\n<\/ul>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Heatmaps are available on all existing user test projects but if you\u2019re creating your first one, it\u2019s easy to get started.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Creating your test and inviting participants<\/strong><\/p>\n<ol class=\"pageWrap pageWrap--s list list--ordered marginBottom-l lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">\n<li>Go to your <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvelapp.com\/projects\/my\" title=\"dashboard\">dashboard<\/a><\/li>\n<li>Click on <strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Create Project<\/strong><\/li>\n<li>Click <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvelapp.com\/user-test\/create\" title=\"User Test\">User Test<\/a><\/li>\n<li>Enter a name for the project<\/li>\n<li>Click <strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Pick a project<\/strong> to select the prototype you wish to test<\/li>\n<li>Select either <strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Free Roam<\/strong> or <strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Goal-based<\/strong> test<\/li>\n<li>Click <strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Invite participants<\/strong><\/li>\n<li>Click <strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Copy<\/strong> to share the link to your test or click <strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Send email<\/strong><\/li>\n<\/ol>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Participants can take the test in browser or on their mobile or tablet device. They\u2019ll navigate throughout the prototype, and leave audio and video feedback as they go. Once the test has been completed, you\u2019ll find the result ready to watch and share with your team in Marvel.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\"><strong class=\"c-slate lineHeight-l fontSize-l fontWeight-5 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Viewing heatmaps<\/strong><\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Heatmaps are automatically generated as soon as you start gathering test results. Simply click on the \u2018Heatmaps\u2019 tab in your user test project to view.<\/p>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Want to hear all about the latest features in Marvel? Join one of our <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/resources.marvelapp.com\/webinar-get-started-with-marvel-3\" title=\"weekly webinars\">weekly webinars<\/a> as we demo what\u2019s new and answer any of your questions in our interactive q&amp;a.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Last year we launched our powerful User Testing features, which enable you to record and analyse how users interact with your prototypes so you can optimise your designs based on customer insights. As well as capturing video and audio feedback, Marvel&#8217;s User Testing tools can also record the screen to reveal how users move through each design in your prototype&#8230;. <a class=\"link link--blue fontWeight-4\" href=\"https:\/\/marvelapp.com\/blog\/analyse-your-designs-with-heatmaps\/\">Read More &#65515;<\/a><\/p>\n","protected":false},"author":282,"featured_media":21025,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[481],"tags":[],"class_list":["post-21023","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-product-updates"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v15.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"description\" content=\"Heatmaps gives you an aggregated view of all clicks and mouse movements from your user tests, so you can measure your design&#039;s performance\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/marvelapp.com\/blog\/analyse-your-designs-with-heatmaps\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Analyse your designs with heatmaps | Marvel Blog\" \/>\n<meta property=\"og:description\" content=\"Heatmaps gives you an aggregated view of all clicks and mouse movements from your user tests, so you can measure your design&#039;s performance\" \/>\n<meta property=\"og:url\" content=\"https:\/\/marvelapp.com\/blog\/analyse-your-designs-with-heatmaps\/\" \/>\n<meta property=\"og:site_name\" content=\"Marvel Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/marvelapp\" \/>\n<meta property=\"article:published_time\" content=\"2021-02-08T17:30:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-02-09T08:35:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2021\/02\/try-this.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2400\" \/>\n\t<meta property=\"og:image:height\" content=\"1350\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:site\" content=\"@marvelapp\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"1 minute\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\",\"name\":\"Marvel\",\"url\":\"https:\/\/marvelapp.com\/blog\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/marvelapp\",\"https:\/\/www.instagram.com\/marvelapp\/\",\"https:\/\/www.linkedin.com\/company\/marvel-app\/\",\"https:\/\/twitter.com\/marvelapp\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#logo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2018\/06\/Logo-Light.png\",\"width\":1605,\"height\":1130,\"caption\":\"Marvel\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\",\"url\":\"https:\/\/marvelapp.com\/blog\/\",\"name\":\"Marvel Blog\",\"description\":\"Ideas and words on user experience, design, collaboration and more\",\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/marvelapp.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/analyse-your-designs-with-heatmaps\/#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2021\/02\/try-this.png\",\"width\":2400,\"height\":1350,\"caption\":\"heatmaps generated through user test\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/marvelapp.com\/blog\/analyse-your-designs-with-heatmaps\/#webpage\",\"url\":\"https:\/\/marvelapp.com\/blog\/analyse-your-designs-with-heatmaps\/\",\"name\":\"Analyse your designs with heatmaps | Marvel Blog\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/analyse-your-designs-with-heatmaps\/#primaryimage\"},\"datePublished\":\"2021-02-08T17:30:41+00:00\",\"dateModified\":\"2021-02-09T08:35:23+00:00\",\"description\":\"Heatmaps gives you an aggregated view of all clicks and mouse movements from your user tests, so you can measure your design's performance\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/marvelapp.com\/blog\/analyse-your-designs-with-heatmaps\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/marvelapp.com\/blog\/analyse-your-designs-with-heatmaps\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/analyse-your-designs-with-heatmaps\/#webpage\"},\"author\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/bd72a934b7ff68bc81675996b1c9d959\"},\"headline\":\"Analyse your designs with heatmaps\",\"datePublished\":\"2021-02-08T17:30:41+00:00\",\"dateModified\":\"2021-02-09T08:35:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/analyse-your-designs-with-heatmaps\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/analyse-your-designs-with-heatmaps\/#primaryimage\"},\"articleSection\":\"Product Updates\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/marvelapp.com\/blog\/analyse-your-designs-with-heatmaps\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/bd72a934b7ff68bc81675996b1c9d959\",\"name\":\"Charlotte Hall\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#personlogo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1115801ad57ca66f17e8fd5f9fd46010228d348a4bb2aab51fa38c187df7a3a1?s=96&d=mm&r=g\",\"caption\":\"Charlotte Hall\"},\"description\":\"Product Marketer at Marvel. Part-time true crime connoisseur. @ch_hall\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/21023","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/users\/282"}],"replies":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/comments?post=21023"}],"version-history":[{"count":0,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/21023\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media\/21025"}],"wp:attachment":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media?parent=21023"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/categories?post=21023"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/tags?post=21023"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}