<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~files/atom-premium.xsl"?>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
<feed xmlns="http://www.w3.org/2005/Atom" xmlns:feedpress="https://feed.press/xmlns" xmlns:media="http://search.yahoo.com/mrss/" xmlns:podcast="https://podcastindex.org/namespace/1.0" xml:lang="en-US">
  <feedpress:locale>en</feedpress:locale>
  <link rel="hub" href="https://feedpress.superfeedr.com/"/>
  <id>tag:baymard.com,2005:/articles</id>
  <link rel="alternate" type="text/html" href="https://baymard.com"/>
  <link rel="self" type="application/atom+xml" href="https://feeds.baymard.com/baymard"/>
  <title>Baymard Institute</title>
  <updated>2026-10-22T10:50:00+02:00</updated>
  <entry>
    <id>tag:baymard.com,2005:Article/484</id>
    <published>2026-10-22T10:50:00+02:00</published>
    <updated>2026-10-22T10:55:57+02:00</updated>
    <link rel="alternate" type="text/html" href="https://feeds.baymard.com/link/9825/17502590/mass-merchant-ux-benchmark-2026"/>
    <title>Mass Merchant UX Benchmark: 5,600+ Performance Scores and 4,600+ Best Practice Examples</title>
    <content type="html"><![CDATA[<p><em>(Note: Unfortunately, e-mail and RSS don’t support advanced layouts and features. If the graphics in this article look strange, you may want to <a href="https://baymard.com/research-articles/mass-merchant-ux-benchmark-2026">read the article</a> in your web browser.)</em></p>


<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n disable-zoom-kf4n8k v-size-big"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 46.07954545454545%;"><img alt="Hero image with Amazon desktop homepage and Shein’s mobile homepage overlaying it to the right, on a grey background." src="https://cdn.baymard.com/research/media_files/attachments/177685/original/research-media-file-675f3990532c69b8c9825324dbd2bf4e.png"></div></div></div></div>



<p>At Baymard, we’ve just released a new UX benchmark with <strong>10 “Mass Merchant”</strong> UX case studies.</p>



<p>This follows from our large-scale user testing of <a href="https://baymard.com/research-articles/mass-merchant-best-practices">Mass Merchant UX</a> and <strong>adds to</strong> our existing <a href="https://baymard.com/ux-benchmark">ecommerce UX benchmark</a>.</p>



<p>In this article, we give you a <strong>snapshot</strong> of the overall UX performance.</p>



<h2 id="10-mass-merchant-ux-case-studies-and-the-overall-performance">10 Mass Merchant UX Case Studies and the Overall Performance</h2>



<div class="anecdote-module-3ba83n v-size-full-width">
<div class="grid case-study-cards-yz73ak">

    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/amazon">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Amazon
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #f3aa06">
              decent
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Mass Merchant
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            92
            page designs:
          </span>
          desktop, mobile, app
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/target">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Target
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #fec001">
              decent
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Mass Merchant
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            86
            page designs:
          </span>
          desktop, mobile, app
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/john-lewis">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            John Lewis
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #e9be0d">
              decent
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Mass Merchant
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            62
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/walmart">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Walmart
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #f4ab06">
              decent
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Mass Merchant
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            91
            page designs:
          </span>
          desktop, mobile, app
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/etsy">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Etsy
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #e9950b">
              mediocre
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Mass Merchant
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            76
            page designs:
          </span>
          desktop, mobile, app
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/kohls">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Kohl’s
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #fbc202">
              decent
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Mass Merchant
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            59
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/argos">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Argos
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #e7910c">
              mediocre
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Mass Merchant
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            60
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/costco">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Costco
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #f0a407">
              mediocre
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Mass Merchant
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            64
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/shein">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Shein
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #f0a407">
              mediocre
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Mass Merchant
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            41
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/sears">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Sears
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #db7812">
              mediocre
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Mass Merchant
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            59
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>

    <div class="card v-cta case-study-cards-yz73ak">
      <h3 class="card--title case-study-cards-yz73ak">
        YourSite.com?
      </h3>
      <p class="card--cta-paragraph case-study-cards-yz73ak">
        Want to know how your site performs?
        <a href="https://baymard.com/research">Get Premium access</a> 
        to review your own site or have it 
        <a href="https://baymard.com/audits/site-element">audited</a> 
        by Baymard researchers.
      </p>
    </div>

</div>
</div>



<p>These are the 10 <strong>in-depth</strong> Mass Merchant UX case studies.</p>



<p>The 10 sites have been manually assessed across <strong>500+ research-based UX parameters</strong> relevant to <a href="https://baymard.com/research/mass-merchant">Mass Merchant ecommerce</a>, resulting in 5,600+ weighted UX performance scores and 4,600+ best practice examples from these desktop and mobile sites.</p>



<p>Each of the 5,600+ <strong>UX performance scores</strong> from the 10 Mass Merchant and Department Store case studies is summarized in the interactive scatterplot below — showing you how they perform collectively and individually:</p>



<p>{{ scatterplot-graph: size=big + habitat=public + base-sites=collection:mass-merchant + view-structure-id=gemini-st_k5dbh6l4}}</p>



<p>The <strong>overall UX</strong> performance of the Mass Merchant sites ranges from “poor” to “good”, with most sites in the “mediocre” to “decent” range.</p>



<p>Here are some of the <strong>overarching UX issues</strong>.</p>



<p>The industry performance highlights <strong>user experience challenges</strong> across the industry, particularly regarding <a href="https://baymard.com/blog/findability-vs-discoverability-ux">product discoverability</a>, cost transparency, and the consistency of product data.</p>



<p>While homepages presented the main navigation categories and a broad range of product types, <a href="https://baymard.com/guidelines/240-ad-looking-content-on-the-homepage"><strong>ads occupied prime positions</strong></a>, and intermediary category pages gave <a href="https://baymard.com/guidelines/2178-viewing-all-products-on-intermediary-category-pages">no route to a full product list</a>.</p>



<p>Search <strong>often struggled</strong> with <a href="https://baymard.com/guidelines/2718-handling-synonyms">synonyms</a>, <a href="https://baymard.com/guidelines/355-handling-misspellings-on-search-results-pages">misspellings</a>, and <a href="https://baymard.com/guidelines/393-sorting-logic-for-sitewide-search-results">sorting for search results</a> that disregarded relevance.</p>



<p><strong>Product lists omitted</strong> <a href="https://baymard.com/premium/research-articles/price-per-unit">unit prices</a>, <a href="https://baymard.com/guidelines/2369-showing-that-items-are-out-of-stock">stock status</a>, and the attributes that <a href="https://baymard.com/guidelines/443-consistency-of-product-attributes-across-list-items-and-search-results">distinguish similar items</a>, which made product evaluation more difficult.</p>



<p>Furthermore, order cost and delivery timing stayed <strong>unstated</strong> until late in the flow.</p>



<p>Specifically, multiple product page “Buy” sections <strong>provided no</strong> estimate of the <a href="https://baymard.com/guidelines/825-providing-a-total-order-cost">order total</a> or a <a href="https://baymard.com/guidelines/802-where-and-how-to-display-delivery-information">date it would arrive</a>, and in checkout, shipping options were frequently labeled by <a href="https://baymard.com/premium/research-articles/shipping-speed-vs-delivery-date">speed rather than by a delivery date</a>.</p>



<p>These <strong>friction points</strong>, combined with address entry that was <a href="https://baymard.com/research-articles/automatic-address-lookup">largely unaided</a> and account menus whose <a href="https://baymard.com/guidelines/876-what-to-include-in-the-account-menu">paths were incomplete</a> and <a href="https://baymard.com/guidelines/2973-ambiguous-paths-in-the-account-menu">ambiguously named</a>, created a shopping environment that hindered product comparison and <a href="https://baymard.com/blog/checkout-flow-ux-optimization">efficient checkout</a>.</p>



<p>In summary, with <strong>only 1 site</strong> delivering a “good” overall user experience, there is plenty of room for improvement.</p>



<p>A publicly available <strong>overview</strong> of the research and benchmark can be found on our <a href="https://baymard.com/research/mass-merchant">Mass Merchant UX research</a> overview page.</p>



<p><em><strong>Getting access:</strong> all 5,600+ UX performance scores, 4,600+ best practice examples, and the UX insights from researching the Mass Merchant ecommerce industry are available immediately and in full within <a href="https://baymard.com/research">Baymard</a>. (If you already have access through an account, open the <a href="https://baymard.com/premium/benchmarks/collections/mass-merchant">Mass Merchant UX Benchmark collection</a>.)</em></p>



<p><em>If you want to know how your Mass Merchant or Department Store desktop and mobile sites perform and compare, then learn more about getting Baymard to conduct a <a href="https://baymard.com/audits/mass-merchant-and-department-store">Mass Merchant &amp; Department Store UX audit</a> of your site.</em></p>



<p>
  <a href="https://twitter.com/intent/tweet?text=Mass+Merchant+UX+Benchmark%3A+5%2C600%2B+Performance+Scores+and+4%2C600%2B+Best+Practice+Examples&amp;url=https://baymard.com/research-articles/mass-merchant-ux-benchmark-2026&amp;via=Baymard&amp;related=Baymard,jamieappleseed,KiehnHolst">Post this article on X</a>
</p>

  <h3>Related articles</h3>
  <ul>
      <li><a href="https://baymard.com/research-articles/mass-merchant-best-practices">4 Ways to Improve UX for Ecommerce Mass Merchant Sites</a></li>
      <li><a href="https://baymard.com/research-articles/price-per-unit">Display “Price Per Unit” For Multiquantity Items (86% Don’t)</a></li>
      <li><a href="https://baymard.com/research-articles/shipping-speed-vs-delivery-date">Use “Delivery Date” Not “Shipping Speed” (41% Don’t) — From UX Research to Implementation Roadmap</a></li>
      <li><a href="https://baymard.com/research-articles/automatic-address-lookup">Provide a “Fully Automatic Address Lookup” Feature (55% Don’t)</a></li>
  </ul><img src="https://feeds.baymard.com/link/9825/17502590.gif" height="1" width="1"/>]]></content>
    <author>
      <name>Anders Nielsen</name>
    </author>
  </entry>
  <entry>
    <id>tag:baymard.com,2005:Article/483</id>
    <published>2026-10-07T11:15:00+02:00</published>
    <updated>2026-10-07T11:22:26+02:00</updated>
    <link rel="alternate" type="text/html" href="https://feeds.baymard.com/link/9825/17491220/e-cigarette-and-vaping-ux-benchmark-2026"/>
    <title>E-cigarette &amp; Vaping UX Benchmark: 3,600+ Performance Scores and 2,500+ Best Practice Examples </title>
    <content type="html"><![CDATA[<p><em>(Note: Unfortunately, e-mail and RSS don’t support advanced layouts and features. If the graphics in this article look strange, you may want to <a href="https://baymard.com/research-articles/e-cigarette-and-vaping-ux-benchmark-2026">read the article</a> in your web browser.)</em></p>


<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n disable-zoom-kf4n8k v-size-big"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 45.909090909090914%;"><img alt="Hero image with Vuse desktop homepage front and center and 2 mobile vaping sites behind it on each side on a grey background." src="https://cdn.baymard.com/research/media_files/attachments/177106/original/research-media-file-96a53c6010a7a3ee17903ec461efa9aa.png"></div></div></div></div>



<p>At Baymard, we’ve just released a new UX benchmark with <strong>7 “E-cigarette &amp; Vaping”</strong> UX case studies.</p>



<p>This follows from our large-scale UX user testing and <strong>adds to</strong> our existing <a href="https://baymard.com/ux-benchmark">ecommerce UX benchmark</a>.</p>



<p>In this article, we give you a <strong>snapshot</strong> of the overall UX performance.</p>



<h2 id="7-e-cigarette--vaping-ux-case-studies-and-the-overall-performance">7 E-cigarette &amp; Vaping UX Case Studies and the Overall Performance</h2>



<div class="anecdote-module-3ba83n v-size-full-width">
<div class="grid case-study-cards-yz73ak">

    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/vape-store">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Vape Store
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #e8920b">
              mediocre
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              E-cigarette &amp; Vaping
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            30
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/vape-club">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Vape Club
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #e68e0d">
              mediocre
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              E-cigarette &amp; Vaping
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            37
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/pax">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            PAX
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #dd7b11">
              mediocre
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              E-cigarette &amp; Vaping
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            22
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/element-vape">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Element Vape
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #d77014">
              mediocre
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              E-cigarette &amp; Vaping
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            33
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/vuse">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Vuse
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #d76e14">
              mediocre
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              E-cigarette &amp; Vaping
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            30
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/elf-bar">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Elf Bar
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #d06017">
              poor
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              E-cigarette &amp; Vaping
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            37
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/vape-sourcing">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            VapeSourcing
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #cd5a19">
              poor
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              E-cigarette &amp; Vaping
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            34
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>

    <div class="card v-cta case-study-cards-yz73ak">
      <h3 class="card--title case-study-cards-yz73ak">
        YourSite.com?
      </h3>
      <p class="card--cta-paragraph case-study-cards-yz73ak">
        Want to know how your site performs?
        <a href="https://baymard.com/research">Get Premium access</a> 
        to review your own site or have it 
        <a href="https://baymard.com/audits/site-element">audited</a> 
        by Baymard researchers.
      </p>
    </div>

</div>
</div>



<p>These are the 7 <strong>in-depth</strong> E-cigarette &amp; Vaping UX case studies.</p>



<p>The 7 sites have been manually assessed across <strong>500+ research-based UX parameters</strong> relevant to <a href="https://baymard.com/research/e-cigarette-and-vaping">E-cigarette &amp; Vaping ecommerce</a>, resulting in 3,600+ weighted UX performance scores and 2,500+ best practice examples from these desktop and mobile sites.</p>



<p>Each of the 3,600+ <strong>UX performance scores</strong> from the 7 E-cigarette &amp; Vaping case studies is summarized in the interactive scatterplot below — showing you how they perform collectively and individually:</p>



<p>{{ scatterplot-graph: size=big + habitat=public + base-sites=collection:e-cigarette-and-vaping + view-structure-id=gemini-st_ugn77krh}}</p>



<p>The <strong>overall UX</strong> performance of the E-cigarette &amp; Vaping sites is “mediocre,” with 5 sites in the “mediocre” and 2 in the “poor” range.</p>



<p>Here are some of the <strong>overarching UX issues</strong>.</p>



<p>The benchmarked E-Cigarette &amp; Vaping sites highlight significant <strong>user experience challenges</strong> across the industry, particularly regarding <a href="https://baymard.com/blog/findability-vs-discoverability-ux">product discoverability</a>, transparency, and data consistency.</p>



<p>While category navigation is plentiful, homepages frequently prioritize <a href="https://baymard.com/guidelines/240-ad-looking-content-on-the-homepage">promotional content</a> over direct product access, and on-site search systems <strong>often struggle</strong> with <a href="https://baymard.com/guidelines/2718-handling-synonyms">synonyms</a>, <a href="https://baymard.com/guidelines/355-handling-misspellings-on-search-results-pages">misspellings</a>.</p>



<p>Additionally, <a href="https://baymard.com/blog/ecommerce-filter-ui">filters</a> <strong>omit</strong> essential purchase criteria.</p>



<p><a href="https://baymard.com/research-articles/5-essential-filters">Critical filters</a> like price, ratings, and brand are <strong>often absent</strong>, while industry-specific options — such as nicotine strength and blend ratio — <a href="https://baymard.com/research-articles/explain-industry-specific-filters">lack explanations</a> and <a href="https://baymard.com/guidelines/467-indicating-the-number-of-matches-for-filtering-options">number of product matches</a>.</p>



<p>Furthermore, users face <strong>difficulties comparing products</strong> due to incomplete or inconsistent <a href="https://baymard.com/research-articles/list-item-design-ecommerce">list item information</a> and <a href="https://baymard.com/guidelines/495-comparison-features-in-listings-for-spec-heavy-products">comparison features</a>, while product pages and carts often fail to provide crucial transparency regarding total order costs (see guidelines <a href="https://baymard.com/guidelines/825-providing-a-total-order-cost">#825</a> and <a href="https://baymard.com/guidelines/2320-free-shipping-information-in-the-cart">#2320</a>) and delivery timelines (see <a href="https://baymard.com/guidelines/802-where-and-how-to-display-delivery-information">#802</a> and <a href="https://baymard.com/guidelines/543-delivery-date-vs-delivery-speed">#543</a>).</p>



<p>These friction points, combined with fragmented product information <a href="https://baymard.com/guidelines/848-displaying-core-content-across-product-variations">across variations</a> and opaque, poorly labeled customer account management (see <a href="https://baymard.com/guidelines/2937-visibility-of-the-account-menu">#2937</a> and <a href="https://baymard.com/guidelines/876-what-to-include-in-the-account-menu">#876</a>), create a <strong>challenging shopping environment</strong> that hinders efficient product selection and checkout.</p>



<p>In summary, with <strong>no sites</strong> delivering even a “decent” or better overall user experience, there is plenty of room for improvement.</p>



<p>A publicly available <strong>overview</strong> of the research and benchmark can be found on our <a href="https://baymard.com/research/e-cigarette-and-vaping">E-cigarette &amp; Vaping UX research</a> overview page.</p>



<p><em><strong>Getting access:</strong> all 3,600+ UX performance scores, 2,500+ best practice examples, and the UX insights from researching the E-cigarette &amp; Vaping ecommerce industry are available immediately and in full within <a href="https://baymard.com/research">Baymard</a>. (If you already have access through an account, open the <a href="https://baymard.com/premium/benchmarks/collections/e-cigarette-and-vaping">E-cigarette &amp; Vaping UX Benchmark collection</a>.)</em></p>



<p><em>If you want to know how your e-cigarette or vaping desktop and mobile sites perform and compare, then learn more about getting Baymard to conduct a <a href="https://baymard.com/audits/e-cigarette-and-vaping">E-cigarette &amp; Vaping UX audit</a> of your site.</em></p>



<p>
  <a href="https://twitter.com/intent/tweet?text=E-cigarette+%26amp%3B+Vaping+UX+Benchmark%3A+3%2C600%2B+Performance+Scores+and+2%2C500%2B+Best+Practice+Examples&amp;url=https://baymard.com/research-articles/e-cigarette-and-vaping-ux-benchmark-2026&amp;via=Baymard&amp;related=Baymard,jamieappleseed,KiehnHolst">Post this article on X</a>
</p>

  <h3>Related articles</h3>
  <ul>
      <li><a href="https://baymard.com/research-articles/5-essential-filters">5 Essential Filter Types Users Need on Product Listing Pages (57% Don’t Offer All 5)</a></li>
      <li><a href="https://baymard.com/research-articles/list-item-design-ecommerce">2 Key Design Principles for Product Listing Information (64% Get at Least 1 Wrong)</a></li>
      <li><a href="https://baymard.com/research-articles/explain-industry-specific-filters">Always Explain Industry-Specific Filters (62% Don’t)</a></li>
  </ul><img src="https://feeds.baymard.com/link/9825/17491220.gif" height="1" width="1"/>]]></content>
    <author>
      <name>Anders Nielsen</name>
    </author>
  </entry>
  <entry>
    <id>tag:baymard.com,2005:Article/482</id>
    <published>2026-10-01T10:30:00+02:00</published>
    <updated>2026-10-01T10:43:50+02:00</updated>
    <link rel="alternate" type="text/html" href="https://feeds.baymard.com/link/9825/17482990/b2b-electronic-components-machinery-ux-benchmark-2026"/>
    <title>B2B Electronic Components &amp; Machinery UX Benchmark: 2,600+ Performance Scores and 2,000+ Best Practice Examples</title>
    <content type="html"><![CDATA[<p><em>(Note: Unfortunately, e-mail and RSS don’t support advanced layouts and features. If the graphics in this article look strange, you may want to <a href="https://baymard.com/research-articles/b2b-electronic-components-machinery-ux-benchmark-2026">read the article</a> in your web browser.)</em></p>


<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n disable-zoom-kf4n8k v-size-big"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 65.45454545454545%;"><img alt="Newark desktop homepage with five promoted component brands with imagery and CTAs for each one." src="https://cdn.baymard.com/research/media_files/attachments/177021/original/research-media-file-84866d0b9a53250c4bafe90def6096a7.png"></div></div></div></div>



<p>At Baymard, we’ve just released a new UX benchmark with <strong>6 new “B2B Electronic Components &amp; Machinery”</strong> UX case studies.</p>



<p>This follows from our large-scale user testing on <a href="https://baymard.com/research-articles/b2b-electronic-components-machinery-launch">B2B Electronic Components &amp; Machinery UX</a> and <strong>adds to</strong> our existing <a href="https://baymard.com/ux-benchmark">ecommerce UX benchmark</a>.</p>



<p>In this article, we give you a <strong>snapshot</strong> of the overall UX performance.</p>



<h2 id="6-b2b-electronic-components--machinery-ux-case-studies-and-the-overall-performance">6 B2B Electronic Components &amp; Machinery UX Case Studies and the Overall Performance</h2>



<div class="anecdote-module-3ba83n v-size-full-width">
<div class="grid case-study-cards-yz73ak">

    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/futureelectronics">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Future Electronics
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #b62924">
              poor
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              B2B Electronic Components &amp; Machinery
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            40
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/rs-online">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            RS Components
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #e7910c">
              mediocre
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              B2B Electronic Components &amp; Machinery
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            33
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/onsemi">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Onsemi
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #ce5b18">
              poor
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              B2B Electronic Components &amp; Machinery
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            40
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/newark">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Newark
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #f9c204">
              decent
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              B2B Electronic Components &amp; Machinery
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            43
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/vishay">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Vishay
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #d56b15">
              mediocre
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              B2B Electronic Components &amp; Machinery
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            19
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/nxp">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            NXP
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #b42625">
              poor
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              B2B Electronic Components &amp; Machinery
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            45
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>

    <div class="card v-cta case-study-cards-yz73ak">
      <h3 class="card--title case-study-cards-yz73ak">
        YourSite.com?
      </h3>
      <p class="card--cta-paragraph case-study-cards-yz73ak">
        Want to know how your site performs?
        <a href="https://baymard.com/research">Get Premium access</a> 
        to review your own site or have it 
        <a href="https://baymard.com/audits/site-element">audited</a> 
        by Baymard researchers.
      </p>
    </div>

</div>
</div>



<p>These are the 6 <strong>in-depth</strong> B2B Electronic Components &amp; Machinery UX case studies.</p>



<p>The 6 sites have been manually assessed across <strong>420+ research-based UX parameters</strong> relevant to <a href="https://baymard.com/research/b2b-medical-pharma">B2B Electronic Components &amp; Machinery</a>, resulting in 2,600+ weighted UX performance scores and 2,000+ best practice examples from these desktop and mobile sites.</p>



<p>Each of the 2,600+ <strong>UX performance scores</strong> from the 6 B2B Electronic Components &amp; Machinery case studies is summarized in the interactive scatterplot below — showing you how they perform collectively and individually:</p>



<p>{{ scatterplot-graph: size=big + habitat=public + base-sites=collection:components-machinery + view-structure-id=gemini-st_omiypisn }}</p>



<p>The <strong>overall UX</strong> performance of the B2B Electronic Components &amp; Machinery sites ranges from “poor” to “decent”, with most sites performing poorly and only one site within the “decent” range.</p>



<p>Here are just a few of the <strong>overarching UX issues</strong> we observed.</p>



<p>The B2B Electronic Components &amp; Machinery sites largely <strong>fell short of</strong> the UX standards the procurement context demanded.</p>



<p><a href="https://baymard.com/guidelines/2667-showcasing-compatible-parts">Compatible parts</a>, <a href="https://baymard.com/guidelines/2659-providing-verified-substitute-products">substitutes</a>, and <a href="https://baymard.com/guidelines/810-alternative-product-cross-sells">alternatives</a> were almost entirely <strong>unsupported</strong> across the industry.</p>



<p>In a domain where out-of-stock and end-of-life parts were routine, the inability to reach validated alternatives from the product page left a <strong>significant sourcing gap</strong>.</p>



<p>B2B ecommerce signals were <strong>frequently missing</strong> at the point where purchasing decisions needed to be made.</p>



<p>Minimum order quantities and volume price breaks (see guideline <a href="https://baymard.com/guidelines/2432-minimum-order-quantity-moq-and-price-breaks-in-the-product-table-item-details">#2432</a>), <a href="https://baymard.com/guidelines/2420-shipping-timeframe-for-in-stock-items">shipping timeframes</a>, and in-stock quantity were <strong>inconsistently surfaced</strong> across both the <a href="https://baymard.com/research-articles/use-product-tables-for-desktop-product-listings">Product Table</a> and the <a href="https://baymard.com/guidelines/2617-placement-of-inventory-and-shipping-details">buy section</a>.</p>



<p>In a procurement context defined by fixed budgets and project deadlines, their absence left the most <strong>critical purchasing inputs unavailable</strong> at the point where decisions needed to be made.</p>



<p>Cart information and B2B-specific functionality <strong>fell short</strong> of procurement expectations</p>



<p>Around a third of sites fail to provide key B2B <a href="https://baymard.com/guidelines/2694-shipping-and-delivery-details-in-the-cart">shipping and delivery details</a> in the cart, <strong>omitting information</strong> directly relevant to procurement deadlines at the first point where order costs are evaluated.</p>



<p>More than half of the sites <strong>provide no</strong> <a href="https://baymard.com/guidelines/2682-cart-collaboration-features-for-b2b-items">“Share,” “Download,” or “Save” features</a> for cart contents.</p>



<p>In a B2B context where orders frequently require internal review or approval before purchase, the absence of these features <strong>forces reliance on workarounds</strong> such as screenshots or manual transcription.</p>



<p>In summary, across the moments that mattered most in the procurement workflow, evaluation, comparison, and ordering, the sites provided <strong>limited support</strong>.</p>



<p>As this benchmark shows, with <strong>only 1 site</strong> delivering a “decent” overall user experience, there is plenty of room for improvement.</p>



<p>A publicly available <strong>overview</strong> of the research and benchmark can be found on our <a href="https://baymard.com/research/b2b-electronic-components-machinery">B2B Electronic Components &amp; Machinery UX research</a> overview page.</p>



<p><em><strong>Getting access:</strong> all 2,600+ UX performance scores, 2,000+ best practice examples, and the UX insights from researching the B2B Electronic Components &amp; Machinery ecommerce industry are available immediately and in full within <a href="https://baymard.com/research">Baymard</a>. (If you already have access through an account, open the <a href="https://baymard.com/premium/benchmarks/collections/components-machinery">B2B Electronic Components &amp; Machinery UX Benchmark collection</a>.)</em></p>



<p><em>If you want to know how your electronic components or machinery desktop and mobile sites perform and compare, then learn more about getting Baymard to conduct a <a href="https://baymard.com/audits/b2b-electronic-components-machinery">B2B Electronic Components &amp; Machinery UX audit</a> of your site.</em></p>



<p>
  <a href="https://twitter.com/intent/tweet?text=B2B+Electronic+Components+%26amp%3B+Machinery+UX+Benchmark%3A+2%2C600%2B+Performance+Scores+and+2%2C000%2B+Best+Practice+Examples&amp;url=https://baymard.com/research-articles/b2b-electronic-components-machinery-ux-benchmark-2026&amp;via=Baymard&amp;related=Baymard,jamieappleseed,KiehnHolst">Post this article on X</a>
</p>

  <h3>Related articles</h3>
  <ul>
      <li><a href="https://baymard.com/research-articles/b2b-electronic-components-machinery-launch">B2B Electronics Sites: 2 High-Level Takeaways from 2,500+ Hours Testing</a></li>
      <li><a href="https://baymard.com/research-articles/allow-search-for-long-filter-options-lists">B2B Electronics: Always Allow Users to Search Long Lists of Filter Options</a></li>
      <li><a href="https://baymard.com/research-articles/use-product-tables-for-desktop-product-listings">B2B Electronics: Use “Product Tables” to Display Product Listings on Desktop</a></li>
      <li><a href="https://baymard.com/research-articles/b2b-electronic-components-and-machinery-benchmark">B2B Electronic Components and Machinery Sites: New UX Benchmark with Over 4,800 Performance Scores and 3,600 Best Practice Examples</a></li>
  </ul><img src="https://feeds.baymard.com/link/9825/17482990.gif" height="1" width="1"/>]]></content>
    <author>
      <name>Anders Nielsen</name>
    </author>
  </entry>
  <entry>
    <id>tag:baymard.com,2005:Article/481</id>
    <published>2026-09-24T10:31:00+02:00</published>
    <updated>2026-09-24T10:45:59+02:00</updated>
    <link rel="alternate" type="text/html" href="https://feeds.baymard.com/link/9825/17472042/event-ticketing-ux-research-launch"/>
    <title>New Event Ticketing UX Research: 3 Key Takeaways</title>
    <content type="html"><![CDATA[<p><em>(Note: Unfortunately, e-mail and RSS don’t support advanced layouts and features. If the graphics in this article look strange, you may want to <a href="https://baymard.com/research-articles/event-ticketing-ux-research-launch">read the article</a> in your web browser.)</em></p>


<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n disable-zoom-kf4n8k v-size-big"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 45.909090909090914%;"><img alt="Hero image with Gametime desktop venue map page (left) and a mobile ticket quantity selection overlay (right)." src="https://cdn.baymard.com/research/media_files/attachments/176943/original/research-media-file-a3d080c723527c013699782f8bf12d68.jpg"></div></div></div></div>



<div class="anecdote-inception-ab2a8j anecdote-module-3ba83n accentuated-box--design-system-transition-fdh4he page-feature-abjgu anecdote-secondary-font-a3a8fb anecdote-small-text-size-an43ja"><div class="anecdote-wysicontent-ndj4ab inner">
<p class="overline--design-system-transition-fdh4he">Key Takeaways</p>
<ul>
  <li>Baymard has new qualitative UX research on Event Ticketing UX</li>
  <li>The research uncovered UX issues and identified UX solutions specific to Event Ticketing users and sites</li>
  <li>At a high level, Event Ticketing users struggle with pricing communication and seat-selection transparency, leading to numerous abandonments during our test sessions</li>
</ul>
</div></div>



<div class="anecdote-inception-ab2a8j anecdote-module-3ba83n accentuated-box--design-system-transition-fdh4he page-feature-abjgu anecdote-secondary-font-a3a8fb anecdote-small-text-size-an43ja"><div class="anecdote-wysicontent-ndj4ab inner">
<p class="overline--design-system-transition-fdh4he">Key Stats</p>
<ul>
  <li>2,400+ hours usability testing, analyzing, and researching the UX of Event Ticketing sites</li>
  <li>463 qualitative participant/site usability test sessions following the “Think Aloud” protocol</li>
  <li>2,800+ medium-to-severe usability issues in testing</li>
</ul>

</div></div>



<p>Today at Baymard, we’re announcing the launch of our <strong>new Event Ticketing UX research</strong>.</p>



<p>This research study focused on primary and secondary ticketing marketplaces, venue platforms, and performing arts centers offering a wide variety of <strong>event tickets,</strong> including concerts, theatrical performances, sporting events, comedy shows, and live venue entertainment across the USA and UK:</p>



<ul>
  <li>
    <p>Major Ticketing Marketplaces &amp; Secondary Vendors: <em>TicketMaster, StubHub, SeatGeek, AXS, Vivid Seats, TickPick, Gametime, Event Tickets Center, TicketWeb, Eventbrite,</em> and <em>Broadway.com</em></p>
  </li>
  <li>
    <p>Venues &amp; Performing Arts Centers: <em>Royal Albert Hall, National Theatre, Barbican, LA Phil,</em> and <em>Fox Theatre</em></p>
  </li>
</ul>



<p>During testing, the participants encountered <strong>2,800+</strong> medium-to-severe usability issues as they attempted to use Event Ticketing sites to explore options and eventually purchase tickets.</p>



<p>Our analysis of these issues has resulted in <strong>370+</strong> guidelines on Event Ticketing industry UX, available in our <a href="https://baymard.com/research">research findings</a>.</p>



<p>In this article, we’ll provide <strong>3 high-level observations</strong> on where users on Event Ticketing sites struggle the most:</p>



<ul>
  <li>Opaque pricing and late-stage surcharges</li>
  <li>Delayed constraint filtering and hidden unavailability for ticket options</li>
  <li>High interaction cost for spatial and sightline evaluation of individual seats</li>
</ul>



<h2 id="unclear-pricing-and-ticket-availability-communication-drives-site-abandonment">Unclear Pricing and Ticket Availability Communication Drives Site Abandonment</h2>



<p>Shopping for event tickets differs fundamentally from traditional B2C ecommerce because users are not purchasing physical, returnable objects — they are committing to <strong>irreversible, future experiences.</strong></p>



<p>While product shopping is conversion-driven and relies on spec comparisons, experience shopping is <strong>confidence-driven</strong> and must be designed for hesitation.</p>



<p>Because a live event cannot be returned, any poor outcome results in <strong>permanently lost time,</strong> money, and emotional energy.</p>



<div class="anecdote-gallery-dn2bak anecdote-module-3ba83n v-size-big v-mood-negative"><div class="inner">
<div class="content anecdote-flex-module-a4j2aj v-gutter-spacing-small v-flow-from-tablet">
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:50.75757575757576%;flex-basis:50.75757575757576%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 44.31818181818182%;"><img alt="Desktop results page for “Nurse John” show with location and date drop-down and list of shows with links to “Find Tickets”." src="https://cdn.baymard.com/research/media_files/attachments/176944/original/research-media-file-80973f12a7df497654fd5e57c0198b5e.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:49.24242424242424%;flex-basis:49.24242424242424%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 45.68181818181819%;"><img alt="TicketWeb desktop event details page for the “Nurse John” show with the message that no tickets are available for purchase." src="https://cdn.baymard.com/research/media_files/attachments/176945/original/research-media-file-886291eeb09bb264ca59b9735214599b.png"></div></div></div></div>
</div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>”They told me that’s sold out…How do you know what’s available?”</em> While trying to find tickets for <em>“Nurse John”</em> on Ticketmaster.com (first image), this participant became increasingly annoyed at not being able to see which shows still had tickets available. <em>”This is really frustrating to me. Why would they show me tickets that aren’t even available? That’s dumb”</em>, she remarked, after clicking through to a third event only to discover on the partner page that there were <em>“No more tickets”</em> (second image). Scarcity is a regular challenge on Event Ticketing sites, and many sites fail to handle “sold out” or “low inventory” events well.</p>
</div></div>
</div></div>



<p>Consequently, users approach ticketing platforms with <strong>low trust and high anxiety,</strong> seeking maximum reassurance before committing.</p>



<p>Despite this need for early clarity, the <strong>central UX failure</strong> across Event Ticketing sites is hiding essential decision-making data until after users have committed significant effort.</p>



<p>Forcing users into <strong>deep-funnel interactions</strong> to reveal basic facts about total costs, contiguous seat availability, or physical sightlines multiplies interaction costs and triggers continuous backtracking (“pogo-sticking”).</p>



<p>Across our usability testing, this <strong>lack of upfront transparency</strong> consistently manifested in three foundational UX issues that severely impede user evaluation and drive site abandonment.</p>



<h3 id="1-opaque-pricing-and-late-stage-surcharges">1) Opaque Pricing and Late-Stage Surcharges</h3>



<div class="anecdote-gallery-dn2bak anecdote-module-3ba83n v-mood-negative"><div class="inner">
<div class="content anecdote-flex-module-a4j2aj v-gutter-spacing-small v-flow-from-tablet">
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:49.82043747959517%;flex-basis:49.82043747959517%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 204.93333333333334%;"><img alt="Mobile event details page for “Haïm Leads Handel &amp; Bach” show with dropdown to select date and time and “Buy Now” button." src="https://cdn.baymard.com/research/media_files/attachments/176946/original/research-media-file-0e2b00a62813c388f5cba9a5e6ac323c.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:50.17956252040483%;flex-basis:50.17956252040483%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 203.4666666666667%;"><img alt="Mobile seat selection page with venue map and list of price zones with price range below it." src="https://cdn.baymard.com/research/media_files/attachments/176947/original/research-media-file-cbbce1c9e3f63e03c22b7d44425daa10.png"></div></div></div></div>
</div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>”It doesn’t tell you immediately on here how much the tickets are. So why would I hit ‘Buy Now’ if I don’t know how much the tickets are? The last thing I’m going to do is hit ‘Buy Now’ if I don’t know how much it costs.”</em> While searching for tickets to <em>“Haïm Leads Handel &amp; Bach”</em> at the LA Phil (Android), this participant was both perplexed and annoyed by the absence of pricing information in the showtime listings on the “Event Details” page (first image). To discover the cost of attendance, she was forced to navigate to the “Seat Selection” page (second image) — a deep funnel level that many users are unwilling to reach without first confirming a price range. This demonstrates how withholding costs risks immediate funnel abandonment, as users are unlikely to commit to a specific performance without basic price transparency.</p>
</div></div>
</div></div>



<div class="anecdote-gallery-dn2bak anecdote-module-3ba83n v-size-big v-mood-negative"><div class="inner">
<div class="content anecdote-flex-module-a4j2aj v-gutter-spacing-small v-flow-from-tablet">
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:29.80919345596174%;flex-basis:29.80919345596174%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 193.86666666666667%;"><img alt="Mobile showtime listings page for “PAW Patrol Live!” with date, time, location, and ticket scarcity indicated for each event." src="https://cdn.baymard.com/research/media_files/attachments/176948/original/research-media-file-875b3dd038492580e1cff8ea1091d519.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:35.01015128026524%;flex-basis:35.01015128026524%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 165.06666666666666%;"><img alt="Mobile ticket quantity drop-down selector with 4 “PAW Patrol Live!” tickets selected, overlaying the seat map page." src="https://cdn.baymard.com/research/media_files/attachments/176949/original/research-media-file-8015fa6690be719fc90dc45d10ac7728.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:35.180655263773026%;flex-basis:35.180655263773026%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 164.26666666666668%;"><img alt="Mobile seat map for “PAW Patrol Live!” with tickets listed below, including info on section, row, seat number, and price." src="https://cdn.baymard.com/research/media_files/attachments/176950/original/research-media-file-a6550f266b8777303a59010fe2f8e2b9.png"></div></div></div></div>
</div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>”The one thing this one’s lacking is the price. It’s not telling me”</em>, one participant complained while scanning the showtime listings for <em>“PAW Patrol Live!”</em> on StubHub.com (iOS) (first image). Wanting to purchase 5 tickets for his family, price was a critical factor. <em>”Cause that’s the thing…my kids may watch this for 20 minutes and then they don’t want to see it anymore. So I want to know how much [it is].”</em> To find out, he had to select a date, enter his ticket quantity in a blocking overlay (second image), wait for the seat map to load, and scroll through the ticket listings where the prices were finally revealed (third image). By withholding costs until late in the funnel, the site left a poor impression on the participant and, ultimately, risked abandonment from a price-conscious customer.</p>
</div></div>
</div></div>



<p>When <strong>evaluating tickets</strong> across live events, users need upfront price transparency so they can quickly compare options against their budget with confidence.</p>



<p>Yet ticketing platforms routinely obstruct this process by <strong>hiding total costs</strong> until late in the booking funnel.</p>



<p>In testing, participants experienced severe friction when showtime listings and section maps <strong>omitted ticket prices,</strong> forcing labor-intensive, cross-page price tracking just to uncover basic costs (see guidelines <a href="https://baymard.com/guidelines/3117-displaying-prices-on-showtime-list-items">#3117</a> and <a href="https://baymard.com/guidelines/3123-ticket-prices-on-the-section-selection-page">#3123</a>).</p>



<div class="anecdote-gallery-dn2bak anecdote-module-3ba83n v-size-big v-mood-negative"><div class="inner">
<div class="content anecdote-flex-module-a4j2aj v-gutter-spacing-small v-flow-from-tablet">
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:36.88989784335982%;flex-basis:36.88989784335982%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 148.26666666666665%;"><img alt="Mobile seat map with 2 seats selected indicated with check marks, with the price below and add to cart button." src="https://cdn.baymard.com/research/media_files/attachments/176952/original/research-media-file-16c26900ce75f509ae7f1db69d475bfa.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:31.55505107832009%;flex-basis:31.55505107832009%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 173.33333333333334%;"><img alt="Mobile cart page for “&amp; Juliet” show with information on date, time, location, and total cost, including fees." src="https://cdn.baymard.com/research/media_files/attachments/176953/original/research-media-file-6c32b6d0ba933ab5350f378fd032e7bb.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:31.55505107832009%;flex-basis:31.55505107832009%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 173.33333333333334%;"><img alt="Mobile cart page with cart summary with subtotal, order charge, delivery charge, and total." src="https://cdn.baymard.com/research/media_files/attachments/176954/original/research-media-file-4599801a8ddea990d784681cce905187.png"></div></div></div></div>
</div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>”$75 in fees, really?…You know they’re just nickeling and diming me. I am not that interested in committing to this.”</em> After selecting 2 seats for a $360 total to <em>“&amp; Juliet”</em> at the Fox Theatre (iOS) (first image), this participant navigated through multiple subsequent pages, investing time and effort into evaluating add-ons and booking parking tickets. However, upon finally arriving at the cart, she was shocked to discover that the final total was heavily inflated by a wave of unexpected surcharges — including $75 in ticket fees and a $3 parking fee (second image), as well as a $5 <em>“Order Charge”</em> (third image). “<em>That’s garbage. You know what? Bake it into the cake. If you want to make the tickets cost more, then I can choose from there, but don’t suddenly add on my fees.”</em> Disgusted by the total lack of upfront pricing transparency, she immediately abandoned her cart to look for tickets elsewhere.</p>
</div></div>
</div></div>



<p>Furthermore, withholding mandatory service fees until the final cart or order review pages triggered <strong>intense sticker shock</strong> and eroded platform credibility, driving anxious buyers to abandon checkout entirely in favor of transparent competitors (see guideline <a href="https://baymard.com/guidelines/3135-ticket-pricing-model">#3135</a>).</p>



<h3 id="2-delayed-constraint-filtering-and-hidden-unavailability">2) Delayed Constraint Filtering and Hidden Unavailability</h3>



<p>When searching for tickets, users need immediate clarity on availability and an easy way to <strong>specify their group size</strong> right from the start.</p>



<p>Yet ticketing platforms routinely turn ticket discovery into an exhaustive <strong>trial-and-error process</strong> by hiding these essential constraints.</p>



<div class="anecdote-gallery-dn2bak anecdote-module-3ba83n v-size-big v-mood-negative"><div class="inner">
<div class="content anecdote-flex-module-a4j2aj v-gutter-spacing-small v-flow-from-tablet">
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:34.91450957778511%;flex-basis:34.91450957778511%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 171.86666666666665%;"><img alt='Mobile event details page for "A Midsummer Night’s Dream" at the Barbican with button to “Check dates &amp; book”.' src="https://cdn.baymard.com/research/media_files/attachments/176955/original/research-media-file-0e8a1e4733c55e50136eeab75c73d937.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:34.94161711627718%;flex-basis:34.94161711627718%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 171.73333333333335%;"><img alt="Mobile showtime listing page with date, time, and button to “Choose seats” for each option." src="https://cdn.baymard.com/research/media_files/attachments/176956/original/research-media-file-3d77f59594bef20c4b11d0111b61a210.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:30.143873305937714%;flex-basis:30.143873305937714%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 199.06666666666666%;"><img alt="Mobile seat map page with a few spread-out seats available and below, a list of colored dots with price for each color." src="https://cdn.baymard.com/research/media_files/attachments/176957/original/research-media-file-2b092e466634596d9c9c752e9f92cdd8.png"></div></div></div></div>
</div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>”So this is where I would start to get very frustrated”</em>, complained a participant shopping for tickets on the “Event Details” page (iOS) to <em>“A Midsummer Night’s Dream”</em> at the Barbican (first image). After finding a suitable date on the “Showtime Listing” page (second image) she navigated to the seat map — only to find a few single seats available (third image). Spending almost 4 minutes repeating this process for 2 separate performances and finding insufficient seating on both, she became visibly annoyed. <em>”I think at this point I would just look for a different show”</em>, she continued and returned to the event list, discouraged by the effort to manually check every date for seats.</p>
</div></div>
</div></div>



<p>In testing, participants repeatedly hit frustrating dead ends deep in the funnel simply because event listings <strong>failed to signal a <a href="https://baymard.com/guidelines/3111-sold-out-status-on-event-list-items">“Sold Out” status</a></strong> early in the flow.</p>



<p>Moreover, because sitting together is a often non-negotiable requirement for group buyers, <strong>failing to prompt for ticket quantity</strong> prior to showtime, section, or seat-selection pages forced continuous backtracking as users repeatedly loaded seat maps only to find scattered single seats (see guidelines <a href="https://baymard.com/guidelines/3114-ticket-quantity-on-the-showtime-listing-page">#3114</a>, <a href="https://baymard.com/guidelines/3120-ticket-quantity-on-the-section-selection-page">#3120</a>, and <a href="https://baymard.com/guidelines/3126-ticket-quantity-on-the-ticket-selection-page">#3126</a>).</p>



<h3 id="3-high-interaction-cost-for-spatial-and-sightline-evaluation">3) High Interaction Cost for Spatial and Sightline Evaluation</h3>



<p>When assessing ticket value, in addition to weighing price, users will also need to carefully weigh <strong>seat location and sightline quality</strong> — a detailed evaluation process where they naturally invest considerable time.</p>



<p>Yet ticketing interfaces routinely undermine this process by imposing <strong>heavy interaction friction.</strong></p>



<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n v-size-big v-mood-negative"><div class="inner">
<div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 47.38636363636364%;"><img alt="Desktop page with ticket list (left) and zone map (right), with the hovered section showing a seat view from the section." src="https://cdn.baymard.com/research/media_files/attachments/176958/original/research-media-file-8fe15bcd11089dd3557f5da20c2cf712.png"></div></div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>”I’m trying to click into it. It doesn’t want to click.”</em> While searching for 2 tickets to a <em>“Lakers vs. Heat”</em> game on TickPick.com, this participant attempted to use the zone map to view seats in section 110. However, when clicking on a section failed to filter and update the ticket listings, she assumed the feature was broken. <em>”I would say this is a bit faulty in terms of the navigation, because it’s not letting me click”</em>, she explained, repeatedly attempting to interact with the map. This lack of responsiveness prevented her from exploring specific sections and evaluating her ticket options as intended. Combined with higher prices than those seen on a previous site, the broken interaction became a tipping point for abandonment. Frustrated, she chose to return to a competitor offering better deals, prioritizing both price and functional reliability over TickPick’s “faulty” experience.</p>
</div></div>
</div></div>



<p>Multiplying these <strong>unnecessary clicks</strong> across multiple candidate events, dates, and venue sections quickly causes fatigue, frustration, and site abandonment.</p>



<p>In testing, participants struggled when venue maps acted as <strong>static graphics</strong> rather than <a href="https://baymard.com/guidelines/3132-filtering-by-location-on-the-ticket-selection-page">dynamic section filters</a> or failed to highlight a selected listing’s <a href="https://baymard.com/guidelines/3129-seat-location-on-the-ticket-selection-page">exact physical location</a>.</p>



<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n v-size-small v-mood-negative v-sidebar-caption"><div class="inner">
<div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 174.8%;"><img alt="Mobile ticket details page with partial venue map visible and ticket information including quantity and price below it." src="https://cdn.baymard.com/research/media_files/attachments/176959/original/research-media-file-63898fcf18a1fa1951c9b214c16f04f3.png"></div></div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>”I don’t know how this works…It doesn’t seem to give me that information…Yeah, I would not proceed.”</em> This participant was looking for 5 tickets to a classical music concert on AXS.com (iOS) and arrived on the “Ticket Details” page after selecting a ticket within his budget. Wanting to verify his exact seating location and evaluate the stage view, he was disappointed to find only a static map image. Left feeling highly uncertain about the seat’s proximity and perspective, he criticized the lack of information: <em>”I prefer websites…that kind of tells you like, how it views…There’s a great website, where once you click on a specific seat, it gives you a picture from that seat.”</em> Refusing to complete the transaction blindly, he abandoned the funnel to search for the same ticket on alternative platforms that offer superior visual clarity and interactive seat views.</p>
</div></div>
</div></div>



<p>Furthermore, when sites omitted embedded “Seat-View” previews on the “Ticket Selection” and “Ticket Details” pages, anxious buyers worried about sightline obstructions were frequently driven completely out of the booking funnel to <strong>search for venue photos externally</strong> (see guidelines <a href="https://baymard.com/guidelines/3138-seat-view-on-the-ticket-selection-page">#3138</a>, <a href="https://baymard.com/guidelines/3452-seat-view-and-location-on-the-desktop-ticket-details-page">#3452</a>, and <a href="https://baymard.com/guidelines/3455-seat-view-and-location-on-the-mobile-ticket-details-page">#3455</a>).</p>



<h2 id="provide-transparency-early-constraint-filtering-and-frictionless-evaluation-for-event-ticketing-users">Provide Transparency, Early Constraint Filtering, and Frictionless Evaluation for Event Ticketing Users</h2>



<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n v-size-big v-mood-positive"><div class="inner">
<div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 45.909090909090914%;"><img alt="Gametime desktop venue map with ticket pins showing price by default and “Seat-View” image on hover." src="https://cdn.baymard.com/research/media_files/attachments/176961/original/research-media-file-b6e1a39a5170bca4f5926efb8e43f3c7.png"></div></div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>”Wow, this has the seat view too. Oh, this has everything…this is extremely helpful.”</em> While browsing tickets to an ice hockey game on Gametime.co, this participant hovered over a “Price Pin” on the venue map, which activated a tooltip with a “Seat-View” image, and was instantly impressed. “I like this combination,” she continued, referring to the map interactivity and the “Seat-View” thumbnails. <em>”That really allows me to stay on the page the entire time.”</em> Because the “Ticket Selection” page presented these views both in the listing panel and as interactive tooltips on the venue map, she was able to evaluate seat quality, location, and cost simultaneously without having to navigate deeper into the funnel — empowering her to make an efficient, informed selection.</p>
</div></div>
</div></div>



<div class="anecdote-gallery-dn2bak anecdote-module-3ba83n v-mood-positive"><div class="inner">
<div class="content anecdote-flex-module-a4j2aj v-gutter-spacing-small v-flow-from-tablet">
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:50.01637733377006%;flex-basis:50.01637733377006%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 203.4666666666667%;"><img alt="Zoomed in mobile seat map with grey and black dots for seats, and below, price for 2 seats and button to confirm selection." src="https://cdn.baymard.com/research/media_files/attachments/176962/original/research-media-file-4f22493ed7869cc05e78c7d1596fe44f.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:49.983622666229934%;flex-basis:49.983622666229934%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 203.6%;"><img alt="Overlay of seat view including price and select button on top of mobile seat map with grey and black dots for seats." src="https://cdn.baymard.com/research/media_files/attachments/176963/original/research-media-file-8ad1af2f36c2aa15a0b04584a081bfe1.png"></div></div></div></div>
</div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>”Oh, that’s cool. Okay, so this is showing me the view from those seats, which is pretty good. So I’m going to select that.”</em> While evaluating her options on the interactive seat map for a concert at the LA Phil (Android), this participant tapped on a seat she was interested in (first image). This triggered an overlay featuring a photograph of the actual seat view, providing immediate visual context regarding the stage perspective (second image). Satisfied with the clear visibility, she proceeded to confidently buy her tickets.</p>
</div></div>
</div></div>



<p>To resolve these friction points and foster purchasing confidence, event ticketing platforms must <strong>shift from deep-funnel data disclosure</strong> to an upfront, user-centered evaluation flow.</p>



<p>Platforms can resolve user friction by aligning the booking journey with <strong>users’ core needs</strong> for early clarity, financial predictability, and visual reassurance.</p>



<p>This requires satisfying users’ need for <strong>transparent pricing</strong> from their very first interaction — eliminating the anxiety of hidden fees and late-stage sticker shock.</p>



<p>It also means respecting <strong>group buyers’ nonnegotiable requirements</strong> by validating capacity upfront, sparing them from tedious trial-and-error searches.</p>



<p>Finally, platforms must support users’ need to evaluate ticket value by <strong>providing seamless spatial context</strong> around seat location and sightlines, giving them the confidence required to commit without leaving the sales funnel.</p>



<p>Users with access to the Event Ticketing industry research can start with the <strong>37</strong> <a href="https://baymard.com/premium/guideline-collections/oaborl">“Essential” UX guidelines</a>, before moving on to consider the rest of the 370+ guidelines on improving Event Ticketing UX.</p>



<p>Implementing the recommendations provided within will help to ensure <strong>users have what they need</strong> to evaluate ticket options transparently, increasing their confidence when making a purchase decision.</p>



<p><em>Getting access: all 370+ Event Ticketing UX guidelines are available today within <a href="https://baymard.com/research">Baymard</a>. (If you already have access through your account, open the <a href="https://baymard.com/premium/guideline-collections/oaborl">Event Ticketing</a> study.)</em></p>



<p><em>If you want to know how your desktop site, mobile site, or app performs and compares, then learn more about getting Baymard to conduct a <a href="https://baymard.com/audits/site-element">UX Audit</a> of your site or app.</em></p>



<p>
  <a href="https://twitter.com/intent/tweet?text=New+Event+Ticketing+UX+Research%3A+3+Key+Takeaways&amp;url=https://baymard.com/research-articles/event-ticketing-ux-research-launch&amp;via=Baymard&amp;related=Baymard,jamieappleseed,KiehnHolst">Post this article on X</a>
</p><img src="https://feeds.baymard.com/link/9825/17472042.gif" height="1" width="1"/>]]></content>
    <author>
      <name>Malin Liljeblad</name>
    </author>
  </entry>
  <entry>
    <id>tag:baymard.com,2005:Article/480</id>
    <published>2026-09-15T11:30:00+02:00</published>
    <updated>2026-09-15T11:51:47+02:00</updated>
    <link rel="alternate" type="text/html" href="https://feeds.baymard.com/link/9825/17465879/b2b-medical-pharma-ux-benchmark-2026"/>
    <title>B2B Medical &amp; Pharma UX Benchmark: 3,400+ Performance Scores and 2,600+ Best Practice Examples</title>
    <content type="html"><![CDATA[<p><em>(Note: Unfortunately, e-mail and RSS don’t support advanced layouts and features. If the graphics in this article look strange, you may want to <a href="https://baymard.com/research-articles/b2b-medical-pharma-ux-benchmark-2026">read the article</a> in your web browser.)</em></p>


<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n disable-zoom-kf4n8k v-size-big"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 65.11363636363636%;"><img alt="Thermo Fisher desktop homepage advertising SureSTART equipment collection with “Explore now” CTA." src="https://cdn.baymard.com/research/media_files/attachments/176885/original/research-media-file-5ac3013e6274c19eef9fe458029bbd98.png"></div></div></div></div>



<p>At Baymard, we’ve just released a new UX benchmark with <strong>10 “B2B Medical &amp; Pharma”</strong> UX case studies.</p>



<p>This follows from our large-scale user testing and <strong>adds to</strong> our existing <a href="https://baymard.com/ux-benchmark">ecommerce UX benchmark</a>.</p>



<p>In this article, we give you a <strong>snapshot</strong> of the overall UX performance.</p>



<h2 id="10-b2b-medical--pharma-ux-case-studies-and-the-overall-performance">10 B2B Medical &amp; Pharma UX Case Studies and the Overall Performance</h2>



<div class="anecdote-module-3ba83n v-size-full-width">
<div class="grid case-study-cards-yz73ak">

    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/abcam">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            AbCam
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #e68e0d">
              mediocre
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              B2B Medical &amp; Pharma
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            40
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/waters">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Waters
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #e3890e">
              mediocre
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              B2B Medical &amp; Pharma
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            38
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/allegro-medical">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Allegro Medical
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #e3870e">
              mediocre
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              B2B Medical &amp; Pharma
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            41
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/medline">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Medline
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #da7612">
              mediocre
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              B2B Medical &amp; Pharma
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            25
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/cole-parmer">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Cole-Parmer
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #d66d14">
              mediocre
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              B2B Medical &amp; Pharma
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            50
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/mckesson">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Mckesson
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #cc5819">
              poor
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              B2B Medical &amp; Pharma
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            22
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/thermo-fisher">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Thermo Fisher
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #c5491d">
              poor
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              B2B Medical &amp; Pharma
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            42
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/henry-schein">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Henry Schein 
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #c2441e">
              poor
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              B2B Medical &amp; Pharma
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            38
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/bound-tree-medical">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Bound Tree Medical
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #c2421e">
              poor
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              B2B Medical &amp; Pharma
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            41
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/sigma-aldrich">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Sigma Aldrich
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #b52825">
              poor
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              B2B Medical &amp; Pharma
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            41
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>

    <div class="card v-cta case-study-cards-yz73ak">
      <h3 class="card--title case-study-cards-yz73ak">
        YourSite.com?
      </h3>
      <p class="card--cta-paragraph case-study-cards-yz73ak">
        Want to know how your site performs?
        <a href="https://baymard.com/research">Get Premium access</a> 
        to review your own site or have it 
        <a href="https://baymard.com/audits/site-element">audited</a> 
        by Baymard researchers.
      </p>
    </div>

</div>
</div>



<p>These are the 10 <strong>in-depth</strong> B2B Medical &amp; Pharma UX case studies.</p>



<p>The 10 sites have been manually assessed across <strong>400+ research-based UX parameters</strong> relevant to <a href="https://baymard.com/research/b2b-medical-pharma">B2B Medical &amp; Pharma</a>, resulting in 3,400+ weighted UX performance scores and 2,600+ best practice examples from these desktop and mobile sites.</p>



<p>Each of the 3,400+ <strong>UX performance scores</strong> from the 10 B2B Medical &amp; Pharma case studies is summarized in the interactive scatterplot below — showing you how they perform collectively and individually:</p>



<p>{{ scatterplot-graph: size=big + habitat=public + base-sites=collection:medical-pharma + view-structure-id=gemini-st_i06psz9k }}</p>



<p>The <strong>overall UX</strong> performance of the B2B Medical &amp; Pharma sites ranges from “poor” to “mediocre”.</p>



<p>Here are just a few of the <strong>overarching UX issues</strong> we observed.</p>



<p>Product documentation and specification details were often <strong>incomplete or inconsistent</strong> between products, complicating comparison.</p>



<p>While the specifications that were present read clearly, the documents behind them were <strong>frequently missing</strong>, and the same attribute was often labeled differently from one product to the next (see guidelines <a href="https://baymard.com/guidelines/2542-manufacturer-s-datasheets">#2542</a> and <a href="https://baymard.com/guidelines/839-making-specs-consistent-and-uniform">#839</a>).</p>



<p>Furthermore, product prices were <strong>often unclear</strong> (see guidelines <a href="https://baymard.com/guidelines/792-product-price-visibility">#792</a> and <a href="https://baymard.com/guidelines/817-price-information-for-product-sold-in-multiple-amounts">#817</a>), and <a href="https://baymard.com/guidelines/825-providing-a-total-order-cost">full order cost</a>, and <a href="https://baymard.com/guidelines/802-where-and-how-to-display-delivery-information">delivery timing</a> were commonly absent from the product page buy section.</p>



<p>Search <strong>offered little help</strong> when a query was imperfect.</p>



<p>Sites handled exact product titles well, but did much less once a query or an entry was slightly off (see guidelines <a href="https://baymard.com/guidelines/355-handling-misspellings-on-search-results-pages">#355</a> and <a href="https://baymard.com/guidelines/358-providing-alternative-search-queries">#358</a>).</p>



<p><strong>Carts couldn’t be</strong> saved, shared, or handed to another person to complete.</p>



<p>B2B users often <strong><a href="https://baymard.com/guidelines/2682-cart-collaboration-features-for-b2b-items">need to collaborate</a></strong> with others on their orders, but nothing in the cart supported an order assembled by one person and placed by another.</p>



<p>As this benchmark shows, with <strong>no sites</strong> delivering even a “decent” or better overall user experience, there is plenty of room for improvement.</p>



<p>A publicly available <strong>overview</strong> of the research and benchmark can be found on our <a href="https://baymard.com/research/b2b-medical-pharma">B2B Medical &amp; Pharma UX research</a> overview page.</p>



<p><em><strong>Getting access:</strong> all 3,400+ UX performance scores, 2,600+ best practice examples, and the UX insights from researching the B2B Medical &amp; Pharma ecommerce industry are available immediately and in full within <a href="https://baymard.com/research">Baymard</a>. (If you already have access through an account, open the <a href="https://baymard.com/premium/benchmarks/collections/medical-pharma">B2B Medical &amp; Pharma UX Benchmark collection</a>.)</em></p>



<p><em>If you want to know how your Medical &amp; Pharma desktop and mobile sites perform and compare, then learn more about getting Baymard to conduct a <a href="https://baymard.com/audits/b2b-medical-pharma">B2B Medical &amp; Pharma UX audit</a> of your site.</em></p>



<p>
  <a href="https://twitter.com/intent/tweet?text=B2B+Medical+%26amp%3B+Pharma+UX+Benchmark%3A+3%2C400%2B+Performance+Scores+and+2%2C600%2B+Best+Practice+Examples&amp;url=https://baymard.com/research-articles/b2b-medical-pharma-ux-benchmark-2026&amp;via=Baymard&amp;related=Baymard,jamieappleseed,KiehnHolst">Post this article on X</a>
</p><img src="https://feeds.baymard.com/link/9825/17465879.gif" height="1" width="1"/>]]></content>
    <author>
      <name>Anders Nielsen</name>
    </author>
  </entry>
  <entry>
    <id>tag:baymard.com,2005:Article/479</id>
    <published>2026-09-09T10:05:00+02:00</published>
    <updated>2026-09-09T10:10:17+02:00</updated>
    <link rel="alternate" type="text/html" href="https://feeds.baymard.com/link/9825/17465876/accounts-and-self-service-ux-research-2026"/>
    <title>Accounts &amp; Self-Service UX Research Update and Expansion: 3 Key Takeaways</title>
    <content type="html"><![CDATA[<p><em>(Note: Unfortunately, e-mail and RSS don’t support advanced layouts and features. If the graphics in this article look strange, you may want to <a href="https://baymard.com/research-articles/accounts-and-self-service-ux-research-2026">read the article</a> in your web browser.)</em></p>


<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n disable-zoom-kf4n8k v-size-big"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 45.45454545454545%;"><img alt="Desktop “Personal Info” page including “Sign in preferences” alongside Wayfair mobile interface to “Manage Payment Options”." src="https://cdn.baymard.com/research/media_files/attachments/176796/original/research-media-file-eab850ee8b0d9d682bd135d1c39844b9.png"></div></div></div></div>



<div class="anecdote-inception-ab2a8j anecdote-module-3ba83n accentuated-box--design-system-transition-fdh4he page-feature-abjgu anecdote-secondary-font-a3a8fb anecdote-small-text-size-an43ja"><div class="anecdote-wysicontent-ndj4ab inner">
<p class="overline--design-system-transition-fdh4he">Key Takeaways</p>
<ul>
  <li>Baymard has new research on Accounts &amp; Self-Service UX</li>
  <li>The research uncovered UX issues and identified UX solutions specific to the Accounts area of ecommerce sites</li>
  <li>Much has changed in account security and sign in, order management and tracking, and order returns since our last large-scale research in 2018</li>
</ul>
</div></div>



<div class="anecdote-inception-ab2a8j anecdote-module-3ba83n accentuated-box--design-system-transition-fdh4he page-feature-abjgu anecdote-secondary-font-a3a8fb anecdote-small-text-size-an43ja"><div class="anecdote-wysicontent-ndj4ab inner">
<p class="overline--design-system-transition-fdh4he">Key Stats</p>
<ul>
  <li>4,000+ new hours of Accounts &amp; Self-Service research</li>
  <li>1,400+ usability issues observed in testing</li>
  <li>1,000+ US adults surveyed as part of our complementary quantitative research</li>
</ul>

</div></div>



<p>Today at Baymard, we’re announcing the launch of our new <strong>updated and expanded</strong> <a href="https://baymard.com/blog/current-state-accounts-selfservice">Accounts &amp; Self-Service</a> UX research.</p>



<p>We <strong>first investigated</strong> UX issues in Accounts &amp; Self-Service in 2018.</p>



<p>In this update, we’ve <strong>retested all the UX issues</strong> observed in 2018, verified all our UX solutions, wrote new guidelines based on newly observed Accounts &amp; Self-Service UX issues, and rewritten the bulk of our verified guidelines for improved usefulness and clarity.</p>



<p>This work has resulted in 57 new and updated Accounts &amp; Self-Service guidelines based on <strong>1,400+ usability issues</strong> observed during testing.</p>



<p>The 57 guidelines are a <strong>key foundation</strong> for ensuring a high-performing Accounts and Self-Service UX.</p>



<p>Additionally, we’ve included <strong>mobile test observations</strong> for the first time.</p>



<p>As a result, this study represents our <strong>most comprehensive findings</strong> on Accounts &amp; Self Service ecommerce UX.</p>



<p>In this article, we’ll highlight <strong>3 high-level insights</strong> from our new Accounts &amp; Self-Service UX <a href="https://baymard.com/research">research findings</a>.</p>



<h2 id="new-insights-for-accounts--self-service-ux">New Insights for Accounts &amp; Self-Service UX</h2>



<p>Compared to 2018, the landscape of Accounts &amp; Self-Service has <strong>changed dramatically,</strong> particularly in 3 areas.</p>



<h3 id="1-account-security-and-sign-in">1) Account Security and Sign In</h3>



<div class="anecdote-gallery-dn2bak anecdote-module-3ba83n v-size-big v-mood-negative"><div class="inner">
<div class="content anecdote-flex-module-a4j2aj v-gutter-spacing-small v-flow-from-tablet">
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:50.49800796812749%;flex-basis:50.49800796812749%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 56.477272727272734%;"><img alt="J.Crew desktop account page with masked input typed in the  “Current Password” field." src="https://cdn.baymard.com/research/media_files/attachments/176797/original/research-media-file-92fd738b49339bec07e8fbae143a717b.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:49.50199203187251%;flex-basis:49.50199203187251%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 57.61363636363637%;"><img alt="J.Crew desktop account page with error message with password requirements below the “New Password” field with masked input." src="https://cdn.baymard.com/research/media_files/attachments/176798/original/research-media-file-2505bae7066d87b276306f949cf24163.png"></div></div></div></div>
</div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p>At J.Crew, participants updating their passwords were provided no guidance regarding the site’s <a href="https://baymard.com/guidelines/676-informing-users-about-password-creation-requirements">password requirements</a>, and they were unable to <a href="https://baymard.com/guidelines/665-show-password-feature">view their input</a>, further increasing the likelihood of errors (first image). It is only after a password that doesn’t meet the requirements is submitted that the site discloses the requirements (second image).</p>
</div></div>
</div></div>



<p>The standard username and password combination required to create and sign in to an account is quickly being replaced by <strong>passkeys</strong> (e.g., fingerprint, Face ID, or device PIN) and one-time passcodes (OTPs), which are considered by many users to be more convenient — and more secure.</p>



<p>Indeed, <strong>account security</strong> is also top of mind for users — especially when personal information and saved payment methods are involved.</p>



<div class="anecdote-gallery-dn2bak anecdote-module-3ba83n v-size-big"><div class="inner"><div class="content anecdote-flex-module-a4j2aj v-gutter-spacing-small v-flow-from-tablet">
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n v-mood-positive" style="width:46.98654183733177%;flex-basis:46.98654183733177%"><div class="inner">
<div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 51.47727272727273%;"><img alt="Walmart desktop “Personal Info” page with “Sign in preferences” on the right, including two-factor authentication option." src="https://cdn.baymard.com/research/media_files/attachments/176799/original/research-media-file-683f4a14ac449c39760044e2b60fd177.png"></div></div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>“I use two-factor authentication — it seems just to be standard now to get a code sent to either my phone number or email address. It seems like a lot of websites are doing that now for safety reasons”</em>, remarked a participant viewing the sign in preferences at <a href="https://baymard.com/ux-benchmark/case-studies/walmart">Walmart</a>. Participants generally appreciated having the option to enable two-factor authentication (2FA).</p>
</div></div>
</div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n v-mood-positive" style="width:53.01345816266823%;flex-basis:53.01345816266823%"><div class="inner">
<div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 45.625%;"><img alt="Desktop “Sign in Details” section with options “with” or “without” password, and a two-factor authentication banner above." src="https://cdn.baymard.com/research/media_files/attachments/176800/original/research-media-file-a49495d1d3bcffb5723ca2be65bb8fd7.png"></div></div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>“Two-factor authentication — not all the time, I’m going to be really honest. It’s kind of site-dependent, but do I use it — especially if it’s a large account or a large website — something I’m doing a lot on. It’s almost always on, but not always”</em>, explained a participant at <a href="https://baymard.com/ux-benchmark/case-studies/home-depot">Home Depot</a>, noting the two-factor authentication (2FA) banner at the top of the <em>“Security &amp; Password”</em> page.</p>
</div></div>
</div></div>
</div></div></div>



<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n v-size-big v-mood-positive"><div class="inner">
<div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 59.94318181818182%;"><img alt="Target desktop “Sign in and security” page with password, two-factor authentication set to “Active”, and a passkey option." src="https://cdn.baymard.com/research/media_files/attachments/176801/original/research-media-file-c4d81b192ba3b00b925ca718a1e69bd7.png"></div></div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>“I feel good that whoever may or may not have the password will not be able to log in anymore, but to ensure that doesn’t happen again, I would set up 2-factor authentication”</em>, remarked a participant at <a href="https://baymard.com/ux-benchmark/case-studies/target">Target</a>. After updating her password she took the extra step to enable two-factor authentication (2FA). <em>“It is enabled. I’m assuming the next time I sign in, I would need to receive a text message or an email code to be able to log in.”</em> Offering optional account security features is a low-friction way for sites to allow security-conscious users to opt in without burdening other users who are less risk-averse.</p>
</div></div>
</div></div>



<p>During recent testing, <strong>81% of participants reported</strong> saving credit card details in their account at sites they shop at frequently, and 60% appreciated when two-factor authentication (2FA), which requires confirmation from a user’s verified account email or phone number before being able to sign in, was available to activate.</p>



<p>It’s therefore key that ecommerce sites <strong>move beyond traditional</strong> username and password combinations to support users signing in to their accounts.</p>



<p>Indeed, as observed during testing, strong visible and optional security features such as <a href="https://baymard.com/guidelines/3072-account-security-features">two-factor authentication (2FA) and device management</a> <strong>build confidence and trust</strong> with users.</p>



<p>However, these features must be <strong>implemented carefully</strong> to avoid becoming a roadblock to users checking out or managing their account details.</p>



<div class="anecdote-gallery-dn2bak anecdote-module-3ba83n v-mood-negative"><div class="inner">
<div class="content anecdote-flex-module-a4j2aj v-gutter-spacing-small v-flow-from-tablet">
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:54.039301310043676%;flex-basis:54.039301310043676%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 168.4%;"><img alt="Mobile sign in form with email and password fields highlighted in red and an error message below." src="https://cdn.baymard.com/research/media_files/attachments/176802/original/research-media-file-564eaa5153aafa268e4e1458e1ca8252.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:45.96069868995634%;flex-basis:45.96069868995634%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 198.0%;"><img alt="Mobile form to reset password with masked inputs in both the “New Password” and “Confirm New Password” fields." src="https://cdn.baymard.com/research/media_files/attachments/176803/original/research-media-file-b599ad3f548e3177680b2a9dce44757c.png"></div></div></div></div>
</div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>“Oh, okay. Maybe I typed it wrong. Um, it doesn’t like me”</em>, laughed a participant (iOS) attempting to sign in at <a href="https://baymard.com/ux-benchmark/case-studies/american-eagle-outfitters">American Eagle</a> (first image). She proceeded to reset the password, but was unable to verify the new password because it was also only displayed as masked (second image). <em>“That was a little bit of a pain”</em>, she remarked negatively after resetting the password.</p>
</div></div>
</div></div>



<p>Next, account sign in is viewed by many users as simply a <strong>hurdle to overcome</strong> to proceed with more productive tasks, such as checking out, tracking orders, managing account details, or initiating returns.</p>



<p>However, when account sign in is problematic, users’ <strong>frustration will mount,</strong> as they haven’t even reached the account feature they’re interested in yet.</p>



<h3 id="2-order-management-and-tracking">2) Order Management and Tracking</h3>



<p>Order management and tracking continue to be <strong>top priorities</strong> for users.</p>



<p>.</p>



<p>Whether making a one-time purchase or subscribing to recurring shipments (e.g., every 3 weeks, every 4 months), recent testing reveals that users’ expectations regarding self-service order management and tracking features and information have only <strong>intensified</strong> since 2018.</p>



<div class="anecdote-gallery-dn2bak anecdote-module-3ba83n v-size-big v-mood-negative"><div class="inner">
<div class="content anecdote-flex-module-a4j2aj v-gutter-spacing-small v-flow-from-tablet">
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:50.2247191011236%;flex-basis:50.2247191011236%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 50.34090909090909%;"><img alt="Desktop order list with canceled items and the top one with product details shown, the rest with ID and date only." src="https://cdn.baymard.com/research/media_files/attachments/176804/original/research-media-file-e7e7dbe417fceeaaeab937f4665f9567.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:49.7752808988764%;flex-basis:49.7752808988764%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 50.79545454545455%;"><img alt="Desktop order list with details for a whisk including thumbnail, price, color, name, delivery date, and option to buy again." src="https://cdn.baymard.com/research/media_files/attachments/176805/original/research-media-file-79c4438414ccacdac543eaa653f71eb0.png"></div></div></div></div>
</div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>“I often go to my previously ordered items to buy them again, rather than searching the site to try to find them. If I want to make sure I get that same thing again”</em>, explained a participant at Bloomingdale’s as she scrolled the “Order List” page looking for a previous order containing a whisk. However, she couldn’t easily locate the desired order because only the order number and order date were visible by default (first image). Consequently, she opened 4 orders before stumbling across the whisk order (second image). Hiding basic item and order details in collapsed sections performed as poorly in testing as not providing these details at all (see guidelines <a href="https://baymard.com/guidelines/3218-displaying-key-item-and-order-details-on-the-order-list-page">#3218</a> and <a href="https://baymard.com/guidelines/925-order-list-item-info">#925</a>). Indeed, this design places the burden on users to interact with the interface simply to discover the contents of each order.</p>
</div></div>
</div></div>



<p>The “Order List” and “Order Details” pages serve as <strong>critical starting points</strong> for users when they are looking for specific order-related information, and when they want to modify or cancel an order, start a return, review a purchased item, or revisit a purchased item to buy it again.</p>



<p>Across multiple large-scale studies, we’ve observed that users need easy access to certain <strong><a href="https://baymard.com/guidelines/925-order-list-item-info">basic information</a></strong> and actions to effectively identify and manage their orders.</p>



<p>For example, without a clear understanding of order contents and status, and adequate features to identify desired orders on the “Order List” page, users will be <strong>needlessly delayed</strong> in beginning their order-related tasks, which can result in unwanted additional orders and place more strain on customer service.</p>



<p>Likewise, when key details for items on the <a href="https://baymard.com/guidelines/3267-subscriptions-list-page-item-details">“Subscriptions List” page</a> are missing or unclear, users will be <strong>unable to easily identify</strong> and manage recurring orders.</p>



<div class="anecdote-gallery-dn2bak anecdote-module-3ba83n v-size-big v-mood-negative"><div class="inner">
<div class="content anecdote-flex-module-a4j2aj v-gutter-spacing-small v-flow-from-tablet">
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:50.0%;flex-basis:50.0%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 49.48863636363636%;"><img alt='Desktop "Order Tracking" overlay with the tracking number highlighted and some shipping info and tracking history displayed.' src="https://cdn.baymard.com/research/media_files/attachments/176806/original/research-media-file-d62aa7436638c418e771ef43ae55063e.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:50.0%;flex-basis:50.0%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 49.48863636363636%;"><img alt="Order tracking page with expected delivery date and time and order status progress displayed on the USPS desktop site." src="https://cdn.baymard.com/research/media_files/attachments/176807/original/research-media-file-cd08bd5ef47de22848b85ff7833c35c7.png"></div></div></div></div>
</div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>“Right now it’s in Opa Locka, which is here in Miami. So, it’s arrived there, but it doesn’t give me an estimated delivery date. So that’s a little disappointing. I would hope that that information would be there”</em>, complained a participant at Bloomingdale’s when he discovered the “Order Tracking” overlay lacked an estimated delivery date (first image). <em>“Okay, so here it’s saying, the expected delivery date is today, the 23rd, by 9:00 PM.”</em> He searched the tracking number at the carrier site and confirmed the expected delivery date and time (second image). <em>“Yeah, see, it would be helpful if the information from USPS about the expected delivery date would also be included. I’m just not seeing it anywhere. I’m not seeing it anywhere on the website”</em>, he lamented after he returned to his tracking information at Bloomingdale’s.</p>
</div></div>
</div></div>



<p>When it comes to <strong>order tracking,</strong> for most users the <a href="https://baymard.com/blog/integrate-tracking-info">key details needed to track an order</a> are the estimated delivery date, the carrier name, and the subevents or stages of the order delivery process.</p>



<p>Some tracking details will be contained in the order shipment notification email, but users who need more detail on order tracking than is in the shipping notification email will visit the <strong>“Order Tracking” page</strong> on the ecommerce site.</p>



<p>Ideally, the destination page on the ecommerce site will contain <strong>all the tracking information</strong> users need, including photo proof of the delivery.</p>



<h3 id="3-order-returns">3) Order Returns</h3>



<div class="anecdote-gallery-dn2bak anecdote-module-3ba83n v-size-big v-mood-negative"><div class="inner">
<div class="content anecdote-flex-module-a4j2aj v-gutter-spacing-small v-flow-from-tablet">
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:32.96384395151357%;flex-basis:32.96384395151357%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 48.69318181818182%;"><img alt="Wayfair desktop list of orders with options to track, edit review, and view details (hovered with mouse)." src="https://cdn.baymard.com/research/media_files/attachments/176808/original/research-media-file-c58a871d16aa6c3ed4b7992f8fb44466.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:33.04095235841769%;flex-basis:33.04095235841769%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 48.57954545454545%;"><img alt="Wayfair desktop “Order Details” overlay on top of orders list with options to track and edit review." src="https://cdn.baymard.com/research/media_files/attachments/176809/original/research-media-file-3b326be5098bc27c4100b254169240d0.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:33.99520369006874%;flex-basis:33.99520369006874%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 47.21590909090909%;"><img alt="Desktop footer with the return policy link right-clicked and hovering the option to “Open Link in New Tab” in the menu." src="https://cdn.baymard.com/research/media_files/attachments/176810/original/research-media-file-198a3561c1dcd6b41ce04ef7b9452455.png"></div></div></div></div>
</div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>“Let’s see, ‘View Details’. That’s not very clear. I’m looking for where I can start my return. I don’t see it here — the return part. So let me see, I’ll click ‘Return Policy’.”</em> This participant at <a href="https://baymard.com/ux-benchmark/case-studies/wayfair">Wayfair</a> searched for information about returning an item in the order listing (first image) and in the “Order Details” overlay (second image). She then resorted to opening the <a href="https://baymard.com/guidelines/3273-links-to-the-return-policy-shipping-info-and-order-tracking">return policy link in the footer</a> (third image). Simply removing the <em>“Start Return”</em> button when the return window has closed, as was the case at Wayfair, created needless uncertainty for participants, and often resulted in wasted time and effort.</p>
</div></div>
</div></div>



<div class="anecdote-gallery-dn2bak anecdote-module-3ba83n v-size-big v-mood-negative"><div class="inner">
<div class="content anecdote-flex-module-a4j2aj v-gutter-spacing-small v-flow-from-tablet">
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:50.247933884297524%;flex-basis:50.247933884297524%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 51.30681818181818%;"><img alt="Amazon desktop interface for refund method with 3 options with radio buttons and “Refund to Visa” option has no button." src="https://cdn.baymard.com/research/media_files/attachments/176811/original/research-media-file-6c675d3480fc4d7984704fed3eb97fbe.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:49.75206611570248%;flex-basis:49.75206611570248%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 51.81818181818182%;"><img alt="Amazon desktop interface for refund method and all 4 options has radio buttons for selection." src="https://cdn.baymard.com/research/media_files/attachments/176812/original/research-media-file-43e659e2759c0e6037a9771caceb95fa.png"></div></div></div></div>
</div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>“Um, this is the tricky part — this is where Amazon gets you — so sneaky! They generally don’t give you the option to put it back on your credit card, unless you’re very — there’s not a bubble here, right? If you’re being very quick about it, you’re going to click ‘Amazon account’, blah, blah, and you’re going to click ‘Return’. They still have your money! I actually want my money back. I don’t want to add this to my gift card amount or whatever. So I think this is a bit sneaky on Amazon’s part.”</em> This participant at <a href="https://baymard.com/ux-benchmark/case-studies/amazon">Amazon</a>, having been duped by the <a href="https://baymard.com/guidelines/3414-selecting-a-return-refund-option">“Refund Method” interface</a> in the past, carefully located and clicked the <em>“Refund to Visa”</em> link (first image), which revealed the radio button for her preferred refund option (second image).</p>
</div></div>
</div></div>



<p>While for many sites returns are an undesirable aspect of ecommerce, how sites perform during returns is <strong>critical for end users.</strong></p>



<p>A high-performing returns experience can, perhaps counterintuitively, become the basis of a <strong>loyal customer relationship.</strong></p>



<p>On the other hand, a returns experience fraught with confusion, friction, and unnecessary obstacles will cause some users to <strong>avoid shopping</strong> at a site in the future.</p>



<p>Yet during large-scale testing, participants <strong>frequently struggled</strong> to determine an order’s eligibility for returns and to confidently navigate the return flow.</p>



<p>Moreover, returns has perhaps undergone the <strong>largest transformation</strong> since 2018.</p>



<p>Indeed, in 2018 returning an item typically required finding a box, printing a paper return shipping label, repackaging the item, dropping it off with a carrier, and waiting several weeks for a refund.</p>



<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n v-size-small v-mood-positive v-sidebar-caption"><div class="inner">
<div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 198.66666666666666%;"><img alt="Mobile interface for method to return item with “Label-Free” drop-off at the UPS store selected." src="https://cdn.baymard.com/research/media_files/attachments/176813/original/research-media-file-79be0b885db2d7d1969e2d25354c53f6.png"></div></div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>“’Label-Free at the UPS Store, no printer needed’. I will do that option. I don’t have a printer, so that’s generally how I do returns”</em>, explained a participant (iOS) at Bloomingdale’s, as she chose the “Label-Free” drop-off at the UPS store (see guidelines <a href="https://baymard.com/guidelines/3279-printerless-return-shipping-method">#3279</a> and <a href="https://baymard.com/guidelines/3411-free-third-party-drop-off-returns">#3411</a>).</p>
</div></div>
</div></div>



<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n v-size-small v-mood-positive v-sidebar-caption"><div class="inner">
<div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 200.0%;"><img alt="Walmart mobile interface for selecting return method with “Schedule for pickup” selected amongst the 5 options." src="https://cdn.baymard.com/research/media_files/attachments/176814/original/research-media-file-a6b3fa810a61fd23fb74ffe38c4e4a3e.png"></div></div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>“Okay, it’s giving me all the options. I’m going to do the ‘schedule for pickup’ option. ‘It’s free, choose a time and place, and we’ll pick it up.’ I’ve got to pack the item, that’s fine.”</em> This participant (Android) returning an item at <a href="https://baymard.com/ux-benchmark/case-studies/walmart">Walmart</a> opted for the free FedEx pickup method.</p>
</div></div>
</div></div>



<p>On the contrary, during recent testing, participants benefited from label-free — and sometimes box-free — <strong>return shipping methods,</strong> as well as <a href="https://baymard.com/guidelines/3276-return-pickup-method">“Return Pickup”</a>.</p>



<p>Additionally, for some participants, <strong>refunds</strong> were initiated as soon as the returned item was scanned during drop-off or pickup.</p>



<p>Overall, users expect a <strong>much more responsive</strong> returns experience with clear, easy-to-locate return details, multiple return options (including at least one free one), and straightforward refund options and confirmation.</p>



<h2 id="support-key-customers-with-high-performing-accounts-ux">Support Key Customers with High-Performing Accounts UX</h2>



<div class="anecdote-gallery-dn2bak anecdote-module-3ba83n v-mood-negative"><div class="inner">
<div class="content anecdote-flex-module-a4j2aj v-gutter-spacing-small v-flow-from-tablet">
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:50.0%;flex-basis:50.0%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 174.8%;"><img alt="Wayfair mobile ”Manage Payment Options” page with saved Visa card and options to add credit, debit, and Wayfair credit cards." src="https://cdn.baymard.com/research/media_files/attachments/176815/original/research-media-file-7f6dacd820531ff6482e0d5fb43eab53.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:50.0%;flex-basis:50.0%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 174.8%;"><img alt="Wayfair mobile ”Manage Payment Options” page with saved Visa card selected and the option to “Delete” the card." src="https://cdn.baymard.com/research/media_files/attachments/176816/original/research-media-file-4919443e1fa4a5b3c0b7e1a306e9e651.png"></div></div></div></div>
</div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>“It looks like it’s only giving me an option to delete it, not actually update it. Okay. Let me go back — maybe I missed something.”</em> A participant (iOS) at <a href="https://baymard.com/ux-benchmark/case-studies/wayfair">Wayfair</a> wanted to update the expiration date on a saved credit card (first image). <em>“Nope. Looks like that might be the only way. Let me see if maybe there’s a different option on this. Nope. Well, it looks like I will have to delete the debit card and then reenter it.”</em> When she tapped to select the card, she discovered she could only delete it (second image). She spent over 2 minutes searching the <em>“My Account”</em> section for a method to <a href="https://baymard.com/blog/editing-credit-card-ux-research">edit the expiration date</a>; she ultimately resorted to deleting the card and re-adding it with the updated expiration date.</p>
</div></div>
</div></div>



<p>Accounts &amp; Self-Service is a <strong>unique aspect</strong> of the ecommerce user experience.</p>



<p>Unlike the other ecommerce themes we’ve researched, Accounts &amp; Self-Service is often not part of the “direct purchase funnel” — but rather comes <strong>post-purchase.</strong></p>



<p>However, this <strong>isn’t</strong> to indicate that Accounts &amp; Self-Service is less important than the other ecommerce themes.</p>



<p>Returning users — those most likely to use self-service features most often — are <strong>critically important</strong> to a successful ecommerce business.</p>



<p>This means the Accounts &amp; Self-Service UX performance can be just as important as the UX performance of the <a href="https://baymard.com/premium/blog/current-state-ecommerce-product-page-ux">Product Page</a>, <a href="https://baymard.com/premium/blog/ecommerce-navigation-best-practice">Homepage, Category Taxonomy &amp; Main Navigation</a>, or any other ecommerce areas when it comes to a site’s overall <strong>long-term sales.</strong></p>



<p>It’s therefore key that users’ experience in the Accounts area of a site is as smooth as possible to support an <strong>ongoing site-user relationship.</strong></p>



<p><em>This article presents the research findings from just a few of the 700+ UX guidelines in Baymard – <a href="https://baymard.com/research">get full access</a> to learn how to create a “State of the Art” ecommerce user experience.</em></p>


<p><em>If you already have access through your account, go explore the updated <a href="https://baymard.com/premium/guideline-collections/04daub">Accounts &amp; Self-Service UX research</a>.</em></p>



<p><em>If you want to know how your desktop site, mobile site, or app performs and compares, then learn more about getting Baymard to conduct a <a href="https://baymard.com/audits/site-element">UX Audit</a> of your site or app.</em></p>



<p>
  <a href="https://twitter.com/intent/tweet?text=Accounts+%26amp%3B+Self-Service+UX+Research+Update+and+Expansion%3A+3+Key+Takeaways&amp;url=https://baymard.com/research-articles/accounts-and-self-service-ux-research-2026&amp;via=Baymard&amp;related=Baymard,jamieappleseed,KiehnHolst">Post this article on X</a>
</p>

  <h3>Related articles</h3>
  <ul>
      <li><a href="https://baymard.com/research-articles/editing-credit-card-ux-research">Use a Fake “Editing” Flow When Updating Credit Card Details (78% Don’t)</a></li>
      <li><a href="https://baymard.com/research-articles/integrate-tracking-info">Always Provide 6 Key Order-Tracking Details on the Ecommerce Site</a></li>
      <li><a href="https://baymard.com/research-articles/current-state-accounts-selfservice">Accounts &amp; Self-Service UX 2025: 5 Common Pitfalls &amp; Best Practices</a></li>
      <li><a href="https://baymard.com/research-articles/2024-benchmark-order-tracking-and-returns">New 2024 Order Tracking &amp; Returns UX Benchmark with 950+ Performance Scores and 850+ Best Practice Examples</a></li>
      <li><a href="https://baymard.com/research-articles/2023-benchmark-mobile-customer-accounts">New 2023 Mobile Customer Accounts UX Benchmark with 1,600+ Performance Scores and 1,100+ Best Practice Examples</a></li>
  </ul><img src="https://feeds.baymard.com/link/9825/17465876.gif" height="1" width="1"/>]]></content>
    <author>
      <name>Sally Collins</name>
    </author>
  </entry>
  <entry>
    <id>tag:baymard.com,2005:Article/478</id>
    <published>2026-09-01T10:45:00+02:00</published>
    <updated>2026-09-01T10:47:07+02:00</updated>
    <link rel="alternate" type="text/html" href="https://feeds.baymard.com/link/9825/17465874/telco-ux-benchmark-2026"/>
    <title>Telco UX Benchmark: 3,100+ Performance Scores and 2,400+ Best Practice Examples</title>
    <content type="html"><![CDATA[<p><em>(Note: Unfortunately, e-mail and RSS don’t support advanced layouts and features. If the graphics in this article look strange, you may want to <a href="https://baymard.com/research-articles/telco-ux-benchmark-2026">read the article</a> in your web browser.)</em></p>


<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n disable-zoom-kf4n8k v-size-big"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 65.05681818181817%;"><img alt="AT&amp;T desktop homepage advertising Samsung phone with the phrase above “Great connection starts here”." src="https://cdn.baymard.com/research/media_files/attachments/176651/original/research-media-file-78a53acfb405055c1540b2ac20ce4692.png"></div></div></div></div>



<p>At Baymard, we’ve just released a new UX benchmark with <strong>7 “Telco”</strong> UX case studies.</p>



<p>This follows from our large-scale user testing on <a href="https://baymard.com/blog/telco-ux-research">Telco UX</a> and <strong>adds to</strong> our existing <a href="https://baymard.com/ux-benchmark">ecommerce UX benchmark</a>.</p>



<p>In this article, we give you a <strong>snapshot</strong> of the overall UX performance.</p>



<h2 id="7-telco-ux-case-studies-and-the-overall-performance">7 Telco UX Case Studies and the Overall Performance</h2>



<div class="anecdote-module-3ba83n v-size-full-width">
<div class="grid case-study-cards-yz73ak">

    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/att">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            AT&amp;T
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #da7513">
              mediocre
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Telco
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            51
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/xfinity">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Xfinity
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #cb571a">
              poor
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Telco
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            47
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/lebara">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Lebara
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #ca541a">
              poor
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Telco
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            45
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/orange">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Orange
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #ca541a">
              poor
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Telco
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            56
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/vodafone">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Vodafone UK
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #c5491d">
              poor
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Telco
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            49
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/bell">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Bell
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #c3451e">
              poor
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Telco
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            44
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/verizon">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Verizon
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #c03f1f">
              poor
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Telco
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            49
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>

    <div class="card v-cta case-study-cards-yz73ak">
      <h3 class="card--title case-study-cards-yz73ak">
        YourSite.com?
      </h3>
      <p class="card--cta-paragraph case-study-cards-yz73ak">
        Want to know how your site performs?
        <a href="https://baymard.com/research">Get Premium access</a> 
        to review your own site or have it 
        <a href="https://baymard.com/audits/site-element">audited</a> 
        by Baymard researchers.
      </p>
    </div>

</div>
</div>



<p>These are the 7 <strong>in-depth</strong> Telco UX case studies.</p>



<p>The 7 Telco sites have been manually assessed across <strong>500+ research-based UX parameters</strong> relevant to <a href="https://baymard.com/research/telco">Telco providers</a>, resulting in 3,100+ weighted UX performance scores and 2,400+ best practice examples from these desktop and mobile sites.</p>



<p>Each of the 3,100+ <strong>UX performance scores</strong> from the 7 Telco case studies is summarized in the interactive scatterplot below — showing you how they perform collectively and individually:</p>



<p>{{ scatterplot-graph: size=big + habitat=public + base-sites=collection:telco + view-structure-id=gemini-st_47eezi8l }}</p>



<p>The <strong>overall UX</strong> performance of the Telco sites is “poor,” with only 1 site in the “mediocre” range.</p>



<p>Here are some of the <strong>overarching UX issues</strong>.</p>



<p>On the benchmarked sites, proprietary plan names and technical specifications were presented as <strong>labels without explanation</strong>.</p>



<p><strong>No site</strong> <a href="https://baymard.com/blog/explain-industry-specific-filters">explained its industry-specific filters</a> or provided <a href="https://baymard.com/guidelines/2148-inline-help-in-comparison-tables">inline help</a> for technical specifications within comparison features, and <a href="https://baymard.com/guidelines/2850-explaining-telco-plan-features">plan features</a> and <a href="https://baymard.com/guidelines/840-explaining-and-defining-specification-labels">specification labels</a> were also often undefined.</p>



<p><strong>Comparison was obstructed</strong> at every level, from plans to handsets to network coverage.</p>



<p><a href="https://baymard.com/guidelines/2955-contract-length-for-telco-plan-listings">Contract length</a> was <strong>missing</strong> from plan listings, <a href="https://baymard.com/guidelines/495-comparison-features-in-listings-for-spec-heavy-products">comparison features</a> were largely absent for handsets, every site listed specifications in <a href="https://baymard.com/guidelines/839-making-specs-consistent-and-uniform">inconsistent units and labels</a>, and 4G and 5G coverage were displayed on <a href="https://baymard.com/guidelines/2931-displaying-all-coverage-levels">separate maps</a>.</p>



<p>The commercial terms of a financed device and ongoing service were <strong>routinely unstated</strong>.</p>



<p><a href="https://baymard.com/guidelines/819-warranty-upgrades-on-product-pages">Warranty upgrades</a> were missing on all product pages in the benchmark, and <a href="https://baymard.com/guidelines/803-return-policy-discoverability">returns</a>, <a href="https://baymard.com/guidelines/836-where-to-display-free-shipping-information">shipping cost</a>, <a href="https://baymard.com/guidelines/802-where-and-how-to-display-delivery-information">delivery timing</a>, and the context around <a href="https://baymard.com/guidelines/816-how-to-display-price-related-special-offers-and-discounts">discounts</a> were each missing from a substantial share.</p>



<p>As this benchmark shows, with <strong>no sites</strong> delivering even a “decent” or better overall user experience, there is plenty of room for improvement.</p>



<p>A publicly available <strong>overview</strong> of the research and benchmark can be found on our <a href="https://baymard.com/research/telco">Telco UX research</a> overview page.</p>



<p><em><strong>Getting access:</strong> all 3,100+ UX performance scores, 2,400+ best practice examples, and the UX insights from researching the Telco ecommerce industry are available immediately and in full within <a href="https://baymard.com/research">Baymard</a>. (If you already have access through an account, open the <a href="https://baymard.com/premium/benchmarks/collections/telco">Telco UX Benchmark collection</a>.)</em></p>



<p><em>If you want to know how your Telco desktop and mobile sites perform and compare, then learn more about getting Baymard to conduct a <a href="https://baymard.com/audits/telco">Telco UX audit</a> of your site.</em></p>



<p>
  <a href="https://twitter.com/intent/tweet?text=Telco+UX+Benchmark%3A+3%2C100%2B+Performance+Scores+and+2%2C400%2B+Best+Practice+Examples&amp;url=https://baymard.com/research-articles/telco-ux-benchmark-2026&amp;via=Baymard&amp;related=Baymard,jamieappleseed,KiehnHolst">Post this article on X</a>
</p>

  <h3>Related articles</h3>
  <ul>
      <li><a href="https://baymard.com/research-articles/telco-ux-research">New Telco UX Research: 3 High-Level Takeaways from 3,500 Hours of Testing</a></li>
      <li><a href="https://baymard.com/research-articles/2021-telco-benchmark">17 Common UX Pitfalls Telco Websites Suffer From</a></li>
      <li><a href="https://baymard.com/research-articles/internet-service-providers-ux-benchmark-2026">Internet Service Providers UX Benchmark: 1,700+ Performance Scores and 1,100+ Best Practice Examples</a></li>
  </ul><img src="https://feeds.baymard.com/link/9825/17465874.gif" height="1" width="1"/>]]></content>
    <author>
      <name>Anders Nielsen</name>
    </author>
  </entry>
  <entry>
    <id>tag:baymard.com,2005:Article/475</id>
    <published>2026-08-25T10:30:00+02:00</published>
    <updated>2026-08-25T10:35:27+02:00</updated>
    <link rel="alternate" type="text/html" href="https://feeds.baymard.com/link/9825/17465872/insurance-ux-research-launch"/>
    <title>New Insurance UX Research: 3 Key Takeaways</title>
    <content type="html"><![CDATA[<p><em>(Note: Unfortunately, e-mail and RSS don’t support advanced layouts and features. If the graphics in this article look strange, you may want to <a href="https://baymard.com/research-articles/insurance-ux-research-launch">read the article</a> in your web browser.)</em></p>


<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n disable-zoom-kf4n8k v-size-big"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 45.85227272727273%;"><img alt="Hero image of the Allstate desktop homepage next to a mobile screenshot of a value estimation field." src="https://cdn.baymard.com/research/media_files/attachments/175598/original/research-media-file-1efcdf797c1bbdf231b32e0d16bcea54.png"></div></div></div></div>



<div class="anecdote-inception-ab2a8j anecdote-module-3ba83n accentuated-box--design-system-transition-fdh4he page-feature-abjgu anecdote-secondary-font-a3a8fb anecdote-small-text-size-an43ja"><div class="anecdote-wysicontent-ndj4ab inner">
<p class="overline--design-system-transition-fdh4he">Key Takeaways</p>
<ul>
  <li>Baymard has new qualitative UX research on Insurance UX</li>
  <li>The research uncovered UX issues and identified UX solutions specific to Insurance users and sites</li>
  <li>At a high level, Insurance users struggle with unfamiliar concepts, friction-filled quote flows, and brand trust</li>
</ul>
</div></div>



<div class="anecdote-inception-ab2a8j anecdote-module-3ba83n accentuated-box--design-system-transition-fdh4he page-feature-abjgu anecdote-secondary-font-a3a8fb anecdote-small-text-size-an43ja"><div class="anecdote-wysicontent-ndj4ab inner">
<p class="overline--design-system-transition-fdh4he">Key Stats</p>
<ul>
  <li>4,700+ hours usability testing, analyzing, and researching the UX of Insurance sites</li>
  <li>220 qualitative participant/site usability test sessions following the “Think Aloud” protocol</li>
  <li>1,700+ medium-to-severe usability issues in testing</li>
</ul>

</div></div>



<p>Today at Baymard, we’re announcing the launch of our <strong>new Insurance UX research</strong>.</p>



<p><strong>8 US and 12 UK Insurance sites</strong> were tested, including providers (some of whom are also banks) and aggregators (where test participants could compare Insurance quotes across many providers).</p>



<p>The 9 <strong>UK Insurance sites</strong> tested were <em>Halifax, Aviva, Direct Line, LV/Liverpool Victoria, TSB, Insure and Go, Allianz, Avanti</em>, and <em>Santander</em>, while the 3 aggregators were <em>Compare the Market, MoneySuperMarket,</em> and <em>Go Compare</em>.</p>



<p>The 8 <strong>US Insurance sites</strong> tested were <em>Liberty Mutual, Travelers, Progressive, GEICO, Amica Mutual, Lemonade, Root Insurance,</em> and <em>Allstate</em>.</p>



<p>This primary research is supplemented by our <a href="https://baymard.com/ux-benchmark">ecommerce UX</a> benchmark, which includes <em>AXA UK</em>, <em>Generali</em>, <em>“Progressive”</em>, <em>“Liberty Mutual”</em>, <em>“Travellers”</em>, <em>“Allstate”</em>, and <em>State Farm</em>.</p>



<p>During testing, the participants encountered <strong>1,700+</strong> medium-to-severe usability issues as they attempted to use Insurance sites to explore options and eventually add coverage.</p>



<p>Our analysis of these issues has resulted in <strong>190+ guidelines on Insurance industry UX,</strong> available in our <a href="https://baymard.com/research">research findings</a>.</p>



<p>In this article, we’ll provide <strong>3 high-level observations</strong> on where users on Insurance sites struggle:</p>



<ul>
  <li>Understanding unfamiliar Insurance concepts and descriptions</li>
  <li>Progressing through the Insurance quote flow</li>
  <li>Establishing trust with Insurance brands</li>
</ul>



<h2 id="users-struggle-with-insurance-concepts">Users Struggle with Insurance Concepts</h2>


<p>Shopping for insurance, while having some similarities to traditional ecommerce shopping, poses <strong>unique challenges</strong> to users.</p>



<p>A key differentiator of Insurance sites is that users seeking coverage are often asked for information that is <strong>more complex and less familiar</strong> than the address and payment details requested in general ecommerce.</p>



<p>One reason for this is that getting insurance cover (or coverage) is an <strong>occasional task</strong> that happens only very infrequently for auto or home insurance.</p>



<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n v-size-small v-mood-negative v-sidebar-caption"><div class="inner">
<div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 191.46666666666667%;"><img alt="A mobile screenshot of a value estimation field with the keyboard visible below." src="https://cdn.baymard.com/research/media_files/attachments/175596/original/research-media-file-694eae5b5cef3a4dfe8baf345c41e5d7.png"></div></div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>“’What is the current market value of your home.’ Oh blimey! Crikey!…Err…Ohh..I think it was somewhere around £575,000.”</em> This participant at Money Supermarket (iOS) reacted with surprise and then hesitated at the home value question. She made her best guess and moved on, though she wasn’t confident of the estimate.</p>
</div></div>
</div></div>



<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n v-size-big v-mood-negative"><div class="inner">
<div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 43.06818181818181%;"><img alt="Desktop form asking for info like “Property's Rebuild Cost” estimate and yes/no selection for accidental damage coverage." src="https://cdn.baymard.com/research/media_files/attachments/175602/original/research-media-file-23510722256543ead4d1ee7dedbec150.png"></div></div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>“Now, I wouldn’t know what the rebuild cost is. I’ve got no idea…I’d be a bit worried about putting my own figure in because I’ve got to be way out!”</em> This participant at Go Compare struggled to enter an accurate estimate of the <em>“Property’s Rebuild Cost”</em>, and proceeded to skip the question. His response reflects the risk of asking users questions they do not know: poor answers, skipped answers, and even site abandonments. As the participant said, <em>“I think what I’d probably do at this stage is just try and continue without filling it in, see if it insists on me entering something in there. In which case, I might have to think again about using somewhere else for a quote.”</em></p>
</div></div>
</div></div>



<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n v-size-big v-mood-negative"><div class="inner">
<div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 47.38636363636364%;"><img alt="Desktop screen with options for roof types to select." src="https://cdn.baymard.com/research/media_files/attachments/176164/original/research-media-file-5eb0683a916a28addf6ce5c933935c03.png"></div></div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>”There’s so many different [roof options] here!… Like ‘Shingle’, I have no idea what that is.”</em> This participant at Money Supermarket slowly scrolled through the list of options for the <em>“What is your roof made of?”</em> question, eventually answered <em>“Tile”</em> as the material of her roof, and moved on.</p>
</div></div>
</div></div>



<p>As a result, there is a heightened risk of users being <strong>unfamiliar with concepts</strong> or physical items that are a key part of the quote process, such as “5-level mortice deadlock” in a home insurance quote.</p>



<p>Furthermore, when faced with unknown values, participants would frequently hesitate for extended periods, bypass fields, or resort to <strong>unguided guesswork</strong>.</p>



<div class="anecdote-gallery-dn2bak anecdote-module-3ba83n v-size-big v-mood-positive"><div class="inner">
<div class="content anecdote-flex-module-a4j2aj v-gutter-spacing-small v-flow-from-tablet">
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:50.0%;flex-basis:50.0%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 43.01136363636363%;"><img alt="Desktop “Your Needs” form section with yes/no selections for suggested amount of cover for contents and building." src="https://cdn.baymard.com/research/media_files/attachments/175603/original/research-media-file-e5c82367596793966a9fc19200f33db9.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:50.0%;flex-basis:50.0%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 43.01136363636363%;"><img alt="Desktop form with “Yes” selected for suggested cover for contents and a form field with typed estimated total value." src="https://cdn.baymard.com/research/media_files/attachments/175604/original/research-media-file-ef9e15fc8a0d6c2cf347f686d1b0ab48.png"></div></div></div></div>
</div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>“’Do you need more…?’ I’ll put in the amount that they suggest I need.”</em> After seeing the site’s recommendation, this participant at Direct Line confidently adopted the exact suggested figure. This default almost certainly gave her an answer more accurate than those she had provided on other sites, where she announced that she was guessing wildly, since she did not know what cover level to choose. On one such site, she estimated her contents at less than 15% of this value.</p>
</div></div>
</div></div>



<div class="anecdote-gallery-dn2bak anecdote-module-3ba83n v-mood-positive"><div class="inner">
<div class="content anecdote-flex-module-a4j2aj v-gutter-spacing-small v-flow-from-tablet">
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:32.97047674188074%;flex-basis:32.97047674188074%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 172.93333333333334%;"><img alt="On mobile, a question for flatness of the property’s roof including illustration and options for the % below." src="https://cdn.baymard.com/research/media_files/attachments/175605/original/research-media-file-1f7904914fab733570ae09a0987be0b3.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:33.751151013590615%;flex-basis:33.751151013590615%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 168.93333333333334%;"><img alt="On mobile, selections for the property’s external wall material including illustrations for each option." src="https://cdn.baymard.com/research/media_files/attachments/175606/original/research-media-file-f09fc947555acaf86ab36af4b748f75f.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:33.27837224452865%;flex-basis:33.27837224452865%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 171.33333333333334%;"><img alt="On mobile, selections for the property’s roof material including illustrations for each option." src="https://cdn.baymard.com/research/media_files/attachments/175607/original/research-media-file-65b6e46c60b04dcd4ef1f2f219f2d8dd.png"></div></div></div></div>
</div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>“Roof is 50% flat? I’ll just adjust it.”</em> Here at Compare the Market (iOS), this participant said that images made the process <em>“quick and easy”</em>, and answered the flatness percentage of her roof, the material of her external walls, and the material of her roof in under 8 seconds. Further, the visuals created a measurable time savings for the participants who struggled to answer these questions on other sites.</p>
</div></div>
</div></div>



<p>Thus, when users are asked to describe a component or attribute of a house or a car, a <strong>clear explanation</strong> should be provided, <a href="https://baymard.com/guidelines/3096-identifying-technical-home-components">along with visuals</a> if they are needed to fully understand the option.</p>



<p>It’s also important to help users to <strong><a href="https://baymard.com/guidelines/3090-estimation-of-home-financial-values-in-insurance">estimate values</a></strong> (such as the value of their home or its contents) by providing tools that allow them to reach an accurate estimation and default values that reflect; for example, the average of similar homes in that area.</p>



<p>Similarly, helping users with estimating their car mileage by being flexible about the relevant <a href="https://baymard.com/guidelines/3102-estimation-of-vehicle-mileage-across-different-time-periods">time period</a> (e.g., daily, annually) will make the process that bit <strong>less troublesome.</strong></p>



<p>Often suggesting <strong>default values</strong> that reflect the typical value of a home, car, or insurable component is a good idea.</p>



<p>Default values are typically fine for most users, and they prevent users from making what are often <strong>widely inaccurate</strong> guesses about the value of some insurable component (e.g., a roof).</p>



<p>Additionally, <strong><a href="https://baymard.com/guidelines/3096-identifying-technical-home-components">visual aids</a></strong> in Insurance were observed to benefit users — for example, showing types of roofs rather than only listing them in text (e.g., <em>“tile”</em>, <em>“slate”</em>, <em>“concrete”</em>, etc.).</p>



<p>Providing users with the information they need to make <strong>informed inputs</strong> during the quote flow will help achieve a more accurate estimate, benefiting both the site and the user.</p>



<h2 id="the-interaction-ux-of-the-insurance-quote-flow-can-bring-users-to-a-halt">The Interaction UX of the Insurance Quote Flow Can Bring Users to a Halt</h2>



<p>The insurance quote flow is the <strong>centerpiece</strong> of most users’ journeys on Insurance sites.</p>



<p>The quote flow is typically a form that includes a <strong>series of questions</strong> users must respond to to determine the coverage they should purchase (or even if they’re eligible at all for purchasing coverage).</p>



<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n v-size-small v-mood-negative v-sidebar-caption v-embed-code"><div class="inner">
<div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 204.21455938697318%;"><iframe src="https://player.vimeo.com/video/1197791586?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" width="522" height="1066" frameborder="0" allow="fullscreen; picture-in-picture" referrerpolicy="strict-origin-when-cross-origin"></iframe></div></div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>“Nothing’s happening? It’s not a prototype; this is a real website isn’t it? Oh, this is really glitchy. [Later in session] I just found that really frustrating…I’d be thinking ‘Is it the website, or is it me?’”</em> This participant at Allianz (Android) immediately accessed the calendar picker to choose her second traveler’s birthday month, but was confused as to why she was unable to choose the grayed-out October. She then realized that she was unable to select the birth month or birthdate before she selected the year. When she realized her mistake, she selected the year, then the month, then the date, and proceeded to the next page.</p>
</div></div>
</div></div>



<div class="anecdote-gallery-dn2bak anecdote-module-3ba83n v-size-big v-mood-negative"><div class="inner">
<div class="content anecdote-flex-module-a4j2aj v-gutter-spacing-small v-flow-from-tablet">
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:46.19565217391304%;flex-basis:46.19565217391304%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 56.25%;"><img alt="Allstate desktop page to check driver info with fields to enter driver’s license number and select state/province." src="https://cdn.baymard.com/research/media_files/attachments/175608/original/research-media-file-e652931f10e574299c1e614d774414a8.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:53.80434782608696%;flex-basis:53.80434782608696%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 48.29545454545455%;"><img alt="Allstate desktop home page with the mouse hovering the button to “get a quote” in the top navigation." src="https://cdn.baymard.com/research/media_files/attachments/175609/original/research-media-file-da80a980226ba1a3a40228f91256f410.png"></div></div></div></div>
</div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>“It just keeps taking me back to this.”</em> This participant on <a href="https://baymard.com/ux-benchmark/case-studies/allstate">Allstate</a> saw that her name had incorrectly populated as <em>“Hannah Hannah [Last Name]”</em>, so she clicked on the browser’s <em>“Back”</em> button to correct it (first image). The quote page did not respond to her <em>“Back”</em> button click, and so she clicked the <em>“Allstate”</em> logo, which took her back to the homepage and restarted the quote process (second image).</p>
</div></div>
</div></div>



<p>During testing, participants were observed to <strong>stumble often</strong> during the flow, with some disruptions so severe they led directly to a participant abandoning the site.</p>



<p>For example, if a user has invested 20 minutes in filling out an insurance form — only to get stuck entering data into a particular field, experience trouble <a href="https://baymard.com/guidelines/3321-the-browser-s-back-button-in-insurance-quote-flows">going back in the flow</a>, or run into an error that clears some previously entered data — the user is likely to simply <strong>give up</strong> in frustration.</p>



<p>In short, unlike in general ecommerce, where users may be more forgiving of interaction UX issues or glitches in relatively short checkouts, issues experienced by users during the quote flow process <strong>quickly compound</strong> to the degree that users will abandon the process entirely.</p>



<p>Moreover, users <strong>rely heavily on navigation</strong> and being guided through the quote flow in such a way that they can understand each step of the process and feel oriented while progressing through it.</p>



<p>Thus, it’s important to <strong>support users</strong> within this flow.</p>



<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n v-size-big v-mood-positive"><div class="inner">
<div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 53.18181818181819%;"><img alt="Liberty Mutual desktop page with “Back” button hovered on the bottom left and a “Save &amp; Continue” button on the right." src="https://cdn.baymard.com/research/media_files/attachments/175610/original/research-media-file-9386ead85a81ae431d2de424bd98978f.png"></div></div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>“Oh, too late now…I guess I can go back. Can I go back? I can go back.”</em> This participant at <a href="https://baymard.com/ux-benchmark/case-studies/liberty-mutual">Liberty Mutual</a> was able to move to the previous step using the site’s on-page <em>“Back”</em> button, and the button shows several of the qualities that allow for findability. It appears in parallel with the site’s <em>“Save &amp; Continue”</em> button, it contrasts effectively with the content around it in size and color, and it was consistently placed at the bottom of Liberty Mutual’s quote flow pages.</p>
</div></div>
</div></div>



<div class="anecdote-gallery-dn2bak anecdote-module-3ba83n v-size-big v-mood-positive"><div class="inner">
<div class="content anecdote-flex-module-a4j2aj v-gutter-spacing-small v-flow-from-tablet">
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:50.0%;flex-basis:50.0%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 47.89772727272727%;"><img alt="Liberty Mutual desktop coverage selection page with “Add” and “Edit” buttons for each selection." src="https://cdn.baymard.com/research/media_files/attachments/176151/original/research-media-file-fe2b8734ad60e454686e09797f1f011e.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:50.0%;flex-basis:50.0%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 47.89772727272727%;"><img alt="Liberty Mutual desktop page for “Rental Car Reimbursement” with radio buttons to include/not include and price for each." src="https://cdn.baymard.com/research/media_files/attachments/176152/original/research-media-file-98c03b09b497961d137215262d43912b.png"></div></div></div></div>
</div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p>Likewise, <a href="https://baymard.com/ux-benchmark/case-studies/liberty-mutual">Liberty Mutual’s</a> <em>“Add”</em> and <em>“Edit”</em> links were easy for participants to find at the right margin of each coverage type (first image). Note the large, prominent button and the inclusion of <em>“Edit”</em> or <em>“Add”</em>, which immediately signifies to users that this is where they click to change their coverage. Activating the links opened a modal (second image).</p>
</div></div>
</div></div>



<p>This would include, for example, ensuring the <a href="https://baymard.com/guidelines/3321-the-browser-s-back-button-in-insurance-quote-flows">“Back” button works</a> as they would expect, that they are allowed to edit any details they provide at the point that they supply that information, and that there is an <strong>updated cost summary</strong> visible at each stage.</p>



<p>Furthermore, to save users wasting time and effort if they are <strong><a href="https://baymard.com/guidelines/3081-eligibility-statements-in-insurance-quotes">not eligible</a></strong> for the cover they need, they should be informed of this blocker at the earliest opportunity, so they don’t even bother entering a quote flow for an insurance product they ultimately can’t purchase.</p>



<h2 id="users-struggle-to-trust-insurance-brands">Users Struggle to Trust Insurance Brands</h2>



<div class="anecdote-gallery-dn2bak anecdote-module-3ba83n v-mood-negative"><div class="inner">
<div class="content anecdote-flex-module-a4j2aj v-gutter-spacing-small v-flow-from-tablet">
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:54.67625899280576%;flex-basis:54.67625899280576%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 159.60000000000002%;"><img alt="Insuramatch mobile list of insurance quotes with “Lowest Rate” option National General including price and “buy” button." src="https://cdn.baymard.com/research/media_files/attachments/175619/original/research-media-file-9f36e2a59e5c337b5b8d2ce1c7f500ae.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:45.32374100719425%;flex-basis:45.32374100719425%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 192.53333333333333%;"><img alt="Insuramatch mobile list of insurance quotes from Bristol West, Dairyland, and Foremost with price and “buy” button." src="https://cdn.baymard.com/research/media_files/attachments/175622/original/research-media-file-c496103d8103516e1c04784531dae37a.png"></div></div></div></div>
</div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>“Wow! None of these companies I’ve ever heard of…I’ll tell you, I wouldn’t call any of these people…Here’s your bottom of the barrel…’National General’. The ugly stepchild [of Allstate], so to speak…It’s the same with this ‘Bristol [West]’ company, ‘Dairyland’…I don’t know who they are…”</em> This participant on Travelers’ Insuramatch aggregator system (iOS) equated unfamiliarity of insurance companies with low quality.</p>
</div></div>
</div></div>



<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n v-size-small v-mood-negative v-sidebar-caption"><div class="inner">
<div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 173.6%;"><img alt="Lemonade mobile insurance quote page with monthly price, start date, and “Activate Policy” button." src="https://cdn.baymard.com/research/media_files/attachments/175623/original/research-media-file-7df7b2c9093521b3aea8f56998f0d37b.jpg"></div></div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>“’227’ seems a bit high for a site that’s not in the forefront of my mind. I’m not too familiar with it. I don’t know how popular it is with others, but for me, it’s a step below the others, just because I don’t have an experience or a history with them. I want something that’s been established.”</em> As this participant showed on Lemonade (iOS), users are often unlikely to pay premium prices for an unfamiliar company’s insurance plan. As the participant noted, unfamiliar insurers are automatically seen as <em>“a step below the others”</em>.</p>
</div></div>
</div></div>



<p>Finally, <strong>trust and transparency</strong> are especially important for insurance customers.</p>



<p>Insurance can be <strong>costly</strong>, and the repercussions of buying a policy that doesn’t provide the expected coverage could be severe in the event of having to make a claim.</p>



<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n v-size-small v-mood-positive v-sidebar-caption"><div class="inner">
<div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 200.0%;"><img alt="Aviva mobile homepage displaying 5-star rating from Defaqto and buttons for motor, home, and travel insurance." src="https://cdn.baymard.com/research/media_files/attachments/175624/original/research-media-file-07a37dd00f2f7a54796a90f9fe3ab89a.png"></div></div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>“So, for me that would stand out quite quickly…If a company or a brand have a good Defaqto score, then that would give me more confidence to want to shop with them. Knowing they’re 5-star rated, and just being reviewed by Defacto. I think that means it’s quite a reputable company.”</em> This participant read about Aviva’s 5-star rating from Defaqto, which was featured front and center on the homepage. This gave him confidence in the company as he went on to shop Aviva’s home insurance.</p>
</div></div>
</div></div>



<p>Thus, <strong><a href="https://baymard.com/guidelines/3087-trust-signals-for-insurers-and-insurance-products">external validation</a></strong> for both the company and its products is crucial, especially since users are likely to consider several providers before settling on one and could be swayed by another provider that seems to be more trustworthy.</p>



<div class="anecdote-gallery-dn2bak anecdote-module-3ba83n v-mood-negative"><div class="inner">
<div class="content anecdote-flex-module-a4j2aj v-gutter-spacing-small v-flow-from-tablet">
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:50.0%;flex-basis:50.0%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 202.26666666666668%;"><img alt="Mobile Insure and Go page with add-ons and “Hazardous activities” option is “Added”." src="https://cdn.baymard.com/research/media_files/attachments/175626/original/research-media-file-ba29895859b4fdf8bd8804f574f4620d.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:50.0%;flex-basis:50.0%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 202.26666666666668%;"><img alt="Mobile Insure and Go page with “Payment details” with summary of final price and covered trip and travelers’ details." src="https://cdn.baymard.com/research/media_files/attachments/175627/original/research-media-file-881ec761619c0fe9b984e0ab6807dfc2.png"></div></div></div></div>
</div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p>This participant’s Insure and Go quote journey was 20 minutes, and four of those were spent learning the cost of one add-on and returning to her place. The participant saw the <em>“Hazardous Activities”</em> add-on and was interested that, according to her, <em>“They actually say it’s covered for free”</em>. She selected the add-on (first image) and in the next step saw her updated cost (second image) and recognized, <em>“It’s actually £115 now, whereas it was like £56, £58? Something like that”</em>. She decided to remove it from her quote. Getting from the add-on to the updated cost took 54 seconds, and the participant then spent another three minutes backtracking through loading screens and review steps to the page where she could remove the add-on.</p>
</div></div>
</div></div>



<p>Trust must also be <strong>earned in the process</strong> of getting a quote.</p>



<p>Across general ecommerce sites, 40% of users <a href="https://baymard.com/lists/cart-abandonment-rate">abandoned checkout</a> because of <strong>extra costs</strong> that surfaced late in the journey.</p>



<p><strong>Unexpected price changes</strong> have the same effect on users seeking insurance cover, so every cost should be disclosed upfront before users actually choose it so that they aren’t forced to recalculate premiums, or even worse, don’t know why the price suddenly jumped as they proceed through the quote process (see guidelines <a href="https://baymard.com/guidelines/3108-option-level-pricing-transparency-in-insurance-quoting">#3108</a> and <a href="https://baymard.com/guidelines/3105-price-visibility-and-update-frequency-in-configuration-flows">#3105</a>).</p>



<h2 id="provide-insurance-users-with-a-solid-ux-foundation">Provide Insurance Users with a Solid UX Foundation</h2>



<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n v-size-small v-mood-negative v-sidebar-caption v-sidebar-caption v-sidebar-caption-right"><div class="inner">
<div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 170.66666666666669%;"><img alt="Mobile form to create account to save progress with the email and password fields unpopulated." src="https://cdn.baymard.com/research/media_files/attachments/175628/original/research-media-file-75838e51560e5888a187e75e7012e3a6.png"></div></div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>“I don’t want to create an account…I’m gonna get constantly hounded…Also having another account out there that can potentially get hacked. This one has my driver’s license number, it has more proprietary information.”</em> Some participants who abandoned Root referenced their concerns about data security as a reason for leaving the site when they were forced to <em>“Create an account to save your progress”</em>.</p>
</div></div>
</div></div>



<p>Insurance sites, perhaps uniquely in ecommerce, may have one shot to <strong>get it right</strong> with users.</p>



<p>Users are <strong>less likely to return</strong> to an Insurance site where they’ve struggled to achieve their goals.</p>



<p>And once users leave, if they find a competing insurance product, they’re more likely to <strong>stick with that product</strong> for longer, compared to general ecommerce, given the “buy it and forget it” mentality some users will adopt when shopping for insurance.</p>



<p>Therefore, it’s key that the Insurance site has <strong>high-performing UX</strong> that supports users navigating unfamiliar concepts, challenging quote flows, and brand-trust issues.</p>



<p>Our <a href="https://baymard.com/research/insurance">Insurance UX</a> research topic contains the <strong>critical UX research</strong> that helps ensure your Insurance site is meeting users’ needs.</p>



<p>Users with access to the Insurance industry can start with the <strong>41</strong> <a href="https://baymard.com/premium/guideline-collections/kl4oqc">“Essential” UX guidelines</a>, before moving on to consider the other 150+ guidelines on improving Insurance UX.</p>



<p>Additionally, consider viewing our <a href="https://baymard.com/ux-benchmark/collections/insurance">Insurance benchmark</a>, which contains case studies on 7 top Insurance sites.</p>



<p><em>Getting access: all 190+ Insurance UX guidelines are available today within <a href="https://baymard.com/research">Baymard</a>. (If you already have access through your account, open the <a href="https://baymard.com/premium/guideline-collections/t35ifc">Insurance</a> study.)</em></p>



<p><em>If you want to know how your Insurance desktop and mobile site performs and compares, then learn more about getting Baymard to conduct an <a href="https://baymard.com/audits/insurance">Insurance UX Audit</a> of your site.</em></p>



<p>
  <a href="https://twitter.com/intent/tweet?text=New+Insurance+UX+Research%3A+3+Key+Takeaways&amp;url=https://baymard.com/research-articles/insurance-ux-research-launch&amp;via=Baymard&amp;related=Baymard,jamieappleseed,KiehnHolst">Post this article on X</a>
</p>

  <h3>Related articles</h3>
  <ul>
      <li><a href="https://baymard.com/research-articles/insurance-benchmark-2023">New Insurance UX Benchmark with 1,700+ Performance Scores and 1,200+ Best Practice Examples</a></li>
  </ul><img src="https://feeds.baymard.com/link/9825/17465872.gif" height="1" width="1"/>]]></content>
    <author>
      <name>Mark Crowley</name>
    </author>
  </entry>
  <entry>
    <id>tag:baymard.com,2005:Article/477</id>
    <published>2026-08-19T10:12:00+02:00</published>
    <updated>2026-08-19T10:20:30+02:00</updated>
    <link rel="alternate" type="text/html" href="https://feeds.baymard.com/link/9825/17465870/hidden-cost-bad-ux-revenue-calculator"/>
    <title>The Hidden Cost of Bad UX: How Much Revenue Are You Leaving on the Table?</title>
    <content type="html"><![CDATA[<p><em>(Note: Unfortunately, e-mail and RSS don’t support advanced layouts and features. If the graphics in this article look strange, you may want to <a href="https://baymard.com/research-articles/hidden-cost-bad-ux-revenue-calculator">read the article</a> in your web browser.)</em></p>


<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n disable-zoom-kf4n8k v-size-big"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 45.85227272727273%;"><img alt="Baymard Opportunity Sizing Calculator showing the cost of UX friction per individual guidelines." src="https://cdn.baymard.com/research/media_files/attachments/176093/original/research-media-file-5b100eaed6fd38772d9074754e8bd9ad.png"></div></div></div></div>



<p>How much revenue is <strong>your site losing</strong> each month because of unnecessary UX friction?</p>



<p>If you are like most ecommerce leaders or UX managers, you know that friction points across checkout, product pages, and navigation <a href="https://baymard.com/lists/cart-abandonment-rate">cause shoppers to abandon</a>.</p>



<p>Yet, when competing for roadmap resources or budget approvals, <a href="https://baymard.com/product">UX research</a> is <strong>often categorized</strong> as an internal software or subscription expense rather than a top-line revenue driver.</p>



<p>Without concrete financial estimates to back up your design priorities, <strong>critical usability improvements</strong> often get pushed aside.</p>



<p>To help you translate UX friction into clear commercial impact, Baymard has developed an <strong>Opportunity Sizing Calculator</strong>.</p>



<p>This tool converts Baymard’s actionable user research <strong>into quantifiable projections</strong>, showing you the exact revenue you can unlock by systematically applying proven UX best practices to your site.</p>



<h2 id="moving-from-opinions-to-research-backed-forecasting">Moving from Opinions to Research-Backed Forecasting</h2>



<p>Prioritizing a product roadmap often turns into a debate of <strong>subjective opinions</strong>, where the loudest voice in the room or the most senior person’s viewpoint takes priority.</p>



<p>UX designers and product managers must frequently advocate for critical usability fixes against competing internal requests, <strong>relying on qualitative arguments</strong> that struggle to secure executive support.</p>



<p>Baymard’s Opportunity Sizing Calculator <strong>bridges the gap</strong> between design priorities and executive decision-making, helping you secure buy-in.</p>



<p>This means you’re <strong>better able to</strong>:</p>



<ul>
  <li>Connect specific usability insights directly to top-line revenue</li>
  <li>Build an unshakeable business case for leadership</li>
  <li>Give directors and VPs clear line-of-sight into the ROI of resolving site friction</li>
</ul>



<p><strong>Get your personalized opportunity metrics</strong>: Book a short call with our team and find out how much revenue you could recover with better UX.</p>



<p class="text-center">
<a href="https://calendly.com/d/cvm4-v2f-68y" class="tp-button-base rounded-sm-md px-3 py-2 leading-none no-underline bg-blue-500 !text-white">Book a demo call now</a>
</p>



<h2 id="what-the-calculator-outputs-reveal">What the Calculator Outputs Reveal</h2>



<p>Once your inputs are applied, the calculator provides <strong>clear projections</strong> broken down by total impact and site area.</p>



<ul>
  <li>
<strong>Annual recoverable revenue range:</strong> You will see a range (low, midpoint, and high) of annualized dollar value currently suppressed by UX friction</li>
  <li>
<strong>Breakdown by UX theme:</strong> You can pinpoint where the largest financial gains are (for example, in checkout design, mobile navigation, or product detail pages)</li>
  <li>
<strong>Plan tier impact:</strong> The output illustrates how expanding your access to additional Baymard guidelines unlocks cumulative revenue potential across your roadmap</li>
</ul>



<h2 id="how-the-opportunity-sizing-tool-calculates-recoverable-revenue">How the Opportunity Sizing Tool Calculates Recoverable Revenue</h2>



<p>The calculator projects potential conversion lifts by applying parameters derived from <strong>200,000+ hours of UX testing</strong> across 40+ ecommerce industries.</p>



<h3 id="business-performance-inputs">Business Performance Inputs</h3>



<p>To generate a baseline projection, the calculator evaluates your site’s monthly traffic alongside <strong>one of two</strong> standard performance metrics:</p>



<ul>
  <li>
<strong>Option A:</strong> Revenue per Visitor (RPV)</li>
  <li>
<strong>Option B:</strong> Average Order Value (AOV) combined with Conversion Rate (CVR)</li>
</ul>



<p>The tool also takes into account your industry to <strong>anchor the calculations</strong> to relevant <a href="https://baymard.com/product/ux-benchmarking">benchmark</a> data.</p>



<h3 id="standardized-guideline-scoring">Standardized Guideline Scoring</h3>



<p>Every <a href="https://baymard.com/product/ux-best-practice-guidelines">UX best practice guideline</a> in Baymard’s catalog carries an estimated lift based on <strong>two core factors</strong>:</p>



<ol>
  <li>
<strong>Frequency of encounter:</strong> The percentage of users who interact with the problematic UI component</li>
  <li>
<strong>Severity of friction:</strong> The conversion impact observed during user testing when a site violates the guideline</li>
</ol>



<p>Quantifying the individual guideline allows us to <strong>quantify the opportunity size</strong> for each UX theme, and for each Baymard subscription plan.</p>



<p>That means we can help you decide on the best plan for your team and organization, and <strong>show the ROI you can expect</strong> from implementing best practices available within that plan.</p>



<h3 id="compounding-fixes-with-diminishing-returns">Compounding Fixes with Diminishing Returns</h3>



<p>Fixing two separate UX issues on a website <strong>does not</strong> produce simple additive results.</p>



<p>For example, resolving an issue in the cart improves the baseline performance of the site, and any subsequent fix in the checkout flow operates on that <strong>newly improved baseline</strong>.</p>



<p>The calculator applies a compounding model to reflect diminishing returns, ensuring that combined projections <strong>remain mathematically grounded</strong> rather than artificially stacked.</p>



<h3 id="applied-revenue-caps">Applied Revenue Caps</h3>



<p>Even a complete overhaul of every UX issue <strong>will not double</strong> a site’s conversion rate overnight. There is a practical ceiling to the impact of usability improvements alone.</p>



<p>To maintain realistic financial projections, the methodology applies standard cap models to total revenue lift, <strong>preventing</strong> the opportunity size from being overinflated:</p>



<ul>
  <li>
<strong>Conservative (low):</strong> 15% revenue lift cap</li>
  <li>
<strong>Baseline (midpoint):</strong> 25% revenue lift cap</li>
  <li>
<strong>Aggressive (high):</strong> 35% revenue lift cap</li>
</ul>



<h2 id="find-out-how-much-revenue-your-site-is-leaving-behind">Find Out How Much Revenue Your Site Is Leaving Behind</h2>



<p>Leaving standard UX best practices unaddressed <strong>directly suppresses</strong> your revenue performance.</p>



<p><strong>Stop guessing what drives conversion</strong>, and get the dollar values to back up your design recommendations.</p>



<p><strong><a href="https://calendly.com/d/cvm4-v2f-68y">Book a short call with our team</a></strong> to run your metrics through the Opportunity Sizing Calculator and get a personalized report for your site.</p>



<p>
  <a href="https://twitter.com/intent/tweet?text=The+Hidden+Cost+of+Bad+UX%3A+How+Much+Revenue+Are+You+Leaving+on+the+Table%3F&amp;url=https://baymard.com/research-articles/hidden-cost-bad-ux-revenue-calculator&amp;via=Baymard&amp;related=Baymard,jamieappleseed,KiehnHolst">Post this article on X</a>
</p>

  <h3>Related articles</h3>
  <ul>
      <li><a href="https://baymard.com/research-articles/ux-research-cost-saving-calculator">Time is Money: How Pre-Validated UX Research Protects Your Resources &amp; Budget</a></li>
      <li><a href="https://baymard.com/research-articles/ux-ecommerce-similarities">Generalizability of UX E-Commerce Research</a></li>
      <li><a href="https://baymard.com/research-articles/ux-ray-for-figma">UX-Ray for Figma: Align Your Designs with Research-Backed UX Best Practices</a></li>
      <li><a href="https://baymard.com/research-articles/ai-heuristic-evaluations">AI Heuristic UX Evaluations with a 95% Accuracy Rate (Human-Level Accuracy)</a></li>
      <li><a href="https://baymard.com/research-articles/ux-ray-progress-2026">2026 Progress: Instant UX Analysis of Your Site Now Across 209 UX Parameters (Still 95% Accuracy Rate)</a></li>
      <li><a href="https://baymard.com/research-articles/ux-ray-2-point-0-launch">UX-Ray 2.0: Research-Backed UX To-Do List in Minutes</a></li>
      <li><a href="https://baymard.com/research-articles/ux-query-any-ux-quesion-answered">UX-Query - Get Instant Answers to Any UX Question</a></li>
      <li><a href="https://baymard.com/research-articles/current-state-ecommerce-product-page-ux">Product Page UX 2026: 10 Pitfalls and Best Practices</a></li>
      <li><a href="https://baymard.com/research-articles/current-state-accounts-selfservice">Accounts &amp; Self-Service UX 2025: 5 Common Pitfalls &amp; Best Practices</a></li>
      <li><a href="https://baymard.com/research-articles/current-state-of-checkout-ux">Checkout UX 2025: 10 Pitfalls and Best Practices</a></li>
      <li><a href="https://baymard.com/research-articles/ecommerce-navigation-best-practice">Homepage and Category Navigation UX 2026: 10 Pitfalls and Best Practices (64% of Sites Have Mediocre-to-Poor Performance)</a></li>
      <li><a href="https://baymard.com/research-articles/current-state-product-list-and-filtering">Product List UX 2025: 8 Common Pitfalls &amp; Best Practices (80% Have Serious Issues)</a></li>
      <li><a href="https://baymard.com/research-articles/mobile-ux-ecommerce">Mobile UX Trends 2026: 10 Best Practices</a></li>
      <li><a href="https://baymard.com/research-articles/desktop-ux-ecommerce">Desktop UX Trends: 10 Common Pitfalls &amp; Best Practices</a></li>
  </ul><img src="https://feeds.baymard.com/link/9825/17465870.gif" height="1" width="1"/>]]></content>
    <author>
      <name>Christian Holst</name>
    </author>
  </entry>
  <entry>
    <id>tag:baymard.com,2005:Article/476</id>
    <published>2026-08-13T10:01:00+02:00</published>
    <updated>2026-08-13T10:11:08+02:00</updated>
    <link rel="alternate" type="text/html" href="https://feeds.baymard.com/link/9825/17465881/food-delivery-and-takeout-ux-benchmark-2026"/>
    <title>Food Delivery &amp; Takeout UX Benchmark: 3,100+ Performance Scores and 1,900+ Best Practice Examples</title>
    <content type="html"><![CDATA[<p><em>(Note: Unfortunately, e-mail and RSS don’t support advanced layouts and features. If the graphics in this article look strange, you may want to <a href="https://baymard.com/research-articles/food-delivery-and-takeout-ux-benchmark-2026">read the article</a> in your web browser.)</em></p>


<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n disable-zoom-kf4n8k v-size-big"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 62.61363636363636%;"><img alt="Three mobile homepages for KFC, Just Eat, and McDonalds." src="https://cdn.baymard.com/research/media_files/attachments/175668/original/research-media-file-aab6744645a803e77a9634b8893bb02c.png"></div></div></div></div>



<p>At Baymard, we’ve just released a new UX benchmark with <strong>8 “Food Delivery &amp; Takeout”</strong> UX case studies.</p>



<p>This follows our large-scale user testing on <a href="https://baymard.com/blog/food-delivery-takeout-launch">Food Delivery &amp; Takeout UX</a> and <strong>adds to</strong> our existing <a href="https://baymard.com/ux-benchmark">ecommerce UX benchmark</a>.</p>



<p>In this article, we give you a <strong>snapshot</strong> of the overall UX performance.</p>



<h2 id="8-food-delivery--takeout-ux-case-studies-and-the-overall-performance">8 Food Delivery &amp; Takeout UX Case Studies and the Overall Performance</h2>



<div class="anecdote-module-3ba83n v-size-full-width">
<div class="grid case-study-cards-yz73ak">

    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/just-eat">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Just Eat
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #e58c0d">
              mediocre
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Food Delivery &amp; Takeout
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            49
            page designs:
          </span>
          mobile, app
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/kentucky-fried-chicken">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            KFC
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #e48a0d">
              mediocre
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Food Delivery &amp; Takeout
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            48
            page designs:
          </span>
          mobile, app
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/uber-eats">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Uber Eats
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #d46815">
              mediocre
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Food Delivery &amp; Takeout
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            54
            page designs:
          </span>
          mobile, app
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/dominos-pizza">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Domino’s Pizza
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #d16317">
              poor
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Food Delivery &amp; Takeout
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            34
            page designs:
          </span>
          mobile, app
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/doordash">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            DoorDash
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #d16217">
              poor
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Food Delivery &amp; Takeout
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            48
            page designs:
          </span>
          mobile, app
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/mcdonalds">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            McDonald’s
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #bf3e1f">
              poor
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Food Delivery &amp; Takeout
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            39
            page designs:
          </span>
          mobile, app
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/deliveroo">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Deliveroo
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #bb3422">
              poor
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Food Delivery &amp; Takeout
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            53
            page designs:
          </span>
          mobile, app
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/burger-king">

      <div class="card--section-top case-study-cards-yz73ak">
        <div class="card--title-with-perf case-study-cards-yz73ak">
          <h3 class="card--title case-study-cards-yz73ak">
            Burger King
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #b42625">
              broken
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Food Delivery &amp; Takeout
            </span>
          </p>
      </div>

      <div class="card--section-bottom case-study-cards-yz73ak">
        <p class="card--page-designs case-study-cards-yz73ak">
          <span class="card--page-designs-prefix case-study-cards-yz73ak">
            41
            page designs:
          </span>
          mobile, app
        </p>
      </div>
        
</a>

    <div class="card v-cta case-study-cards-yz73ak">
      <h3 class="card--title case-study-cards-yz73ak">
        YourSite.com?
      </h3>
      <p class="card--cta-paragraph case-study-cards-yz73ak">
        Want to know how your site performs?
        <a href="https://baymard.com/research">Get Premium access</a> 
        to review your own site or have it 
        <a href="https://baymard.com/audits/site-element">audited</a> 
        by Baymard researchers.
      </p>
    </div>

</div>
</div>



<p>These are the 8 <strong>in-depth</strong> Food Delivery &amp; Takeout UX case studies.</p>



<p>The 8 mobile sites and apps have been manually assessed across <strong>390+ research-based UX parameters</strong> relevant to <a href="https://baymard.com/research/online-food-delivery">Food Delivery &amp; Takeout</a>, resulting in 3,100+ weighted UX performance scores and 1,900+ best practice examples from these mobile sites and apps.</p>



<p>Each of the 3,100+ <strong>UX performance scores</strong> from the 8 case studies is summarized in the interactive scatterplot below — showing you how they perform collectively and individually:</p>



<p>{{ scatterplot-graph: size=big + habitat=public + base-sites=collection:online-food-delivery + view-structure-id=gemini-st_l9jw5tjp }}</p>



<p>The <strong>overall UX</strong> performance of the Food Delivery &amp; Takeout sites and apps ranges from “poor” to “mediocre”.</p>



<p>What is missing is almost everything <strong>specific to this industry</strong>, rather than borrowed from general retail.</p>



<p><strong>Repeat ordering was undersupported</strong> despite its importance within the industry.</p>



<p>With no route to past orders from the homepage, and order histories too sparse to identify them by, one of the most common things a customer does here was also one of the <strong>least accommodated</strong>.</p>



<p><strong>Dietary and customization</strong> needs had no supported path at any decision point.</p>



<p>Category-specific filters were absent throughout and customization options went undescribed on the item page, leaving allergy and restriction constraints <strong>needlessly difficult</strong> to resolve.</p>



<p><strong>Orientation and return paths failed</strong> at every step of the ordering flow.</p>



<p>Scope markers, breadcrumbs, and back-paths were <strong>missing throughout</strong>, so going one level deeper meant losing any reliable way back out.</p>



<p>Furthermore, fulfillment timing and tipping were presented <strong>without the detail needed</strong> to commit.</p>



<p>For an ecommerce industry built on habitual reordering from a phone, often under time pressure and dietary constraint, these are <strong>not refinements</strong> but the substance of the task.</p>



<p>As this benchmark shows, with <strong>no sites</strong> delivering even a “decent” or better overall user experience, there is plenty of room for improvement.</p>



<p>A publicly available <strong>overview</strong> of the research and benchmark can be found on our <a href="https://baymard.com/research/online-food-delivery">Food Delivery &amp; Takeout UX research</a> overview page.</p>



<p><em><strong>Getting access:</strong> all 3,100+ UX performance scores, 1,900+ best practice examples, and the UX insights from researching the Food Delivery &amp; Takeout ecommerce industry are available immediately and in full within <a href="https://baymard.com/research">Baymard</a>. (If you already have access through an account, open the <a href="https://baymard.com/premium/benchmarks/collections/online-food-delivery">Food Delivery &amp; Takeout</a>.)</em></p>



<p><em>If you want to know how your food delivery or takeout mobile site and app performs and compare, then learn more about getting Baymard to conduct a <a href="https://baymard.com/audits/food-delivery-and-takeout">Food Delivery &amp; Takeout UX audit</a> of your site.</em></p>



<p>
  <a href="https://twitter.com/intent/tweet?text=Food+Delivery+%26amp%3B+Takeout+UX+Benchmark%3A+3%2C100%2B+Performance+Scores+and+1%2C900%2B+Best+Practice+Examples&amp;url=https://baymard.com/research-articles/food-delivery-and-takeout-ux-benchmark-2026&amp;via=Baymard&amp;related=Baymard,jamieappleseed,KiehnHolst">Post this article on X</a>
</p>

  <h3>Related articles</h3>
  <ul>
      <li><a href="https://baymard.com/research-articles/food-delivery-takeout-launch">3 High-Level UX Takeaways from 1100+ Hours of Testing Leading Food Delivery and Takeout Sites</a></li>
      <li><a href="https://baymard.com/research-articles/grocery-food-delivery-orders">Grocery and Food Delivery Site UX: Allow Users to Add “Past Purchases” to the Cart from the Homepage</a></li>
  </ul><img src="https://feeds.baymard.com/link/9825/17465881.gif" height="1" width="1"/>]]></content>
    <author>
      <name>Anders Nielsen</name>
    </author>
  </entry>
</feed>
