CINXE.COM
3 Types of Roadmaps in UX and Product Design
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><title>3 Types of Roadmaps in UX and Product Design</title><script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="721be388-83be-48ef-9882-002f0dc9dc4f"></script><script>(function(){ var FLAGS = { 'use_server_algolia_search_flag': false,'use_local_user_profile_cert_and_exam_meta_data_apis': false,'use_teamdesk_api_for_user_profile_override': false,'navigation_2024': true,'banner_sales': true,'use_new_homepage_template': true,'use_local_user_profile_attendance_api': true,'enable_user_auth_redesign': true }, SWITCHES = { 'stripe_invoice_auto_send': false,'exclude_bank_transfer_payment': false,'log_exam_access_at_event_records': false,'use_local_exam_data': true,'create_course_reminders': true,'use_teamdesk_message_etl': false,'slack-integration': false,'use_virtual_overview_redesign': false,'use_course_redesign': true,'allow_course_new_fields_editing': false,'send_sign_in_reminders': false }, SAMPLES = { }; window.waffle = { "flag_is_active": function waffle_flag(flag_name) { return !!FLAGS[flag_name]; }, "switch_is_active": function waffle_switch(switch_name) { return !!SWITCHES[switch_name]; }, "sample_is_active": function waffle_sample(sample_name) { return !!SAMPLES[sample_name]; }, "FLAGS": FLAGS, "SWITCHES": SWITCHES, "SAMPLES": SAMPLES }; })(); </script><!-- Google Consent Mode --><script data-cookieconsent="ignore"> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments) } gtag("consent", "default", { ad_personalization: "denied", ad_storage: "denied", ad_user_data: "denied", analytics_storage: "denied", functionality_storage: "denied", personalization_storage: "denied", security_storage: "granted", wait_for_update: 500 }); gtag("set", "ads_data_redaction", true); gtag("set", "url_passthrough", false); </script><!-- End Google Consent Mode--><!-- Google Tag Manager --><script type="text/plain" data-cookieconsent="statistics">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl+ '>m_auth=oQvLGCv6ryZLP7PJLlpI-g>m_preview=env-2>m_cookies_win=x';f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-THJDDHK');</script><!-- End Google Tag Manager --><link rel="preconnect" href="https://media.nngroup.com/"/><link rel="preconnect" href="https://consent.cookiebot.com/"/><link rel="preconnect" href="https://consentcdn.cookiebot.com/"/><link rel="preconnect" href="https://www.googletagmanager.com/"/><link rel="preconnect" href="https://dnn506yrbagrg.cloudfront.net/"/><script src="https://media.nngroup.com/static/js/output.2e14f0aaa8d0.js" async></script><link rel="stylesheet" href="https://media.nngroup.com/static/css/output.55aab3a9e87a.css" type="text/css"><meta name="description" content="Roadmaps that include UX work can have 3 scopes: product, field, and specialty. Understanding these and their benefits can focus your process, effort, and goals."/><meta property="og:description" content="Roadmaps that include UX work can have 3 scopes: product, field, and specialty. Understanding these and their benefits can focus your process, effort, and goals."/><meta name="keywords" content="roadmaps, roadmapping, product roadmap, UX roadmap, project planning, planning, strategy"/><meta name="robots" content="noarchive"/><meta name="twitter:dnt" content="on"/><meta property="og:title" content="3 Types of Roadmaps in UX and Product Design"/><meta property="og:url" content="https://www.nngroup.com/articles/roadmap-types/"/><meta property="og:site_name" content="Nielsen Norman Group"/><meta property="og:type" content="article"><meta property="og:image" content="https://media.nngroup.com/media/articles/opengraph_images/3TypesofRoadmaps_Social-Media-Posts_2020-04.png"><meta name="twitter:site" content="@nngroup"/><meta name="twitter:card" content="summary_large_image"><link rel="canonical" href="https://www.nngroup.com/articles/roadmap-types/"><link rel="search" type="application/opensearchdescription+xml" title="NN/g Search" href="/opensearch.xml"/><link rel="shortcut icon" href="https://media.nngroup.com/static/img/favicon.ico"/><link rel="stylesheet" href="https://media.nngroup.com/static/css/output.9cae50358e22.css" type="text/css"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "headline": "3 Types of Roadmaps in UX and Product Design", "image": [ "https://media.nngroup.com/media/articles/opengraph_images/3TypesofRoadmaps_Social-Media-Posts_2020-04.png" ], "datePublished": "2020-11-01T17:00:00+0000", "dateModified": "2024-02-07T22:02:00+0000", "author": [ { "@type": "Person", "name": "Sarah Gibbons" ,"url": "https://www.nngroup.com/articles/author/sarah-gibbons/" } ] } </script> </head> <body class=" article-detail " > <div class="skip"><a href="#main">Skip to content</a></div> <div class="banner-sales hidden"> <p class="text"> <strong class="label-small"><span>Save up to 20% when you</span> <span>register for 2+ <a href="/course-calendar/"><span class="visually-hidden">upcoming</span> courses</a></span></strong> Until January 21 </p> <button aria-label="Close promotion banner"> <svg class="open-nav" aria-hidden width="16" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <use href="#icon-close" /> </svg> </button> </div> <div class="svg-definitions"> <svg width="0" id="icon-error-svg" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 3C8.55228 3 9 3.44772 9 4V9C9 9.55228 8.55229 10 8 10C7.44772 10 7 9.55228 7 9V4C7 3.44772 7.44772 3 8 3ZM8 13.5833C8.55229 13.5833 9 13.1356 9 12.5833C9 12.031 8.55229 11.5833 8 11.5833C7.44772 11.5833 7 12.031 7 12.5833C7 13.1356 7.44772 13.5833 8 13.5833Z" fill="currentColor"/> </svg> <svg width="0" id="icon-error-svg-outlined" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg" > <circle cx="12" cy="12" r="11" fill="currentColor" stroke="black" stroke-width="2"/> <circle cx="12" cy="18.625" r="1.5" fill="black"/> <path d="M12 6L12 13.5" stroke="black" stroke-width="2.5" stroke-linecap="round"/> </svg> <svg width="0" id="icon-confirm-svg" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M3.52197 18.3985L10.5027 25.3792C10.9079 25.7844 11.5699 25.767 11.9532 25.3411L28 7.50989L27.0315 6.63916L11.1992 24.2311L4.44338 17.4753L3.52197 18.3985Z" fill="currentColor" stroke="black"/> </svg> <svg width="0" viewbox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg" > <g id="logo"> <path d="M0 26.8755V3.69629H4.93343L11.244 17.4356H11.3146V3.69629H15.4258V26.8755H11.1128L4.18181 11.9141H4.11623V26.8755H0Z" fill="currentColor"/> <path d="M23.2194 26.8755V3.69629H28.1579L34.4684 17.4356H34.534V3.69629H38.6503V26.8755H34.3373L27.4012 11.9141H27.3357V26.8755H23.2194Z" fill="currentColor"/> <path d="M65.1485 15.8523C65.1485 18.0045 64.1699 19.0682 62.2177 19.0682C60.1646 19.0682 59.0902 18.0094 59.0902 15.9513C59.0902 13.7348 60.1343 12.7057 62.1521 12.7057C64.301 12.7057 65.1485 13.6705 65.1485 15.8573V15.8523ZM67.1713 11.4738C65.1838 11.4738 64.6945 10.5684 62.2177 10.5684C58.6664 10.5684 56.2098 12.7651 56.2098 15.981C56.2098 18.1034 57.6828 19.9241 59.872 20.597C57.6525 21.2649 56.9311 22.0318 56.9311 23.3132C56.9311 24.7678 58.0813 25.6385 60.0032 25.6385C60.5228 25.6385 61.8595 25.6088 62.5103 25.6088C64.1043 25.6088 65.0829 25.7672 65.7034 26.1877C66.2885 26.5736 66.5811 27.2514 66.5811 28.1172C66.5811 30.1111 65.1485 30.9175 62.6414 30.9175C61.34 30.9175 60.1343 30.6306 59.3525 30.1754C58.7673 29.8241 58.4092 29.1463 58.4092 28.3102C58.4092 27.7956 58.6362 27.2168 58.8682 26.8606L56.1846 27.0882C55.9525 27.7313 55.8567 28.2162 55.8567 28.795C55.8567 31.0759 57.824 32.8619 62.9088 32.8619C66.8484 32.8619 69.3707 31.3034 69.3707 27.8303C69.3707 26.445 68.846 25.3169 67.5698 24.4462C66.5861 23.7684 65.547 23.5408 63.6553 23.5408H61.0524C60.2403 23.5408 59.751 23.2538 59.751 22.7739C59.751 22.2297 60.4975 21.6855 62.6818 20.9186C63.8521 20.9186 64.8963 20.7256 65.7084 20.221C67.2066 19.2958 68.1247 17.6285 68.1247 15.8276C68.1247 14.7985 67.7968 13.898 67.141 13.0965C67.4386 13.2252 67.8321 13.2895 68.2558 13.2895C69.2395 13.2895 69.9911 13.0322 71.005 12.3198L69.4362 10.7712C68.6493 11.2858 68.0288 11.4837 67.1763 11.4837L67.1713 11.4738Z" fill="currentColor"/> <path d="M44.1991 33.5001C44.1184 33.5001 44.0326 33.4852 43.9519 33.4605C43.5282 33.3269 43.2962 32.8767 43.4374 32.4611L53.8642 1.04428C54.0004 0.62869 54.4544 0.401103 54.8781 0.539634C55.3018 0.673217 55.5288 1.11849 55.3926 1.53409L44.9608 32.9509C44.8498 33.2824 44.5371 33.4951 44.1941 33.4951L44.1991 33.5001Z" fill="currentColor"/> </g> <g id="icon-burger"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 1.5C4.82824e-08 0.947715 0.447715 0.5 1 0.5L19 0.500002C19.5523 0.500002 20 0.947717 20 1.5C20 2.05229 19.5523 2.5 19 2.5L1 2.5C0.447715 2.5 -4.82821e-08 2.05228 0 1.5Z" fill="currentColor" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 17.5C4.82824e-08 16.9477 0.447715 16.5 1 16.5L19 16.5C19.5523 16.5 20 16.9477 20 17.5C20 18.0523 19.5523 18.5 19 18.5L1 18.5C0.447715 18.5 -4.82821e-08 18.0523 0 17.5Z" fill="currentColor" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 9.5C4.82824e-08 8.94772 0.447715 8.5 1 8.5L19 8.5C19.5523 8.5 20 8.94772 20 9.5C20 10.0523 19.5523 10.5 19 10.5L1 10.5C0.447715 10.5 -4.82821e-08 10.0523 0 9.5Z" fill="currentColor" /> </g> <path id="icon-search" d="M29.921 27.5861L22.1292 20.034C24.0015 17.8554 24.9351 15.061 24.7359 12.2322C24.5367 9.40331 23.2199 6.75782 21.0594 4.84601C18.899 2.9342 16.0613 1.90327 13.1366 1.96769C10.2119 2.03211 7.42541 3.1869 5.3568 5.19186C3.2882 7.19681 2.09674 9.89755 2.03028 12.7322C1.96382 15.5669 3.02747 18.3173 4.99997 20.4113C6.97248 22.5053 9.70196 23.7815 12.6206 23.9747C15.5393 24.1678 18.4224 23.2629 20.6702 21.4481L28.462 29.0002L29.921 27.5861ZM4.12735 13.0002C4.12735 11.2202 4.67195 9.48015 5.69228 8.0001C6.71261 6.52006 8.16284 5.36651 9.85958 4.68532C11.5563 4.00413 13.4234 3.8259 15.2246 4.17317C17.0259 4.52044 18.6804 5.3776 19.9791 6.63628C21.2777 7.89495 22.1621 9.49859 22.5204 11.2444C22.8787 12.9903 22.6948 14.7999 21.992 16.4444C21.2891 18.0889 20.099 19.4945 18.5719 20.4835C17.0449 21.4724 15.2496 22.0002 13.4131 22.0002C10.9512 21.9976 8.59091 21.0485 6.85009 19.3613C5.10928 17.674 4.13008 15.3864 4.12735 13.0002Z" fill="currentColor"/> <path id="icon-open-nav" fill-rule="evenodd" clip-rule="evenodd" d="M8.19398 11.5945C7.85227 11.9362 7.29825 11.9362 6.95654 11.5945L1.29969 5.93763L2.53712 4.7002L7.57526 9.73833L12.6134 4.7002L13.8508 5.93764L8.19398 11.5945Z" fill="currentColor"/> <g id="icon-cart"> <circle cx="11.3124" cy="22.5204" r="1.83485" fill="currentColor"/> <circle cx="25.5299" cy="22.5204" r="1.83485" fill="currentColor"/> <path d="M7.56201 3.11621H28.2498C28.8012 3.11621 29.2054 3.63495 29.0707 4.16965L27.1371 11.8434C27.0424 12.2195 26.7041 12.4832 26.3162 12.4832H10.6505" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"/> <path d="M1.82202 1H5.3761C5.74546 1 6.07219 1.23947 6.1834 1.59169L11.2469 17.6284C11.3581 17.9806 11.6848 18.2201 12.0542 18.2201H25.8257" stroke="currentColor" stroke-width="1.75" stroke-linecap="square"/> </g> </svg> <svg id="icon-close-svg" viewbox="0 0 22 22" width="0" fill="none" xmlns="http://www.w3.org/2000/svg" > <g id="icon-close"> <path d="M1 1L20.5 20.5" stroke="currentColor" stroke-width="2" /> <path d="M20.5 1L1 20.5" stroke="currentColor" stroke-width="2" /> </g> </svg> </div> <header class="banner-image" > <nav class="nav-main desktop" aria-label="main"> <button class="burger-button"> <svg width="20" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg" > <title>Open main navigation</title> <use href="#icon-burger" /> </svg> </button> <a href="/" class="logo" aria-label="Nielsen Norman Group - Home"> <svg width="71" viewBox="0 0 71 34" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>Nielsen Norman Group</title> <use href="#logo" /> </svg> </a> <ul> <li class=" has-subnav"> <button aria-controls="nav-live-courses" aria-expanded="false">Training & UX Certification <svg class="open-nav" aria-hidden width="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <use href="#icon-open-nav" /> </svg> </button> <ul id="nav-live-courses"> <li class=""> <a href="/courses/">All Courses</a> </li> <li class=""> <a href="/training/live-courses/">Live Online Courses</a> </li> <li class=""> <a href="/team-training/">Private Team Training</a> </li> <li class=""> <a href="/training/bulk-discounts/">Bulk Discounts</a> </li> <li class=""> <a href="/ux-certification/">UX Certification</a> </li> </ul> </li> <li class="selected "> <a aria-current="page" href="/articles/">Articles & Videos</a> </li> <li class=" "> <a href="/consulting/">Consulting</a> </li> <li class=" "> <a href="/reports/">Reports & Books</a> </li> <li class=" has-subnav"> <button aria-controls="nav-about-home" aria-expanded="false">About NN/g <svg class="open-nav" aria-hidden width="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <use href="#icon-open-nav" /> </svg> </button> <ul id="nav-about-home"> <li class=""> <a href="/about/">Overview</a> </li> <li class=""> <a href="/people/">People</a> </li> <li class=""> <a href="/about/about-client-list/">Clients</a> </li> <li class=""> <a href="/news/">News</a> </li> <li class=""> <a href="/about/contact/">Contact Us</a> </li> </ul> </li> </ul> <div class="cart empty" aria-hidden> <a href=/cart/> <svg width="30" viewBox="0 0 30 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <use href="#icon-cart" /> </svg> <span></span> </a> </div> <div class="profile has-subnav"> <button class="loading" aria-expanded="false">Profile <svg class="open-nav" aria-hidden width="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <use href="#icon-open-nav" /> </svg> </button> </div> <form role="search" action="/search/" method="get" data-algolia-app-id="ORI4VVAEA5" data-algolia-search-api-key="9f70340d433027a479c60e38395a089c" data-index="Document_production_query_suggestions" > <button class="search-button search-toggle-button" aria-controls="search-form-content" aria-expanded="false"> <svg title="Search" width="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" > <title>Search</title> <use href="#icon-search"> </svg> </button> <div class="form-content" id="search-form-content"> <label class="visually-hidden" for="search">Search</label> <div id="search-autocomplete"><input id="search" name="q" type="search" /></div> <button type="reset" class="reset-button empty" disabled> <svg width="13" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg" > <title>Reset</title> <use href="#icon-close" /> </svg> </button> <button type="submit" class="search-button"> <svg title="Search" width="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" > <title>Search</title> <use href="#icon-search"> </svg> </button> </div> </form> </nav> </header> <main id="main"> <section class="padded"> <div class="wrapper"> <article> <span id="gaDataLength" class="ga-data-layer" aria-hidden="true">7</span> <div class="article-header"> <h1 class="article-h1">3 Types of Roadmaps in UX and Product Design</h1> <div class="article-authors"> <span id="gaDataAuthors" class="ga-data-layer" aria-hidden="true">Sarah Gibbons</span> <div class="author-tile multiple body-small"> <div class="author-photos"> <img height="64" width="64" class="author-photo fluid" src="https://media.nngroup.com/media/people/photos/20211213_Vegas-22.jpg.256x256_q75_autocrop_crop-smart_upscale.jpg" alt=""> </div> <div class="author-meta"> <span class="authors-list"><a class="ga-article-author" href="/articles/author/sarah-gibbons/"> Sarah Gibbons</a></span> <p class="publication-date"> November 1, 2020 <span id="gaDataPubDate" class="ga-data-layer" aria-hidden="true">2020-11-01</span> </p> </div> </div> </div> <div class="article-share"> <a class="article-share-title ga-share" href="#"> <span class="article-share-icon"></span> <p class="article-share-label body-medium">Share</p> </a> <div class="share-links tooltip"> <div class="tip-arrow"></div> <ul> <li class="body-medium"> <a class="ga-share-email" target="_blank" href="mailto:?subject=NN/g Article: 3 Types of Roadmaps in UX and Product Design&body=https://www.nngroup.com/articles/roadmap-types/" data-share-type="Email"> <span class="icon envelope"></span>Email article </a> </li> <li class="body-medium"> <a class="ga-share-linkedin" target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&url=http://www.nngroup.com/articles/roadmap-types/&title=3 Types of Roadmaps in UX and Product Design&source=Nielsen%20Norman%20Group" data-share-type="LinkedIn"> <span class="icon linkedin"></span>Share on LinkedIn </a> </li> <li class="body-medium"> <a class="ga-share-twitter" target="_blank" href="https://twitter.com/intent/tweet?url=http://www.nngroup.com/articles/roadmap-types/&text=3 Types of Roadmaps in UX and Product Design&via=nngroup" data-share-type="Twitter"> <span class="icon twitter"></span>Share on Twitter </a> </li> </ul> </div> </div> </div> <div class="article-container"> <div class="article-content"> <div class="article-summary article-heading-small-light"> <span class="article-summary-label"> Summary: </span>Roadmaps that include UX work can have 3 scopes: product, field, and specialty. Understanding these and their benefits can focus your process, effort, and goals. </div> <div class="article-body"> <p>A <a href="https://www.nngroup.com/articles/ux-roadmaps/">roadmap</a> is a strategic, living artifact that prioritizes, and communicates a team’s future work and problems to solve. It is meant to act as a single source of truth representing your UX team’s North Star. It helps the team align around a single vision and set of priorities.</p> <p>Roadmaps are not meant to track execution of features across releases, but rather communicate a vision — the problems that will be solved. Roadmap items lack formal, discrete task definition and represent a range of potential future work (from research to analysis, design, and development) that has yet to be defined. </p> <p>There are 3 types of roadmaps teams can create, depending on their goal, context, and audience: </p> <ol> <li><strong>Product</strong><strong> </strong>roadmaps represent all future problems that need to be solved, including UX, marketing, content, design, research, development, support, and/or operations. </li> <li><strong>Field </strong>roadmaps represent all future problems to be solved by UX (for example, related to design, research, or content), but do not include problems outside of UX (for example, in marketing, development, and support).</li> <li><strong>Specialty </strong>roadmaps are a subset of field roadmaps and focus only on problems within one UX area (for example, in user research). </li> </ol> <div class="desktop large only small"> <div style="text-align:center"> <figure class="caption" style="display:inline-block"><img alt="3 Types of Roadmaps: Product, Field, and Specialty " height="345" loading="lazy" src="https://media.nngroup.com/media/editor/2020/10/19/3-types-of-roadmaps.png" width="1200"/> <figcaption><em>Product roadmaps are the highest-level roadmaps and traditionally inform priorities on field and specialty roadmaps. Field roadmaps are an expansion of the themes that UX owns on the product roadmap. Similarly, specialty roadmaps are an expansion of the themes that a UX area owns on the field roadmap. </em></figcaption> </figure> </div> </div> <div class="mobile only"> <div style="text-align:center"> <figure class="caption" style="display:inline-block"><img alt="3 Types of Roadmaps: Product, Field, and Specialty " height="1109" loading="lazy" src="https://media.nngroup.com/media/editor/2020/10/19/3-types-of-roadmaps-vertical.png" width="600"/> <figcaption><em>Product roadmaps are the highest-level roadmaps and traditionally inform priorities on field and specialty roadmaps. Field roadmaps are an expansion of the themes that UX owns on the product roadmap. Similarly, specialty roadmaps are an expansion of the themes that a UX area owns on the field roadmap. </em></figcaption> </figure> </div> </div> <p>These three scopes have different benefits and are appropriate for different situations. This article discusses each roadmap scope, as it relates to UX; however, the 2 lower-granularity roadmaps (field and specialty) could be applied to any other field — for example, you could have a marketing roadmap and, within that field, one or more marketing-related specialty roadmaps.</p> <div class="table-of-contents"> <div class="content"> <div class="header"> <div class="toc-header"> <h2 class="toc-title article-heading-small"> In This Article: </h2> <span class="expand-icon"></span> </div> <a class="current-element" href="#"></a> </div> <ul class="toc-items"> <li class="article-table-of-content"> <a class="ga-article-toc-item" href="#toc-product-roadmaps-include-product-ux-and-engineering-1">Product Roadmaps Include Product, UX, and Engineering </a> </li> <li class="article-table-of-content"> <a class="ga-article-toc-item" href="#toc-field-roadmaps-include-multiple-ux-areas-2">Field Roadmaps Include Multiple UX Areas </a> </li> <li class="article-table-of-content"> <a class="ga-article-toc-item" href="#toc-specialty-roadmaps-include-one-ux-area-3">Specialty Roadmaps Include One UX Area </a> </li> <li class="article-table-of-content"> <a class="ga-article-toc-item" href="#toc-conclusion-4">Conclusion </a> </li> </ul> </div> </div><h2 id="toc-product-roadmaps-include-product-ux-and-engineering-1">Product Roadmaps Include Product, UX, and Engineering </h2> <p>This type of roadmap is the broadest and most labor-intensive. It requires collaboration across multiple departments, such as product management, user experience, engineering, content strategy, customer success, and marketing. Because everyone is involved, product roadmaps capture a strategic vision across an entire product. </p> <div style="text-align:center"> <figure class="caption" style="display:inline-block"><img alt="A product roadmap is the broadest of the 3 types and drives other roadmaps. " height="896" loading="lazy" src="https://media.nngroup.com/media/editor/2020/10/19/nng-product-roadmap.png" width="1200"/> <figcaption><em>Product roadmaps include crossfunctional themes (bundles of future work comprised of problems to be solved). This example roadmap includes themes for UX, engineering, and marketing.</em></figcaption> </figure> </div> <p><strong>Ownership</strong></p> <ul> <li><strong>Product managers </strong>are the primary owners and creators of product roadmaps. It is their responsibility to drive crossfunctional-team efforts and set the product-wide strategy. They lead the roadmapping initiative by scheduling time for corresponding meetings, facilitating the prioritization of future work, and creating the artifact. </li> <li><strong>Domain leads </strong>(e.g., UX, engineering, marketing) work collaboratively with product managers to define the roadmap. For example, a UX lead may help a product manager prioritize work when it comes to impact to the user, while an engineering lead may contribute technical-feasibility insights. In some cases, a UX lead may play the role of the product manager and lead the creation of a product roadmap. This most occurs when there is no PM, the assigned PM has limited bandwidth, or the PM lacks a user-centeric mentality. </li> </ul> <p><strong>Benefits</strong></p> <ul> <li><strong>Force crossfunctional collaboration</strong><strong>.</strong> Product roadmaps are collaboratively created by product management and crossfunctional leads. This process facilitates important discussions (for example, necessary tradeoffs) and creates coownership over the vision created. </li> <li><strong>Create a shared </strong><a href="https://www.nngroup.com/articles/mental-models/"><strong>mental model</strong></a><strong>.</strong> The product roadmap represents a shared visual representation of future effort. Anyone across the organization can glance at the product roadmap and understand the strategic vision of the product. </li> <li><strong>Breakdown department silos. </strong>Product roadmaps establish the bigger picture. We can see how our work relates to the work of other departments because they include all problems, not just UX ones. They communicate relationships, dependencies, and the role our work plays in the greater vision.</li> </ul> <p><strong>Challenges</strong></p> <ul> <li><strong>Require crossfunctional participation.</strong> While product roadmaps can be created in a silo without collaboration, you need others to buy into the product vision that your roadmap establishes. Consensus is most likely to be established if collaboration starts from the beginning. However, this is easier said than done: departments will have conflicting goals (usually driven by success metrics), which makes prioritizing problems tricky and potentially tension-ridden. </li> <li><strong>Involve politics.</strong> Because product roadmaps are ideally used by everyone (including stakeholders and clients), inevitably politics will play a role (for example, who creates the roadmap, who contributes to it, who has authority to change it, and even the criteria used to prioritize within it). While balancing the politics is worth it (for the sake of building a shared vision), the collaborative process to create a product roadmap is far more laborious and time intensive than those for other roadmaps.</li> </ul> <h2 id="toc-field-roadmaps-include-multiple-ux-areas-2">Field Roadmaps Include Multiple UX Areas </h2> <p>Field roadmaps include problems to be solved by any UX area: user research, UX design, content, information architecture. Unlike product roadmaps, field roadmaps can cover multiple products (or product areas). They provide a way to align across UX areas and educate stakeholders on the user-centered design process.</p> <div style="text-align:center"> <figure class="caption" style="display:inline-block"><img alt="Field roadmaps map UX work, including research, design, and content. " height="918" loading="lazy" src="https://media.nngroup.com/media/editor/2020/10/19/nng-field-roadmap.png" width="1200"/> <figcaption><em>Field roadmaps include themes that span multiple UX areas. This roadmap includes themes for UX design, user research, and content strategy. </em></figcaption> </figure> </div> <p><strong>Ownership</strong></p> <ul> <li><strong>UX directors or leads </strong>are the primary creators of field roadmaps. These leaders (or managers) oversee multiple UX areas within a product and are responsible for the team(s) who deliver on the UX vision. These are often the same individuals who participate in the creation of the higher-level product roadmap and thus understand the driving strategy and vision. <strong> </strong></li> <li><strong>UX program managers</strong> may also be creators of field roadmaps. They are the people tasked with program- or organization-level design operations that include multiple UX areas.</li> </ul> <p><strong>Benefits</strong></p> <ul> <li><strong>Bridge UX areas. </strong>A field roadmap interweaves objectives from all UX areas. For example, the design team can see what research is tackling concurrently. The roadmap enables general awareness and fosters crosspollination (for example, a designer can observe research relevant for her future work). </li> <li><strong>Communicate the UX</strong><strong>-</strong><strong>design process. </strong>While a user-centered design approach is second nature for UX practitioners, many teams must still educate their stakeholders on what it means to design user-first. A field roadmap communicates the design process, from early <a href="https://www.nngroup.com/articles/discovery-phase/">discovery research</a>, to content creation, to wireframing, because future UX work is clearly articulated and prioritized. It gives a high-level view into the problems the UX team must solve and frames needs from the beneficiary’s point of view.</li> </ul> <p><strong>Challenges</strong></p> <ul> <li><strong>Outline process, not resource allocation</strong><strong>.</strong><strong> </strong>A field roadmap is still a relatively high-level artifact, especially if the product is complex, with many different features or channels. Field roadmaps are too broad to indicate meaningful resource allocation (compared to specialty roadmaps, which are granular enough to communicate bandwidth). Ownership (within a theme) on field roadmaps is at the team or area level, whereas ownership on specialty roadmaps is at the individual team-member level. </li> <li><strong>Require coordination with the product roadmap</strong><strong>.</strong><strong> </strong>While field roadmaps are less laborious than product roadmaps because they are driven primarily by the UX group, they still require collaboration with the product director or manager whose responsibility is to drive the overall strategy of the experience. Prioritization of UX problems should align to the higher-level roadmap or product priorities. </li> </ul> <h2 id="toc-specialty-roadmaps-include-one-ux-area-3">Specialty Roadmaps Include One UX Area </h2> <p>This roadmap scope focuses on just one UX area (e.g., user research, UX design) and outlines the problems this area will solve. Specialty roadmaps can cover multiple products (or product features) but will always include only efforts related to the roadmap’s area. They support alignment within a specific team, as well as communicate resource bandwidth and allocation. </p> <div style="text-align:center"> <figure class="caption" style="display:inline-block"><img alt="Specialty roadmaps map a specific UX area. " height="893" loading="lazy" src="https://media.nngroup.com/media/editor/2020/10/19/nng-specialty-roadmap.png" width="1200"/> <figcaption><em>Specialty roadmaps will include themes from just one UX area. For example, a UX-research roadmap could include a variety of issues to be addressed through user research, from early discovery-based initiatives to later-stage usability testing. </em></figcaption> </figure> </div> <p><strong>Ownership </strong></p> <ul> <li><strong>Lead or senior UX practitioners </strong>(of any area) can create specialty roadmaps. These specialty roadmaps outline their team’s realm of responsibility as it relates to the specific UX area. <strong> </strong></li> <li><strong>ResearchOps or DesignOps</strong> roles who are responsible for owning the operational aspects of research or design are also common creators of specialty roadmaps. For example, a ResearchOps manager may create a research roadmap to organize and communicate who is working on what problem and balance resource allocation. </li> <li><strong>Individual UX contributors </strong>can create specialty roadmaps that outline the problems they will personally be tackling in the future. This type of low-granularity roadmap is most common on small teams (or organizations with lower UX-maturity), where an individual operates as a team of one and wants to communicate the strategic approach to her work. </li> </ul> <p><strong>Benefits</strong></p> <ul> <li><strong>Communicate bandwidth and allocation. </strong>Specialty roadmaps are great tools for visualizing bandwidth because it’s easy to see which team member tackles what problem. At a glance, a specialty roadmap can give insight into how many themes (now, next, and in the future) each team member is responsible for. This information can balance workload, in addition to advocating to stakeholders for additional resources to cover unassigned themes. </li> <li><strong>Unite and align team members within an area. </strong>In organizations where areas are distributed to varying pods or teams (each with their own lead), specialty roadmaps bring alignment and awareness of the work done by others in the same area. They encourage knowledge sharing, crosspollination, and a general sense of belonging. <strong> </strong></li> <li><strong>Easy to create. </strong>Due to the scoped nature of specialty roadmaps, they tend to be the easiest to the create (especially if the creator is the primary owner of each theme). Collaboration isn’t required and there is far less politics involved than in the creation of product and all-UX roadmaps. Specialty roadmaps are a great start point for UX practitioners creating their first roadmap. </li> </ul> <p><strong>Challenges</strong></p> <ul> <li><strong>Limited audience. </strong>Specialty roadmaps are, as their name suggests, specific. Thus, they are relatively few people who find them useful (or care about their existence). Less time and labor should go into creating them, since their use is limited. Try to time-box their creation, spend minimal time making them “pretty”, and prioritize a tool that enables easy revisions. </li> </ul> <h2 id="toc-conclusion-4">Conclusion </h2> <p>Product roadmaps are good for collaborating across departments and driving one united vision but are too complex to clearly communicate all aspects of the UX process. Field roadmaps interweave UX problems that need to be addressed by all UX areas and, thus, effectively convey the UX-design process to stakeholders. Specialty are useful for advocating for resources and balancing bandwidth because they identify who works on what. </p> <p>The first question you should ask yourself is: what is the primary goal of the roadmapping initiative? Each roadmap scope achieves different goals. Your roadmap scope should match the benefits you hope to receive.</p> </div> </div> <div class="article-sidebar"> <div class="sidebar-wrapper"> <div class="sidebar-item related-courses"> <h2 class="article-heading-small">Related Courses</h2> <ul> <li> <a class="tile ga-article-related-course" data-course-title="Becoming a UX Coach" href="/courses/ux-coach/?lm=roadmap-types&pt=article"> <h4 class="title heading-small">Becoming a UX Coach</h4> <p id="becoming-a-ux-coach" class="description body-small"> Empower and guide UX and product teams to reach their full potential </p> <div class="ux-specialties"> <p class="ux-specialty ux-management">Management</p> </div> </a> </li> <li> <a class="tile ga-article-related-course" data-course-title="Customer-Journey Management" href="/courses/customer-journey-management/?lm=roadmap-types&pt=article"> <h4 class="title heading-small">Customer-Journey Management</h4> <p id="customer-journey-management" class="description body-small"> Build a crossfunctional journey-centric design approach that scales </p> <div class="ux-specialties"> <p class="ux-specialty ux-management">Management</p> </div> </a> </li> <li> <a class="tile ga-article-related-course" data-course-title="Managing User Experience Strategy" href="/courses/managing-user-experience-strategy/?lm=roadmap-types&pt=article"> <h4 class="title heading-small">Managing User Experience Strategy</h4> <p id="managing-user-experience-strategy" class="description body-small"> Understand, plan, and implement UX strategy </p> <div class="ux-specialties"> <p class="ux-specialty ux-management">Management</p> </div> </a> </li> </ul> </div> <span id="gaDataAllTopics" class="ga-data-layer" aria-hidden="true">roadmaps,mapping methods,Strategy,Design Process,stakeholders</span> <div class="sidebar-item related-topics"> <h2 class="article-heading-small">Related Topics</h2> <ul> <li> <span id="gaDataTopic" class="ga-data-layer" aria-hidden="true">Strategy</span> <a class="ga-article-related-topic" href="/topic/strategy/">Strategy</a> </li> <li> <a class="ga-article-related-topic" href="/topic/ux-design-process/">Design Process</a> </li> </ul> </div> </div> </div> </div> </article> </div> </section> <section class="learn-more"> <div class="wrapper"> <div class="related-content-container padded"> <h2 class="article-heading-small learn-more-title">Learn More:</h2> <div class="article-videos"> <div class="article-video cookieconsent-optin-marketing"> <div class="video-container youtube" data-video-id="aFvMS-38PnQ" id="videoContainer_aFvMS-38PnQ"> </div> </div> <div class="article-video cookieconsent-optout-marketing"> <p> Please <a href="javascript: Cookiebot.renew()">accept marketing cookies</a> to view the embedded video. <br> <a href="https://www.youtube.com/watch?v=aFvMS-38PnQ" target="_blank">https://www.youtube.com/watch?v=aFvMS-38PnQ</a> </p> </div> <div class="article-video-details"> <p class="article-video-title label-large-light"> UX Research Roadmaps </p> <span class="article-video-authors body-small"> Sarah Gibbons </span> · <span class="article-video-duration body-small">4 min</span> </div> <div class="related-content related-videos"> <ul class="no-bullet three column grid"> <li> <div class="tile video"> <div class="media"> <a class="ga-article-related-video" data-video-title="Upfront vs. Continuous Discovery" href="/videos/upfront-vs-continuous-discovery/?lm=roadmap-types&pt=article" tabindex="-1" aria-hidden="true"> <div class="thumbnail-image"> <img loading="lazy" src="https://media.nngroup.com/media/videos/thumbnails/Up_Front_Discovery_and_Continuous_Discovery_Thumbnail.jpg.650x364_q75_autocrop_crop-smart_upscale.jpg" srcset="https://media.nngroup.com/media/videos/thumbnails/Up_Front_Discovery_and_Continuous_Discovery_Thumbnail.jpg.650x364_q75_autocrop_crop-smart_upscale.jpg, https://media.nngroup.com/media/videos/thumbnails/Up_Front_Discovery_and_Continuous_Discovery_Thumbnail.jpg.1300x728_q75_autocrop_crop-smart_upscale.jpg 2x" alt=""> <div class="overlay"> <span class="color icon fab fa-youtube"></span> </div> </div> <div class="content"> <p class="related-content-title"> Upfront vs. Continuous Discovery </p> <p class="related-content-details"> <span class="related-content-authors body-small"> Maria Rosala </span> · <span class="related-content-duration body-small">3 min</span> </p> </div> </a> </div> </div> </li> <li> <div class="tile video"> <div class="media"> <a class="ga-article-related-video" data-video-title="UX Goals vs. OKRs vs. KPIs" href="/videos/ux-goals-vs-okrs-kpis/?lm=roadmap-types&pt=article" tabindex="-1" aria-hidden="true"> <div class="thumbnail-image"> <img loading="lazy" src="https://media.nngroup.com/media/videos/thumbnails/UX_Goals_OKRs_KPIs_Thumbnail.jpg.650x364_q75_autocrop_crop-smart_upscale.jpg" srcset="https://media.nngroup.com/media/videos/thumbnails/UX_Goals_OKRs_KPIs_Thumbnail.jpg.650x364_q75_autocrop_crop-smart_upscale.jpg, https://media.nngroup.com/media/videos/thumbnails/UX_Goals_OKRs_KPIs_Thumbnail.jpg.1300x728_q75_autocrop_crop-smart_upscale.jpg 2x" alt=""> <div class="overlay"> <span class="color icon fab fa-youtube"></span> </div> </div> <div class="content"> <p class="related-content-title"> UX Goals vs. OKRs vs. KPIs </p> <p class="related-content-details"> <span class="related-content-authors body-small"> Anna Kaley </span> · <span class="related-content-duration body-small">2 min</span> </p> </div> </a> </div> </div> </li> <li> <div class="tile video"> <div class="media"> <a class="ga-article-related-video" data-video-title="Types of Surveys to Run Throughout the Design Process" href="/videos/surveys-in-the-design-process/?lm=roadmap-types&pt=article" tabindex="-1" aria-hidden="true"> <div class="thumbnail-image"> <img loading="lazy" src="https://media.nngroup.com/media/videos/thumbnails/Types_of_UX_Surveys_Thumbnail.jpg.650x364_q75_autocrop_crop-smart_upscale.jpg" srcset="https://media.nngroup.com/media/videos/thumbnails/Types_of_UX_Surveys_Thumbnail.jpg.650x364_q75_autocrop_crop-smart_upscale.jpg, https://media.nngroup.com/media/videos/thumbnails/Types_of_UX_Surveys_Thumbnail.jpg.1300x728_q75_autocrop_crop-smart_upscale.jpg 2x" alt=""> <div class="overlay"> <span class="color icon fab fa-youtube"></span> </div> </div> <div class="content"> <p class="related-content-title"> Types of Surveys to Run Throughout the Design Process </p> <p class="related-content-details"> <span class="related-content-authors body-small"> Maddie Brown </span> · <span class="related-content-duration body-small">5 min</span> </p> </div> </a> </div> </div> </li> </ul> </div> </div> <div class="related-content related-articles"> <h2 class="article-heading-small related-articles-title">Related Articles:</h2> <ul class="no-bullet three column grid"> <li> <a class="tile ga-article-related-article" data-article-title="Avoiding 3 Common Pitfalls of Affinity Diagramming" href="/articles/affinity-diagramming-pitfalls/?lm=roadmap-types&pt=article"> <p class="related-content-title">Avoiding 3 Common Pitfalls of Affinity Diagramming</p> <p class="related-content-details"> <span class="related-content-authors body-small"> Maddie Brown </span> · <span class="related-content-duration body-small">7 min</span> </p> </a> </li> <li> <a class="tile ga-article-related-article" data-article-title="Service Blueprinting: Fails and Fixes" href="/articles/blueprint-fails-fixes/?lm=roadmap-types&pt=article"> <p class="related-content-title">Service Blueprinting: Fails and Fixes</p> <p class="related-content-details"> <span class="related-content-authors body-small"> Alita Joyce and Sarah Gibbons </span> · <span class="related-content-duration body-small">8 min</span> </p> </a> </li> <li> <a class="tile ga-article-related-article" data-article-title="Setting UX Roles and Responsibilities in Product Development: The RACI Template" href="/articles/ux-roles-responsibilities/?lm=roadmap-types&pt=article"> <p class="related-content-title">Setting UX Roles and Responsibilities in Product Development: The RACI Template</p> <p class="related-content-details"> <span class="related-content-authors body-small"> Anna Kaley </span> · <span class="related-content-duration body-small">6 min</span> </p> </a> </li> <li> <a class="tile ga-article-related-article" data-article-title="UX Roadmaps: Who, When, and How Much Time?" href="/articles/ux-roadmaps-faq/?lm=roadmap-types&pt=article"> <p class="related-content-title">UX Roadmaps: Who, When, and How Much Time?</p> <p class="related-content-details"> <span class="related-content-authors body-small"> Sarah Gibbons </span> · <span class="related-content-duration body-small">9 min</span> </p> </a> </li> <li> <a class="tile ga-article-related-article" data-article-title="UX Mapping Methods: Study Guide" href="/articles/ux-mapping-methods-study-guide/?lm=roadmap-types&pt=article"> <p class="related-content-title">UX Mapping Methods: Study Guide</p> <p class="related-content-details"> <span class="related-content-authors body-small"> Kate Kaplan </span> · <span class="related-content-duration body-small">5 min</span> </p> </a> </li> <li> <a class="tile ga-article-related-article" data-article-title="User Journeys vs. User Flows" href="/articles/user-journeys-vs-user-flows/?lm=roadmap-types&pt=article"> <p class="related-content-title">User Journeys vs. User Flows</p> <p class="related-content-details"> <span class="related-content-authors body-small"> Kate Kaplan </span> · <span class="related-content-duration body-small">4 min</span> </p> </a> </li> </ul> </div> </div> </div> </section> </main> <footer class="footer"> <div class="wrapper row"> <div class="subscribe"> <h2 class="title-large">Subscribe to Our Newsletter</h2> <p class="body-medium">Get weekly UX articles, videos, and upcoming training events straight to your inbox.</p> <form class="form-validated" action="https://nngroup.us4.list-manage.com/subscribe/post?u=538d934a891681a5d850bb4e5&id=7f29a2b335" id="subscribe-form" method="post" name="mc-embedded-subscribe-form" novalidate="" > <div class="form-field"> <div class="outline"> <label for="newsletter-subscribe-email" class="label-medium">Email</label> <input class="body-small" id="newsletter-subscribe-email" placeholder="norman@gmail.com" name="EMAIL" type="email" value=""> </div> <div class="error-local"></div> </div> <input class="button-fill button-small" name="subscribe" type="submit" value="Subscribe"> </form> </div> <div class="follow"> <h2 class="title-large">Follow Us</h2> <ul> <li class="label-large"> <a href="https://www.linkedin.com/company/nielsen-norman-group"> <img width="32" loading="lazy" src="https://media.nngroup.com/static/img/icons/icon-social-linkedin.svg" alt=""> LinkedIn </a> </li> <li class="label-large"> <a href="https://www.instagram.com/nngux"> <img width="32" loading="lazy" src="https://media.nngroup.com/static/img/icons/icon-social-instagram.svg" alt=""> Instagram </a> </li> <li class="label-large"> <a href="https://www.youtube.com/channel/UC2oCugzU6W8-h95W7eBTUEg"> <img width="32" loading="lazy" src="https://media.nngroup.com/static/img/icons/icon-social-youtube.svg" alt=""> Youtube </a> </li> <li class="label-large"> <a href="https://podcasters.spotify.com/pod/show/nngroup "> <img width="32" loading="lazy" src="https://media.nngroup.com/static/img/icons/icon-social-podcast.svg" alt=""> Podcast </a> </li> <li class="label-large"> <a href="https://twitter.com/nngroup"> <img width="32" loading="lazy" src="https://media.nngroup.com/static/img/icons/icon-social-x.svg" alt=""> X (Twitter) </a> </li> <li class="label-large"> <a href="https://www.facebook.com/nngux"> <img width="32" loading="lazy" src="https://media.nngroup.com/static/img/icons/icon-social-facebook.svg" alt=""> Facebook </a> </li> </ul> </div> </div> <section class="navigation"> <div class="wrapper"> <ul> <li><span class="title-small">Certification</span> <ul> <li class="body-large"> <a href="/ux-certification/">What is UX Certification?</a> </li> <li class="body-large"> <a href="/ux-certification/specialties/">Specialties</a> </li> <li class="body-large"> <a href="/ux-certification/exams/">Exams</a> </li> <li class="body-large"> <a href="/ux-certification/people/">UX Certified People</a> </li> </ul> </li> <li> <span class="title-small">UX Training</span> <ul> <li class="body-large"> <a href="/courses/">All Courses</a> </li> <li class="body-large"> <a href="/training/live-courses/">Live Online Courses</a> </li> <li class="body-large"> <a href="/team-training/">Private Team Training</a> </li> <li class="body-large"> <a href="/course-calendar/">Course Calendar</a> </li> </ul> </li> <li> <span class="title-small">Consulting</span> <ul> <li class="body-large"> <a href="/consulting/expert-review/">Expert Review</a> </li> <li class="body-large"> <a href="/consulting/user-testing/">User Testing</a> </li> <li class="body-large"> <a href="/consulting/user-research/">Customized Research</a> </li> <li class="body-large"> <a href="/consulting/applied-workshops/">Applied Workshops</a> </li> <li class="body-large"> <a href="/consulting/keynote-speaking/">Keynote Speaking</a> </li> </ul> </li> <li> <span class="title-small">Free Guidance</span> <ul> <li class="body-large"> <a href="/articles/">Articles & Videos</a> </li> <li class="body-large"> <a href="https://podcasters.spotify.com/pod/show/nngroup">The NN/g UX Podcast</a> </li> </ul> </li> <li> <span class="title-small">About</span> <ul> <li class="body-large" > <a href="/about/why-nng/">Why NN/g</a> </li> <li class="body-large" > <a href="/about/">About Us</a> </li> <li class="body-large" > <a href="/people/">People</a> </li> <li class="body-large" > <a href="/about/about-client-list/">Clients</a> </li> <li class="body-large" > <a href="/about/contact/">Contact</a> </li> <li class="body-large" > <a href="/return-policy/">Return Policy</a> </li> </ul> </li> </ul> </div> </section> <div class="copyright"> <div class="wrapper"> <p><a href="/copyright-and-reprint-info/">Copyright</a> © 1998-2024 Nielsen Norman Group, All Rights Reserved. </p> <ul> <li id ="cookie-preferences"><a href="javascript:Cookiebot.show();">Cookie Preferences</a></li> <li><a href="/cookie-declaration/">Cookie Declaration</a></li> <li><a href="/privacy-policy/">Privacy Policy</a></li> </ul> </div> </div> </footer> <button class="back-to-top" title="Back to top"><span class="text"><span class="fas fa-caret-up arrow" aria-hidden="true"></span><br>Top</span></button> <script src="https://media.nngroup.com/static/js/output.c386d66e942d.js" defer></script> <script src="https://media.nngroup.com/static/js/article-detail.7e820ce13132.js"></script> <script> window.addEventListener('CookiebotOnAccept', function (e) { Cookiebot.consent.preferences&&window.dataLayer.push({event:"cookieconsent_preferences"}); Cookiebot.consent.statistics&&window.dataLayer.push({event:"cookieconsent_statistics"}); Cookiebot.consent.marketing&&window.dataLayer.push({event:"cookieconsent_marketing"}); }); window.addEventListener('CookiebotOnDecline', function (e) {}); </script> </body> </html>