{"id":17889,"date":"2019-06-14T14:08:20","date_gmt":"2019-06-14T13:08:20","guid":{"rendered":"https:\/\/marvel7077.wpengine.com\/?p=17889"},"modified":"2020-08-21T12:10:18","modified_gmt":"2020-08-21T11:10:18","slug":"user-testing-feature-preview-desktop-testing-playback","status":"publish","type":"post","link":"https:\/\/marvelapp.com\/blog\/user-testing-feature-preview-desktop-testing-playback\/","title":{"rendered":"User Testing Feature Preview \u2013 Desktop Testing and Playback"},"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\">We're really (really) excited about bringing User Testing to your prototyping experience in Marvel. It's a game changer for your workflow and enables anyone in your team to spin up a user test and validate prototypes with users, stakeholders and colleagues, in just a few clicks.<\/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\">We're getting closer to the public release, and following our last preview on how Marvel User Testing works with iOS prototypes, we wanted to show you what's next - desktop and web user testing.<\/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\">The way desktop user testing works is simple - you select a prototype that was designed to be viewed in a desktop browser, then send the link generated to as many people as you like so they can take the test.<\/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\">When your participant clicks the link, they'll be taken to the start of the test in their browser. During the test the participant can navigate through the prototype, and leave audio and video feedback.<\/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\">A minute or two after the test has been completed, you'll find the result in Marvel, ready to watch and share with your team.<\/p>\n<div id='gallery-1' class='gallery galleryid-17889 gallery-columns-1 gallery-size-full'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/marvelapp.com\/wp-content\/uploads\/2019\/06\/01@2x.png'><img loading=\"lazy\" decoding=\"async\" width=\"2132\" height=\"1600\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2019\/06\/01@2x.png\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2019\/06\/01@2x.png 2132w, https:\/\/marvelapp.com\/wp-content\/uploads\/2019\/06\/01@2x-600x450.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2019\/06\/01@2x-768x576.png 768w, https:\/\/marvelapp.com\/wp-content\/uploads\/2019\/06\/01@2x-1500x1126.png 1500w\" sizes=\"auto, (max-width: 2132px) 100vw, 2132px\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Key features:<\/h2>\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>Desktop user testing works in Chrome, Firefox and Safari and requires NO plugins, meaning your tester can start validating your designs and prototypes without a complicated setup (although Safari doesn't allow face recording yet)<\/li>\n<li>Along with screen recording, you also get to hear audio feedback and watch facial reactions via the front-facing camera.<\/li>\n<li>Give instructions before and after the test using intro and outro messages.<\/li>\n<li>Metrics such as duration of test, goal completion and misclicks are tracked with more on the way.<\/li>\n<\/ul>\n<div id='gallery-2' class='gallery galleryid-17889 gallery-columns-1 gallery-size-full'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/marvelapp.com\/wp-content\/uploads\/2019\/06\/02@2x.png'><img loading=\"lazy\" decoding=\"async\" width=\"2132\" height=\"1600\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2019\/06\/02@2x.png\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2019\/06\/02@2x.png 2132w, https:\/\/marvelapp.com\/wp-content\/uploads\/2019\/06\/02@2x-600x450.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2019\/06\/02@2x-768x576.png 768w, https:\/\/marvelapp.com\/wp-content\/uploads\/2019\/06\/02@2x-1500x1126.png 1500w\" sizes=\"auto, (max-width: 2132px) 100vw, 2132px\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<h2 class=\"pageWrap pageWrap--s marginTop-xl marginBottom-l c-black lineHeight-xl fontSize-xl fontWeight-5 breakPointM-lineHeight-xxl breakPointM-fontSize-xxl\" style=\"margin-left: auto; margin-right: auto;\">Let's go through the steps:<\/h2>\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">Creating your user test<\/h3>\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>When you click Create Project on your Marvel dashboard, you'll be given two options: Prototype or User Test. Select User Test. You can also start a User Test from within any prototype.<\/li>\n<li>After giving your test a name, select the desktop prototype, then choose the type of test from either free roam (the user can stop at any time) or goal based (the test ends when the user gets to a specific screen).<\/li>\n<li>User Tests are created using any prototype in your account. So you can create a test using any prototype that you\u2019ve already created.<\/li>\n<li>Inviting someone to participate in a test only takes a few clicks. Share your unique URL via email, SMS, Slack or social media.<\/li>\n<\/ul>\n<div id='gallery-3' class='gallery galleryid-17889 gallery-columns-1 gallery-size-full'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/marvelapp.com\/wp-content\/uploads\/2019\/06\/03@2x.png'><img loading=\"lazy\" decoding=\"async\" width=\"2132\" height=\"1600\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2019\/06\/03@2x.png\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2019\/06\/03@2x.png 2132w, https:\/\/marvelapp.com\/wp-content\/uploads\/2019\/06\/03@2x-600x450.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2019\/06\/03@2x-768x576.png 768w, https:\/\/marvelapp.com\/wp-content\/uploads\/2019\/06\/03@2x-1500x1126.png 1500w\" sizes=\"auto, (max-width: 2132px) 100vw, 2132px\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">Taking a test<\/h3>\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>When your participant clicks the invite link, they'll be taken to the start of the test in their browser.<\/li>\n<li>You\u2019ll be able to follow up with the participant afterwards if you have questions as we\u2019ll be capturing their name and email address.<\/li>\n<li>Your intro message will appear before the test begins, which can be used to inform the user of any particular areas of focus or goals.<\/li>\n<li>They'll be shown a preview of their front-facing camera so they know how they'll show up when you watch the test back later.<\/li>\n<li>During the test the participant can navigate through the prototype, leave audio feedback, and if they like, end the test on demand. If you have selected a goal based test, it will automatically finish if they reach the goal screen.<\/li>\n<\/ul>\n<div id='gallery-4' class='gallery galleryid-17889 gallery-columns-1 gallery-size-full'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/marvelapp.com\/wp-content\/uploads\/2019\/06\/04@2x.png'><img loading=\"lazy\" decoding=\"async\" width=\"2132\" height=\"1600\" src=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2019\/06\/04@2x.png\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2019\/06\/04@2x.png 2132w, https:\/\/marvelapp.com\/wp-content\/uploads\/2019\/06\/04@2x-600x450.png 600w, https:\/\/marvelapp.com\/wp-content\/uploads\/2019\/06\/04@2x-768x576.png 768w, https:\/\/marvelapp.com\/wp-content\/uploads\/2019\/06\/04@2x-1500x1126.png 1500w\" sizes=\"auto, (max-width: 2132px) 100vw, 2132px\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<h3 class=\"pageWrap pageWrap--s marginTop-l marginBottom-m c-black lineHeight-xl fontSize-xl fontWeight-5\">Receiving test results and playback<\/h3>\n<p class=\"pageWrap pageWrap--s marginBottom-m paddingBottom-s c-slate lineHeight-l fontSize-l fontWeight-3 breakPointM-fontSize-xl breakPointM-lineHeight-xl\">Once a test has been completed by your participant, it immediately uploads to your project for you to view and share with your team.<\/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\">Each test provides you with several types of feedback.<\/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>Screen recording: The central part of your results will be the screen recording of test. This allows you to see the entire journey including every click, tap and swipe on your prototype, highlighting problems they\u2019ve had along the way. We even show each screen in your prototype as a timestamped segment on the video progress bar so you can quickly navigate to the parts of the session you\u2019re most interested in.<\/li>\n<li>Audio feedback: During the test, audio is recorded so you get to hear exactly what they testers think and feel.<\/li>\n<li>Reaction replay: The front-facing camera records the reactions of the user every step of the way, giving you another way of evaluating how users feel about your designs.<\/li>\n<li>Date, browser and screen size information is displayed alongside the test result.<\/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\">Hope you enjoyed this preview! We can't wait to show you more, with further metrics, recruiting and the User Testing API still to come, all built into the <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvelapp.com\/enterprise?utm_campaign=User%20Testing%20Upsell%20Q2%2F3&amp;utm_source=Blog&amp;utm_medium=Feature%20preview\">brand new Marvel 3 Platform<\/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\">Want to get early access for your team? <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/marvelapp.com\/user-testing?utm_campaign=User%20Testing%20Upsell%20Q2%2F3&amp;utm_source=Blog&amp;utm_medium=Feature%20preview\">Head over to our User Testing page<\/a> to get on the list or follow us on <a class=\"link link--blue fontWeight-4\"href=\"https:\/\/twitter.com\/marvelapp\">Twitter<\/a> for updates.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We&#8217;re really (really) excited about bringing User Testing to your prototyping experience in Marvel. It&#8217;s a game changer for your workflow and enables anyone in your team to spin up a user test and validate prototypes with users, stakeholders and colleagues, in just a few clicks. We&#8217;re getting closer to the public release, and following our last preview on how&#8230; <a class=\"link link--blue fontWeight-4\" href=\"https:\/\/marvelapp.com\/blog\/user-testing-feature-preview-desktop-testing-playback\/\">Read More &#65515;<\/a><\/p>\n","protected":false},"author":252,"featured_media":17151,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[492],"tags":[],"class_list":["post-17889","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-user-testing"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v15.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\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\/user-testing-feature-preview-desktop-testing-playback\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"User Testing Feature Preview \u2013 Desktop Testing and Playback\" \/>\n<meta property=\"og:description\" content=\"We&#039;re really (really) excited about bringing User Testing to your prototyping experience in Marvel. It&#039;s a game changer for your workflow and enables anyone in your team to spin up a user test and validate prototypes with users, stakeholders and colleagues, in just a few clicks. We&#039;re getting closer to the public release, and following our last preview on how... Read More &#65515;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/marvelapp.com\/blog\/user-testing-feature-preview-desktop-testing-playback\/\" \/>\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=\"2019-06-14T13:08:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-08-21T11:10:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/marvelapp.com\/wp-content\/uploads\/2019\/02\/UserTestingBlog@2x.png\" \/>\n\t<meta property=\"og:image:width\" content=\"3450\" \/>\n\t<meta property=\"og:image:height\" content=\"1440\" \/>\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=\"3 minutes\">\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\/user-testing-feature-preview-desktop-testing-playback\/#primaryimage\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/marvelapp.com\/wp-content\/uploads\/2019\/02\/UserTestingBlog@2x.png\",\"width\":\"3450\",\"height\":\"1440\",\"caption\":\"User Testing\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/marvelapp.com\/blog\/user-testing-feature-preview-desktop-testing-playback\/#webpage\",\"url\":\"https:\/\/marvelapp.com\/blog\/user-testing-feature-preview-desktop-testing-playback\/\",\"name\":\"User Testing Feature Preview \\u2013 Desktop Testing and Playback\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/user-testing-feature-preview-desktop-testing-playback\/#primaryimage\"},\"datePublished\":\"2019-06-14T13:08:20+00:00\",\"dateModified\":\"2020-08-21T11:10:18+00:00\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/marvelapp.com\/blog\/user-testing-feature-preview-desktop-testing-playback\/\"]}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/marvelapp.com\/blog\/user-testing-feature-preview-desktop-testing-playback\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/user-testing-feature-preview-desktop-testing-playback\/#webpage\"},\"author\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/58bc08ac2e7d9398e8604ddf32490b77\"},\"headline\":\"User Testing Feature Preview \\u2013 Desktop Testing and Playback\",\"datePublished\":\"2019-06-14T13:08:20+00:00\",\"dateModified\":\"2020-08-21T11:10:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/user-testing-feature-preview-desktop-testing-playback\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/marvelapp.com\/blog\/user-testing-feature-preview-desktop-testing-playback\/#primaryimage\"},\"articleSection\":\"User Testing\",\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/marvelapp.com\/blog\/user-testing-feature-preview-desktop-testing-playback\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#\/schema\/person\/58bc08ac2e7d9398e8604ddf32490b77\",\"name\":\"Dan Hough\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/marvelapp.com\/blog\/#personlogo\",\"inLanguage\":\"en-GB\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b8d1d6a83b2216113cdaaa4e27ca46ae874ff75f4407e9833d9c9f5d5c275b6e?s=96&d=mm&r=g\",\"caption\":\"Dan Hough\"},\"description\":\"Former developer, now Product Manager at Marvel. I turn user needs into dev work, and tweet nonsense and music frequently: @basicallydan\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/17889","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\/252"}],"replies":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/comments?post=17889"}],"version-history":[{"count":0,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/posts\/17889\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media\/17151"}],"wp:attachment":[{"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/media?parent=17889"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/categories?post=17889"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marvelapp.com\/blog\/wp-json\/wp\/v2\/tags?post=17889"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}