<?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-04-22T10:00:00+02:00</updated>
  <entry>
    <id>tag:baymard.com,2005:Article/468</id>
    <published>2026-04-22T10:00:00+02:00</published>
    <updated>2026-04-22T10:03:51+02:00</updated>
    <link rel="alternate" type="text/html" href="https://feeds.baymard.com/link/9825/17323422/online-grocery-ecommerce-ux-2026"/>
    <title>Online Grocery Ecommerce UX 2026: Expanded &amp; Updated Research Findings</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/blog/online-grocery-ecommerce-ux-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="3 grocery mobile sites: search autocomplete feature on Safeway, homepage on Kroger, and search results page on Stop &amp; Shop." src="https://cdn.baymard.com/research/media_files/attachments/172702/original/research-media-file-2434d0f3f4379b0b100c1f78a21be8eb.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>At Baymard, we’ve conducted 650+ hours of new Online Grocery research, for a total of 1,700+ hours across multiple Online Grocery studies</li>
  <li>Our new research has uncovered  670+ new usability issues specific to the ecommerce Groceries experience, adding up to a total of more than 1,200 issues observed across Grocery sites</li>
  <li>The research has resulted in new and updated Grocery guidelines that describe the issues, as well as design patterns verified to perform well for users</li>
  <li>We’ve added 8 new Grocery guidelines to our existing Grocery UX research catalog</li>
</ul>
</div></div>



<p>Our Baymard research team has spent <strong>650+ hours</strong> usability testing and researching <a href="https://baymard.com/research/online-grocery">Online Grocery</a> features, layouts, content, and designs — enhancing and expanding our existing research on this industry and bringing our total to 1,700+ hours of Grocery UX research.</p>



<p>The research is based on <strong>70 qualitative user/site usability test sessions</strong> following the “Think Aloud” protocol (1:1 remote moderated testing).</p>



<p>This study included a mix of pure grocery sites and mixed grocery/mass merchants for a total of <strong>8 sites</strong>.</p>



<ul>
  <li>
    <p>Pure grocery sites included: <em><a href="https://baymard.com/ux-benchmark/case-studies/safeway">Safeway</a>, <a href="https://baymard.com/ux-benchmark/case-studies/aldi">ALDI</a>, <a href="https://baymard.com/ux-benchmark/case-studies/kroger">Kroger</a>,</em> and <em><a href="https://baymard.com/ux-benchmark/case-studies/peapod">Stop &amp; Shop</a></em>.</p>
  </li>
  <li>
    <p>Mixed grocery/mass merchants included: <em><a href="https://baymard.com/ux-benchmark/case-studies/target">Target</a>, Dollar Tree, <a href="https://baymard.com/ux-benchmark/case-studies/walgreen-co">Walgreens</a>,</em> and <em><a href="https://baymard.com/ux-benchmark/case-studies/cvs">CVS</a></em>.</p>
  </li>
</ul>



<p>During Baymard’s testing the users encountered <strong>670+ medium-to-severe Grocery usability issues.</strong></p>



<p>These issues have subsequently been analyzed and distilled into <strong>400+ UX guidelines,</strong> all of which are available as part of our <a href="https://baymard.com/research">Baymard research findings</a>.</p>



<p>The 400+ guidelines cover most aspects of Grocery UX, at both a high level of general user behavior as well as at a more granular level of specific issues users are likely to encounter.</p>



<p>In this article, we give you the <strong>top-level highlights</strong> of this new research study.</p>



<h2 id="expanded-and-updated-grocery-research">Expanded and Updated Grocery Research</h2>



<p>This latest round of large-scale Grocery testing provides the following:</p>



<ol>
  <li>A comprehensive review and reverification of all of our existing Grocery research</li>
  <li>New examples from usability testing highlighting user issues on test sites, as well as test site implementations that were verified to perform well for users</li>
  <li>New insights into user behavior during online grocery shopping, discussed in particular in 8 new Grocery and Fulfillment guidelines</li>
</ol>



<h3 id="1-a-comprehensive-review-and-reverification-of-all-of-our-existing-grocery-research">1) A Comprehensive Review and Reverification of All of Our Existing Grocery Research</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:47.06750276650682%;flex-basis:47.06750276650682%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 191.33333333333334%;"><img alt="Mobile cart page on CVS with 2 cart items displayed and the top product has a note saying it’s unavailable for pickup." src="https://cdn.baymard.com/research/media_files/attachments/172652/original/research-media-file-247a5635473a1402963776dfc6652352.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:52.93249723349317%;flex-basis:52.93249723349317%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 170.13333333333333%;"><img alt="Path to ”Substitutions” feature placed between payment selection and order summary on a mobile checkout page." src="https://cdn.baymard.com/research/media_files/attachments/172653/original/research-media-file-743913ef798796284b3433097fe5f4b2.png"></div></div></div></div>
</div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>”I mean, I genuinely don’t see anywhere to do that on here. Let me go back to the top, I guess…go all the way back to the bottom. Um, no, I don’t know.”</em> This participant on <a href="https://baymard.com/ux-benchmark/case-studies/cvs">CVS’s</a> mobile site scrolled up and down the cart but could not find any way to specify substitute items (first image). In fact, this feature was only available during checkout (second image) — risking some users abandoning before ever finding it (see our <a href="https://baymard.com/blog/grocery-substitutions">Grocery Substitutions article</a> and <a href="https://baymard.com/guidelines/3303-finding-specific-grocery-substitutions">guideline #3303</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: 203.4666666666667%;"><img alt="Cart page with “Buy again” carousel displaying products with “add to cart” buttons on the Target mobile app." src="https://cdn.baymard.com/research/media_files/attachments/172654/original/research-media-file-408c86214b357180a2f5be59d28e92ce.png"></div></div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>”If I know that I’ve purchased it in the past, I would go to my cart here.”</em> To add a previous purchase to her cart, this participant on <a href="https://baymard.com/ux-benchmark/case-studies/target">Target’s</a> mobile app navigated to her cart and scrolled to the bottom, swiping through the “Buy again” feature until she found the item she was looking for (see our <a href="https://baymard.com/blog/grocery-food-delivery-orders">Past Purchases article</a> and <a href="https://baymard.com/guidelines/3285-accessing-past-purchases">guideline #3285</a>).</p>
</div></div>
</div></div>



<p>This 2026 Grocery research ensures that our existing Grocery research — <a href="https://baymard.com/blog/grocery-site-ux-launch">first conducted in 2022</a> — remains <strong>robust and up-to-date</strong> with the latest UX findings.</p>



<p>This large-scale study dedicated 550+ research hours and added 70 qualitative user/site usability test sessions <strong>solely to investigating</strong> Grocery UX.</p>



<p>As a result, we’ve verified our previous observations and validated the user behavior — and subsequent <strong>design recommendations</strong> — made in our existing Grocery guidelines.</p>



<h3 id="2-new-grocery-ux-test-examples">2) New Grocery UX Test Examples</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.86935423665546%;flex-basis:49.86935423665546%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 179.06666666666666%;"><img alt="Mobile cart page showing order subtotal and a tomato product with name, thumbnail, prices, weight, and quantity." src="https://cdn.baymard.com/research/media_files/attachments/172655/original/research-media-file-036446ef746d719deb6da5fc069e8ff3.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:50.130645763344525%;flex-basis:50.130645763344525%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 178.13333333333335%;"><img alt="A mobile overlay alerting of no available timeslots with the options to select delivery, change store, and cancel checkout." src="https://cdn.baymard.com/research/media_files/attachments/172656/original/research-media-file-c3996cc2b2d16efb6b9acba86425e838.png"></div></div></div></div>
</div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>”Oh, there’s no time slots available, gosh darn it…and it says, ‘Please try again tomorrow’, so you can’t pick a future time slot, it has to be a time slot for today.”</em> This participant on <a href="https://baymard.com/ux-benchmark/case-studies/aldi">ALDI’s</a> mobile site moved forward from her cart, which displayed no fulfillment details (first image), only to discover that her selected location had no available time slots left (second image) (see <a href="https://baymard.com/guidelines/1955-fulfillment-time-slot-availability">guideline #1955</a>).</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: 194.93333333333334%;"><img alt="Mobile cart page showing Heineken 12 pk with a quantity of 2 selected." src="https://cdn.baymard.com/research/media_files/attachments/172657/original/research-media-file-a63db7eed27766cd2ddcf652063155ef.png"></div></div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>”I do not see that there is a way to save that item for later.”</em> This participant on <a href="https://baymard.com/ux-benchmark/case-studies/peapod">Stop &amp; Shop’s</a> mobile site was unable to save an item in his grocery cart for later purchase (see <a href="https://baymard.com/guidelines/622-implementing-a-cart-save-for-later-feature">guideline #622</a>).</p>
</div></div>
</div></div>



<p>Along with validating our existing Grocery research, we’ve also updated our Grocery research catalog with <strong>hundreds of new examples</strong>.</p>



<p>These examples are from the <strong>test sessions</strong> at the 8 test sites listed above, as well as from our <a href="https://baymard.com/ux-benchmark">ecommerce UX benchmark</a> (desktop, mobile, and app).</p>



<p>In general, the new examples help illustrate how a UX issue identified in 2022 <strong>still exists today</strong> — only the interface has undergone heavy changes as a result of new UI design schemes and preferences.</p>



<p>In short, it’s further support for the idea that just because an example from user testing may <strong>look dated</strong>, it doesn’t necessarily mean the underlying user issue no longer exists.</p>



<h3 id="3-new-insights-into-grocery-shopper-behavior">3) New Insights into Grocery Shopper Behavior</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:50.0%;flex-basis:50.0%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 193.6%;"><img alt="Cart page with “Pickup” information displayed and the option to “Change” on Stop &amp; Shop’s mobile site." src="https://cdn.baymard.com/research/media_files/attachments/172658/original/research-media-file-995501a0d75f5236ca7db2b71920672b.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: 193.6%;"><img alt="An interface to select day and time and change location for order pickup on a mobile site." src="https://cdn.baymard.com/research/media_files/attachments/172659/original/research-media-file-425cf942885dcddb2ae3ce71ebd3461f.png"></div></div></div></div>
</div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>”I instinctively would think that it would be right here with this ‘Change’ button, but all that’s bringing is other pickup locations…it doesn’t appear there’s a way to do that.”</em> This participant on <a href="https://baymard.com/ux-benchmark/case-studies/peapod">Stop &amp; Shop’s</a> mobile site tapped the <em>“Change”</em> link at the top of the cart, expecting to be able to change from pickup to delivery (first image), only to find that she could only change her pickup time and location — not her selected fulfillment method (second image) (see <a href="https://baymard.com/guidelines/3300-switching-cart-fulfillment-details">guideline #3300</a>).</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: 205.4666666666667%;"><img alt="A ”Purchase History” mobile page with several past orders listed." src="https://cdn.baymard.com/research/media_files/attachments/172660/original/research-media-file-827c75698d1a7ddb3f7730b0afb38fc9.png"></div></div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>”Honestly, I know that I could probably — if I was looking for a particularly unique item, I could go to ‘order history’…However, I would not do that. That is entirely too many clicks…because then I’d have to remember what order it was in.”</em> This participant on <a href="https://baymard.com/ux-benchmark/case-studies/kroger">Kroger’s</a> mobile app briefly considered the “Purchase History” page as a way to find previously purchased items but quickly became overwhelmed at the prospect. With such large orders as are typical for groceries, getting a clear overview of what is included with each one is difficult (see <a href="https://baymard.com/guidelines/3285-accessing-past-purchases">guideline #3285</a> and our <a href="https://baymard.com/blog/grocery-food-delivery-orders">Past Purchases article</a>).</p>
</div></div>
</div></div>



<p>Finally, while many user issues and design patterns persist, there are always some <strong>genuinely new issues</strong> that arise, as well as new approaches to resolving these issues.</p>



<p>As such, we’ve added <strong>8 new Grocery guidelines</strong> based on this latest 2026 test data.</p>



<p>These new guidelines reflect the changing landscape of Online Grocery and provide specific <strong>design guidance</strong> on the complexities of issues such as fulfillment method selection, providing substitutions, and locating commonly repurchased items.</p>



<h2 id="550-more-hours-of-grocery-specific-research">550+ More Hours of Grocery Specific Research</h2>



<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:33.34194873011674%;flex-basis:33.34194873011674%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 171.33333333333334%;"><img alt="A mobile overlay where users can opt in for substitutions by ticking a checkbox." src="https://cdn.baymard.com/research/media_files/attachments/172661/original/research-media-file-6fee556463c08d114e87a8f31547d7a6.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:33.367915979906556%;flex-basis:33.367915979906556%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 171.2%;"><img alt="A mobile overlay with two site-selected substitute options to choose from - menthol or cherry cough drops." src="https://cdn.baymard.com/research/media_files/attachments/172662/original/research-media-file-e78974721e74d9b6a24cbb27382686a0.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:33.2901352899767%;flex-basis:33.2901352899767%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 171.6%;"><img alt="A mobile overlay with two site-selected substitute options to choose from - cherry or honey lemon cough drops." src="https://cdn.baymard.com/research/media_files/attachments/172663/original/research-media-file-5b7b2023ccc25ed3862072079d033b33.png"></div></div></div></div>
</div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>”It only gives you two options, and if you don’t want that option, you don’t get to pick…I don’t like that this is how the substitutions are done. This is my least favorite part of the whole thing. It should have been in the cart, and then after that it should give me suggestions, and then if I don’t like those suggestions, it should allow me to pick what I want. Now I just feel tied into this, and this would truly turn me off from shopping from here. It would make me feel like I couldn’t get what I want if this was out, like I just have to get whatever you suggest. That doesn’t seem like a smart way to do that.”</em> This participant on <a href="https://baymard.com/ux-benchmark/case-studies/cvs">CVS’s</a> mobile site wanted to opt for substitutions (first image) but found she could only decide between two site-selected alternatives for each item in her cart (second and third images). Wanting different substitutions, she described how this limitation would deter her from shopping at CVS (see <a href="https://baymard.com/guidelines/3303-finding-specific-grocery-substitutions">guideline #3303</a>).</p>
</div></div>
</div></div>



<p>In conclusion, this latest study both <strong>validates and expands</strong> our research on Online Grocery UX.</p>



<p>To <strong>start exploring</strong> our Grocery research, be sure to check out our Grocery guidelines — a few of which are available for free as published articles (see articles on <a href="https://baymard.com/blog/grocery-ecommerce-benchmark">4 Grocery UX Best Practices</a>, <a href="https://baymard.com/blog/grocery-substitutions">Grocery Substitutions</a>, <a href="https://baymard.com/blog/grocery-food-delivery-orders">Past Purchases</a>, and <a href="https://baymard.com/blog/grocery-add-to-cart-buttons">Adding to Cart</a>). If you have access, go to our <a href="https://baymard.com/premium/guideline-collections/rxji46">Groceries UX guideline page</a>.</p>



<p>Additionally, see our <a href="https://baymard.com/ux-benchmark/collections/online-grocery">Online Grocery UX benchmark</a> of 10 sites and apps, which includes over 7,000 performance ratings, and our <a href="https://baymard.com/ecommerce-design-examples">Online Grocery page designs</a>, which includes over 6,500+ desktop and mobile Grocery UX worst and best practices.</p>



<p><em><strong>Getting access:</strong> all 400+ Grocery UX guidelines are available today 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/guideline-collections/rxji46">Groceries Study</a>.)</em></p>



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



<p>
  <a href="https://twitter.com/intent/tweet?text=Online+Grocery+Ecommerce+UX+2026%3A+Expanded+%26amp%3B+Updated+Research+Findings&amp;url=https://baymard.com/blog/online-grocery-ecommerce-ux-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/blog/grocery-site-ux-launch">Online Grocery UX: 5 High-Level UX Takeaways from 1,100 Hours of Testing Leading Grocery Websites</a></li>
      <li><a href="https://baymard.com/blog/grocery-ecommerce-benchmark">4 “Online Grocery” Ecommerce UX Best Practices</a></li>
      <li><a href="https://baymard.com/blog/grocery-substitutions">Online Grocery UX: 3 Ways to Make Setting Grocery Substitution Preferences Easier</a></li>
      <li><a href="https://baymard.com/blog/grocery-food-delivery-orders">Grocery and Food Delivery Site UX: Allow Users to Add “Past Purchases” to the Cart from the Homepage</a></li>
      <li><a href="https://baymard.com/blog/grocery-add-to-cart-buttons">Grocery UX: Dynamically Update the “Add to Cart” Button to a Quantity Selector after Item Added</a></li>
  </ul><img src="https://feeds.baymard.com/link/9825/17323422.gif" height="1" width="1"/>]]></content>
    <author>
      <name>Kathryn Reeves</name>
    </author>
  </entry>
  <entry>
    <id>tag:baymard.com,2005:Article/466</id>
    <published>2026-04-08T11:20:00+02:00</published>
    <updated>2026-04-16T01:42:59+02:00</updated>
    <link rel="alternate" type="text/html" href="https://feeds.baymard.com/link/9825/17315735/home-and-hardware-quantitative-ux-insights"/>
    <title>Home &amp; Hardware Quantitative UX: 3 High-Level Takeaways from 30+ Charts of Key Findings and Actionable Insights</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/blog/home-and-hardware-quantitative-ux-insights">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: 53.06818181818181%;"><img alt="Two graphs overlapping with findings from Baymard’s quantitative Home &amp; Hardware UX study." src="https://cdn.baymard.com/research/media_files/attachments/172355/original/research-media-file-24c77c1be27b1d8384f09d08c6dfe1b2.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 Stats &amp; Takeaways</p>
<ul>
  <li>30+ new insights on Home &amp; Hardware shoppers’ habits and preferences</li>
  <li>3,023 US shoppers surveyed in the quantitative UX study</li>
  <li>Home &amp; Hardware shoppers prioritize price and brand, loyalty programs, and in-store visits</li>
</ul>
</div></div>



<p>At Baymard, we’ve just released new <a href="https://baymard.com/blog/quantitative-insights-launch">Quantitative Insights</a> into <strong>people who shop on “<a href="https://baymard.com/research/home-and-hardware">Home &amp; Hardware</a>” sites</strong>, expanding our understanding of industry-specific ecommerce user preferences and attitudes.</p>



<p>These insights are <strong>visual, survey-backed data</strong> that highlight user habits and preferences to supplement and support our large-scale <a href="https://baymard.com/research">UX research findings</a> and <a href="https://baymard.com/ux-benchmark">benchmarking</a> of the Home &amp; Hardware industry.</p>



<p>The 30+ insights address the home and hardware <strong>shopping experience</strong>, ranging from need triggers, product comparison behaviors, in-store usage, loyalty programs, purchasing factors, and returns expectations.</p>



<p>In addition, <strong>demographic segmentation</strong> has been applied for shoppers in professional vs. DIY spaces, as well as how product expertise and item cost impact their responses.</p>



<p>These Quantitative Insights <strong>empower you</strong> to align stakeholders through objective, survey-backed data, streamline A/B testing with high-impact hypotheses, and discover and solve industry-specific UX challenges.</p>



<p>In this article, we’ll introduce <strong>3 high-level findings</strong> that distinguish how users find, evaluate, and decide on a purchase at home and hardware sites:</p>



<ul>
  <li>Top factors in purchase decisions</li>
  <li>In-store visitations as part of online shopping journey</li>
  <li>Membership to Pro or loyalty programs</li>
</ul>



<h2 id="top-factors-in-purchase-decisions">Top Factors in Purchase Decisions</h2>



<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n"><div class="inner">
<div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 82.5%;"><img alt="A bar graph displaying the most important factors in home and hardware purchases, being price and brand at 53% and 42% ." src="https://cdn.baymard.com/research/media_files/attachments/172356/original/research-media-file-d7f5efdef8bcac14e8ae7fcab6d8504a.png"></div></div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p>Price and brand are the most important factors for users purchasing home and hardware products online, according to our survey with 3,023 respondents (see <a href="https://baymard.com/premium/quant-insights/HH031">Quantitative Insight #HH031</a> for an interactive version of this graph alongside key findings and actionable insights).</p>
</div></div>
</div></div>



<p>Asking 3,023 US adults who have shopped online for home and hardware products in the past 3 months what played the biggest role in their most recent purchase, <strong>price and brand</strong> are by far the top overall factors (at 53% and 42% respectively).</p>



<p>This <strong>indicates</strong> that shoppers are making value-conscious decisions but still strongly associate that value with brand trust or recognition.</p>



<p>Next, while user reviews (34%) and compatibility information (24%) are not the initial purchase trigger, they <strong>also play a critical role</strong> in reinforcing confidence — especially for users deciding between similar products.</p>



<p>Thus, tools that increase user confidence are <strong>key differentiators</strong> for conversion, particularly when price and brand are comparable.</p>



<p>Other <strong>informational factors</strong> that play a part are location convenience (26%), speed of receiving an item (25%), warranty and returns (22%), and word of mouth (15%).</p>



<p>With that, home and hardware sites must clearly <strong>emphasize prices</strong> (see our <a href="https://baymard.com/premium/topic-guides/d01872fd">Product Price Displays Topic Guide</a>) and consider making brands easier to identify in list items and search results (<a href="https://baymard.com/guidelines/444-brands-in-product-lists">guideline #444</a>).</p>



<p>It’s also crucial to provide <a href="https://baymard.com/blog/5-essential-filters"><strong>critical filtering options</strong></a> — including for price (<a href="https://baymard.com/premium/topic-guides/dafbf0bd">Price Filters Topic Guide</a>),  brand (see the <a href="https://baymard.com/premium/topic-guides/adeada13">Brand Filters Topic Guide</a>), user rating (<a href="https://baymard.com/guidelines/1167-essential-filtering-options">guideline #1167</a>), and stock status (<a href="https://baymard.com/guidelines/417-product-status-filters">guideline #417</a>) — as well as offer support for users searching for compatible products (<a href="https://baymard.com/guidelines/341-finding-compatible-products">guideline #341</a>).</p>



<h2 id="in-store-visitations-are-central-to-most-home--hardware-shoppers-purchase-decision">In-Store Visitations Are Central to Most Home &amp; Hardware Shoppers’ Purchase Decision</h2>



<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n"><div class="inner">
<div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 116.98863636363637%;"><img alt="A pie chart of in-store visits prior to online purchases showing that more than half of home and hardware users do this." src="https://cdn.baymard.com/research/media_files/attachments/172357/original/research-media-file-b8b283b5f4e9b9cc1549be5899d1e160.png"></div></div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p>More than half of home and hardware shoppers go to the store to access products before they make a purchase online (see <a href="https://baymard.com/premium/quant-insights/HH016">Quantitative Insight #HH016</a> for an interactive version of this graph alongside key findings and actionable insights).</p>
</div></div>
</div></div>



<p>Notably <strong>more than 50%</strong> of home and hardware shoppers say they viewed or tested the product in-store before completing their last purchase online.</p>



<p>With that in mind, users will be better served if they can easily <strong>identify the closest store</strong> with stock availability (<a href="https://baymard.com/guidelines/804-find-in-store-information">guideline #804</a>).</p>



<p>Further, by <strong>offering a store locator</strong> feature with a map, key store details, and IP geotargeting for autodetection, users will be able to quickly find a nearby store if they wish to see the product or pick it up there (see the <a href="https://baymard.com/premium/topic-guides/dfd9fedc">In-Store Pickup Topic Guide</a>).</p>



<p>Also of note, while 45% of respondents say they purchased without seeing the product in person, this tendency <strong>increases significantly</strong> to 65% among respondents aged 60 and older, indicating that younger shoppers are overall more likely to say they visit in-store than older shoppers.</p>



<h2 id="a-majority-of-home--hardware-shoppers-utilize-pro-or-loyalty-programs">A Majority of Home &amp; Hardware Shoppers Utilize Pro or Loyalty Programs</h2>



<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n"><div class="inner">
<div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 84.0909090909091%;"><img alt="A pie chart of the amount of home and hardware shoppers who say they are part of a loyalty or pro/business program (more than half)." src="https://cdn.baymard.com/research/media_files/attachments/172358/original/research-media-file-ac74da1f75bfaf768f4abb4cf3c5ec68.png"></div></div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p>More than half of home and hardware shoppers say they are part of a loyalty or pro/business program (see <a href="https://baymard.com/premium/quant-insights/HH085">Quantitative Insight #HH085</a> for an interactive version of this graph alongside key findings and actionable insights).</p>
</div></div>
</div></div>



<p><strong>More than half</strong> of home and hardware shoppers say they are part of a loyalty or pro/business program, with 34% being part of a DIY/homeowner loyalty program, and 22% reflecting a smaller but meaningful segment of professional users.</p>



<p>Also, a notable 27% are aware of these programs but haven’t joined, and another 13% don’t know these programs exist, suggesting an <strong>opportunity for retailers</strong> to optimize the messaging, incentives, and discoverability of their programs.</p>



<p>With these findings, it’s important to <strong>first understand</strong> which of your shoppers are in the professional realm, and which are DIY users likely to engage with one of these programs.</p>



<p>By <strong>identifying, segmenting, and prioritizing users</strong> who show behavioral signals of potential participation, you can avoid overinvesting in segments unlikely ever to engage meaningfully (see <a href="https://baymard.com/premium/strategic-briefs/lyb21">Strategic Brief #LYB21</a>).</p>



<p>From there, ensure that your home and hardware <a href="https://baymard.com/blog/loyalty-program-ux-launch">loyalty programs</a> <strong>lead with tangible value</strong>.</p>



<p>Most users view enrollment as a value exchange, so <strong>clearly communicate</strong> upfront what the user stands to gain in return for joining (see guidelines <a href="https://baymard.com/guidelines/2946-the-value-of-loyalty-points">#2946</a> and <a href="https://baymard.com/guidelines/2949-immediate-discounts-to-encourage-loyalty-program-signups">#2949</a>).</p>



<p>Lastly, <strong>reduce</strong> any enrollment friction in your pro or loyalty programs.</p>



<p>Work to incorporate loyalty registration directly into your site’s account setup to <strong>streamline the process</strong> (see the <a href="https://baymard.com/premium/topic-guides/f9fb4ec3">Account Sign-Up Form Topic Guide</a>), and consider letting users earn points retroactively for recent purchases to encourage hesitant users to sign up (see <a href="https://baymard.com/premium/strategic-briefs/lyb42">Strategic Brief #LYB42</a>).</p>



<h2 id="33-quantitative-insights-to-inform-home--hardware-ux-improvements">33 Quantitative Insights to Inform Home &amp; Hardware UX Improvements</h2>



<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n v-size-big"><div class="inner">
<div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 59.65909090909091%;"><img alt="The Baymard Quantitative Insights page with the filter drop-down open and three home and hardware insights cards visible." src="https://cdn.baymard.com/research/media_files/attachments/172359/original/research-media-file-1b282da67d27d6bf3e49b99547cefa55.png"></div></div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p>In addition to the 3 insights presented here, all 30 Home &amp; Hardware UX survey insights are available on Baymard along with our Quantitative Insights for general ecommerce on <em>Awareness &amp; Product Discovery, Consideration &amp; Purchase Behavior, Checkout &amp; Post-Purchase, Loyalty</em> (and other industry-specific studies).</p>
</div></div>
</div></div>



<p>These are <strong>just 3</strong> of the insights from our <a href="https://baymard.com/premium/quant-insights?studyIds=9">Home &amp; Hardware quantitative study</a>.</p>



<p>To get an <strong>in-depth understanding</strong> of the habits and preferences of home and hardware shoppers, the other 30 insights should be reviewed.</p>



<p>Use these insights along with our <a href="https://baymard.com/research/home-and-hardware">Home &amp; Hardware UX guidelines</a> based on observed user behaviour to <strong>inform your UX design decisions</strong> for your Home &amp; Hardware ecommerce store.</p>



<p>Note that <strong>we also offer</strong> Quantitative Insights for general ecommerce on Awareness &amp; Product Discovery, Consideration &amp; Purchase Behavior, Checkout &amp; Post-Purchase, and Loyalty many of which are also relevant to home and hardware sites.</p>



<p><em><strong>Getting access:</strong> all 30+ Home &amp; Hardware quantitative insights are available today 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/quant-insights?studyId=9">Home &amp; Hardware quantitative study</a>).</em></p>



<p><em>If you want to know how your Home &amp; Hardware desktop and mobile site performs and compares, then learn more about getting Baymard to conduct a <a href="https://baymard.com/audits/home-and-hardware">Home &amp; Hardware UX audit</a> of your site.</em></p>



<p>
  <a href="https://twitter.com/intent/tweet?text=Home+%26amp%3B+Hardware+Quantitative+UX%3A+3+High-Level+Takeaways+from+30%2B+Charts+of+Key+Findings+and+Actionable+Insights&amp;url=https://baymard.com/blog/home-and-hardware-quantitative-ux-insights&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/blog/quantitative-insights-launch">Introducing a New Baymard Research Focus: Quantitative Insights</a></li>
      <li><a href="https://baymard.com/blog/home-and-hardware-ux-benchmark-2026">Home &amp; Hardware UX Benchmark: 5,000+ Performance Scores and 4,000+ Best Practice Examples</a></li>
  </ul><img src="https://feeds.baymard.com/link/9825/17315735.gif" height="1" width="1"/>]]></content>
    <author>
      <name>Richard Lam</name>
    </author>
  </entry>
  <entry>
    <id>tag:baymard.com,2005:Article/467</id>
    <published>2026-03-31T08:44:00+02:00</published>
    <updated>2026-03-31T11:40:02+02:00</updated>
    <link rel="alternate" type="text/html" href="https://feeds.baymard.com/link/9825/17310163/electronics-and-office-ux-benchmark-2026"/>
    <title>Electronics &amp; Office UX Benchmark: 5,000+ Performance Scores and 3,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/blog/electronics-and-office-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: 56.70454545454545%;"><img alt="" src="https://cdn.baymard.com/research/media_files/attachments/172394/original/research-media-file-e80755c88b7e207cc1aa1c72cb5243f3.png"></div></div></div></div>



<p>At Baymard, we’ve just released a new UX benchmark with <strong>9 “Electronics &amp; Office”</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="9-electronics--office-ux-case-studies-and-the-overall-performance">9 Electronics &amp; Office 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/bh-photo">

      <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">
            B&amp;H Photo
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #ffc300">
              decent
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Electronics &amp; Office
            </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">
            80
            page designs:
          </span>
          desktop, mobile, app
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/newegg">

      <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">
            Newegg
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #e9940b">
              mediocre
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Electronics &amp; Office
            </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/apple">

      <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">
            Apple
          </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">
              Electronics &amp; Office
            </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">
            55
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/crutchfield">

      <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">
            Crutchfield
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #ccb71e">
              good
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Electronics &amp; Office
            </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>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/office-depot">

      <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">
            Office Depot
          </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">
              Electronics &amp; Office
            </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">
            58
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/best-buy">

      <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">
            Best Buy
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #f1a507">
              decent
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Electronics &amp; Office
            </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">
            85
            page designs:
          </span>
          desktop, mobile, app
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/hp">

      <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">
            HP
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #fdbe01">
              decent
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Electronics &amp; Office
            </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">
            52
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/dell">

      <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">
            Dell
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #f5ad05">
              decent
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Electronics &amp; Office
            </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">
            63
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/microsoft">

      <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">
            Microsoft
          </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">
              Electronics &amp; Office
            </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>

    <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 9 <strong>in-depth</strong> Electronics &amp; Office UX case studies.</p>



<p>The 9 electronics and office equipment sites have been manually assessed across <strong>500+ research-based UX parameters</strong> relevant to <a href="https://baymard.com/research/electronics-and-office">Electronics &amp; Office</a>, resulting in 5,000+ weighted UX performance scores and 3,900+ best practice examples from these desktop and mobile sites.</p>



<p>Each of the 5,000+ <strong>UX performance scores</strong> from the 9 Electronics &amp; Office 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:electronics-and-office + view-structure-id=gemini-st_yspnx707 }}</p>



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



<p>Overall, most of the sites demonstrated a generally capable experience; however, they <strong>often failed</strong> at moments that required orientation, comparison, and reassurance.</p>



<p>Early discovery often <strong>suffered</strong> from promotional noise, fragmented taxonomies, and missing “view all” or deal-based entry points, which push users into premature narrowing before they fully understand the catalog.</p>



<p>Across lists and product pages, many sites <strong>struggled to support</strong> side-by-side evaluation of similar products.</p>



<p>Inconsistent attributes, insufficient imagery, and underpowered comparison tools <strong>forced extra navigation</strong> and manual tracking in an industry where informed comparison is essential.</p>



<p>Checkout flows were generally functional, but often <strong>failed to clearly communicate</strong> delivery timing, total cost, financing details, or confirmation of completed actions.</p>



<p>These gaps carried into self-service areas, <strong>weakening trust</strong> during order tracking and ongoing account management.</p>



<p>As this benchmark shows, with <strong>only 1 site</strong> delivering a “good” 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/electronics-and-office">Electronics &amp; Office UX research</a> overview page.</p>



<p><em><strong>Getting access:</strong> all 5,000+ UX performance scores, 3,900+ best practice examples, and the UX insights from researching the Electronics &amp; Office 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/electronics-and-office">Electronics &amp; Office UX Benchmark collection</a>.)</em></p>



<p><em>If you want to know how your home improvement and hardware desktop site, mobile site, or app performs and compares, then learn more about getting Baymard to conduct a <a href="https://baymard.com/audits/electronics-and-office">Electronics &amp; Office UX audit</a> of your site or app.</em></p>



<p>
  <a href="https://twitter.com/intent/tweet?text=Electronics+%26amp%3B+Office+UX+Benchmark%3A+5%2C000%2B+Performance+Scores+and+3%2C900%2B+Best+Practice+Examples&amp;url=https://baymard.com/blog/electronics-and-office-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/17310163.gif" height="1" width="1"/>]]></content>
    <author>
      <name>Anders Nielsen</name>
    </author>
  </entry>
  <entry>
    <id>tag:baymard.com,2005:Article/465</id>
    <published>2026-03-24T11:15:00+01:00</published>
    <updated>2026-04-13T13:31:24+02:00</updated>
    <link rel="alternate" type="text/html" href="https://feeds.baymard.com/link/9825/17305011/mobile-app-ux-benchmark-2026"/>
    <title>Mobile App UX Benchmark 2026: 3,300+ 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/blog/mobile-app-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: 61.13636363636363%;"><img alt="" src="https://cdn.baymard.com/research/media_files/attachments/172312/original/research-media-file-1925a17b79e11639914aa24e89c66236.png"></div></div></div></div>



<p>At Baymard, we’ve just released a new <strong>Mobile App UX benchmark</strong> with 10 case studies from the <a href="https://baymard.com/blog/apparel-ecommerce-ux-research-launch">Apparel &amp; Accessories</a> and <a href="https://baymard.com/blog/furniture-and-home-decor-ux-research">Furniture &amp; Home Decor</a> industries.</p>



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



<h2 id="10-new-mobile-app-ux-case-studies-and-the-overall-performance">10 New Mobile App UX Case Studies and the Overall Performance</h2>



<p>Each of the 10 native mobile apps in the benchmark has been <strong>manually benchmarked</strong> across 340+ research-based UX parameters relevant to its individual industry.</p>



<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/asos">

      <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">
            ASOS
          </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">
              Apparel &amp; Accessories
            </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">
            89
            page designs:
          </span>
          desktop, mobile, app
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/macys">

      <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">
            Macy’s
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #fbba02">
              decent
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Apparel &amp; Accessories
            </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">
            96
            page designs:
          </span>
          desktop, mobile, app
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/hm">

      <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">
            H&amp;M
          </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">
              Apparel &amp; Accessories
            </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">
            93
            page designs:
          </span>
          desktop, mobile, app
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/nordstrom">

      <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">
            Nordstrom
          </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">
              Apparel &amp; Accessories
            </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">
            85
            page designs:
          </span>
          desktop, mobile, app
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/nike">

      <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">
            Nike
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #dd7c11">
              mediocre
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Apparel &amp; Accessories
            </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">
            99
            page designs:
          </span>
          desktop, mobile, app
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/gap">

      <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">
            GAP
          </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">
              Apparel &amp; Accessories
            </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">
            90
            page designs:
          </span>
          desktop, mobile, app
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/marks-spencer">

      <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">
            Marks &amp; Spencer
          </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">
              Apparel &amp; Accessories
            </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">
            90
            page designs:
          </span>
          desktop, mobile, app
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/wayfair">

      <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">
            Wayfair
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #f7b204">
              decent
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Furniture &amp; Home Decor
            </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">
            89
            page designs:
          </span>
          desktop, mobile, app
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/ikea">

      <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">
            IKEA
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #ec9c09">
              mediocre
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Furniture &amp; Home Decor
            </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">
            99
            page designs:
          </span>
          desktop, mobile, app
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/crate-barrel">

      <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">
            Crate &amp; Barrel
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #ee9f09">
              mediocre
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Furniture &amp; Home Decor
            </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">
            88
            page designs:
          </span>
          desktop, 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>This provides you with <strong>3,300+ performance scores and 2,500+ new mobile app UX design best practice examples</strong> from these apps and markets:</p>



<ul>
  <li>
    <p><strong>7 new Apparel &amp; Accessories app case studies from:</strong> <em><a href="https://baymard.com/ux-benchmark/case-studies/asos">ASOS</a>, <a href="https://baymard.com/ux-benchmark/case-studies/macys">Macy’s</a>, <a href="https://baymard.com/ux-benchmark/case-studies/hm">H&amp;M</a>, <a href="https://baymard.com/ux-benchmark/case-studies/nordstrom">Nordstrom</a>, <a href="https://baymard.com/ux-benchmark/case-studies/nike">Nike</a>, <a href="https://baymard.com/ux-benchmark/case-studies/gap">GAP</a>,</em> and <em><a href="https://baymard.com/ux-benchmark/case-studies/marks-spencer">Marks &amp; Spencer</a></em></p>
  </li>
  <li>
    <p><strong>3 new Furniture &amp; Home Decor app case studies from:</strong> <em><a href="https://baymard.com/ux-benchmark/case-studies/wayfair">Wayfair</a>, <a href="https://baymard.com/ux-benchmark/case-studies/ikea">IKEA</a>,</em> and <em><a href="https://baymard.com/ux-benchmark/case-studies/crate-barrel">Crate &amp; Barrel</a></em></p>
  </li>
</ul>



<p>Each of the 10 mobile apps’ 3,300+ UX performance scores are <strong>summarized</strong> in the interactive scatterplot below — showing you how they perform collectively and individually:</p>



<p>{{ scatterplot-graph: view-structure-id=gemini-st_xneh8pos + habitat=public + size=full-width + base-sites-legend=$30 Major Ecommerce Apps$ }}</p>



<p>A publicly available <strong>overview</strong> of the benchmark can be found on our <a href="https://baymard.com/ux-benchmark">ecommerce UX</a> benchmark collection page.</p>



<p>Additionally, these case studies are <strong>also now available</strong> in their corresponding industry benchmark collections: <a href="https://baymard.com/ux-benchmark/collections/apparel-and-accessories">Apparel &amp; Accessories</a> and <a href="https://baymard.com/ux-benchmark/collections/houseware-and-furnishing">Furniture &amp; Home Decor</a>.</p>



<p><em><strong>Getting Access:</strong> all 3,300+ UX performance scores, 2,500+ best practice examples, and the UX insights gained from researching Mobile App UX are available immediately and in full within <a href="https://baymard.com/research">Baymard</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=Mobile+App+UX+Benchmark+2026%3A+3%2C300%2B+Performance+Scores+and+2%2C500%2B+Best+Practice+Examples&amp;url=https://baymard.com/blog/mobile-app-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/blog/native-mobile-apps-launch">New UX Research Study on Native Mobile Apps (incl. app usage rates)</a></li>
      <li><a href="https://baymard.com/blog/mobile-app-ux-trends">Mobile App UX Trends: The Current State of Ecommerce App UX (11 Common Pitfalls &amp; Best Practices)</a></li>
      <li><a href="https://baymard.com/blog/apparel-ecommerce-ux-research-launch">New Apparel &amp; Accessories UX Research: 3 High-Level Takeaways from 1,765 Hours of Testing</a></li>
      <li><a href="https://baymard.com/blog/furniture-and-home-decor-ux-research">New Furniture &amp; Home Decor UX Research: 3 High-Level Takeaways from 2,500 Hours of Testing</a></li>
      <li><a href="https://baymard.com/blog/current-state-ecommerce-product-page-ux">Product Page UX 2026: 10 Pitfalls and Best Practices</a></li>
      <li><a href="https://baymard.com/blog/current-state-of-checkout-ux">Checkout UX 2025: 10 Pitfalls and Best Practices</a></li>
  </ul><img src="https://feeds.baymard.com/link/9825/17305011.gif" height="1" width="1"/>]]></content>
    <author>
      <name>Anders Nielsen</name>
    </author>
  </entry>
  <entry>
    <id>tag:baymard.com,2005:Article/464</id>
    <published>2026-03-10T10:00:00+01:00</published>
    <updated>2026-03-10T10:20:36+01:00</updated>
    <link rel="alternate" type="text/html" href="https://feeds.baymard.com/link/9825/17296693/ux-ray-for-figma"/>
    <title>UX-Ray for Figma: Align Your Designs with Research-Backed UX Best Practices</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/blog/ux-ray-for-figma">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: 56.25%;"><img alt="" src="https://cdn.baymard.com/research/media_files/attachments/171805/original/research-media-file-b75438a7a81b1f558e29db25537f88a7.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>New UX-Ray plugin for Figma applies Baymard’s large-scale research to your UX designs</li>
  <li>Identify the most impactful UX changes for your designs and get a prioritized list</li>
  <li>Secure faster design approvals and shorten feedback loops by linking objective UX research for every design decision</li>
  <li>Conduct quick competitor analysis by scanning competitor screenshots to see what they do well and where they fall short</li>
</ul>
</div></div>



<p>Ecommerce UX/UI designers are expected to <strong>ship high-converting user experiences</strong> at speed, often balancing work across multiple projects that range from full page overhauls to feature tweaks.</p>



<p>Without the time or resources for primary research, designers have to <strong>rely on their gut feeling</strong> when making design decisions.</p>



<p>This approach has its drawbacks:</p>



<ol>
  <li>
    <p><strong>Slows production:</strong> Design approvals stall under subjective options and repeated feedback loops.</p>
  </li>
  <li>
    <p><strong>Reduces certainty:</strong> Teams ship unvalidated designs without any evidence that they will actually improve conversions or user experiences.</p>
  </li>
</ol>



<p>For many designers, Figma is the place where they do most of their work, but gathering feedback and justifying designs can be <strong>challenging</strong>.</p>



<p>With Baymard’s <a href="https://www.figma.com/community/plugin/1608088797036191266/ux-ray-by-baymard">UX-Ray Figma Plugin</a>, UX/UI designers can bring objective, <strong>research-backed UX best practices</strong> for every design decision, right where they do their work.</p>



<p>Each UX insight is backed by Baymard’s 200K+ hours of large-scale user research across 40+ ecommerce industries, shifting the design process from intuition-based to <strong>evidence-backed</strong>.</p>



<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n v-size-big v-embed-code"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 56.25%;"><iframe width="560" height="315" src="https://www.youtube.com/embed/Sqik8BNOq0I?rel=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen=""></iframe></div></div></div></div>



<p><a href="https://www.figma.com/community/plugin/1608088797036191266/ux-ray-by-baymard">Install UX-Ray on Figma for free</a> or learn more about the plugin below.</p>



<h2 id="why-you-should-use-ux-ray-for-figma">Why You Should Use UX-Ray for Figma</h2>


<p>With the native Figma UX plugin, designers can now <strong>eliminate</strong> the friction of guesswork, tool switching, and feedback loops.</p>



<h3 id="1-identify-ux-issues-in-designs">1. Identify UX Issues in Designs</h3>



<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n v-size-big"><div class="inner">
<div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 56.25%;"><img alt="Scan your designs in Figma and get a prioritized list of issues to resolve." src="https://cdn.baymard.com/research/media_files/attachments/172179/original/research-media-file-b169ec504d4a79281d6fe861aa52a26d.png"></div></div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p>Scan your designs in Figma and get a prioritized list of issues to resolve.</p>
</div></div>
</div></div>



<p>Ship designs <strong>confidently</strong> with the UX-Ray Figma plugin by scanning your frames and identifying critical usability issues that can hurt conversion and the user experience.</p>



<p>The UX issues identified are rated and <strong>prioritized</strong> by severity of impact on a user’s task completion.</p>



<p>You can read a <strong>detailed breakdown</strong> of the ratings and what they mean below.</p>



<h3 id="2-secure-faster-stakeholder-buy-in">2. Secure Faster Stakeholder Buy-in</h3>



<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n v-size-big"><div class="inner">
<div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 56.25%;"><img alt="Validate every design decision with detailed evidence and end subjective discussions." src="https://cdn.baymard.com/research/media_files/attachments/172180/original/research-media-file-c91097f9b87e71c763fb1e66c2a72385.png"></div></div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p>Validate every design decision with detailed evidence and end subjective discussions.</p>
</div></div>
</div></div>



<p>Shorten feedback loops and end subjective design discussions by backing every decision you make on any UI component to Baymard’s <strong>objective UX best practices</strong> based on large-scale user research.</p>



<p>Simply put, provide stakeholders with the <strong>evidence they need</strong> to sign off on your designs.</p>



<h3 id="3-conduct-quick-competitor-analysis">3. Conduct Quick Competitor Analysis</h3>



<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n v-size-big"><div class="inner">
<div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 56.25%;"><img alt="Analyse competitors instantly to use them as inspiration, but also see where your site can get a head start." src="https://cdn.baymard.com/research/media_files/attachments/172181/original/research-media-file-9c7e345362dee7dde2cd0149c27aefe4.png"></div></div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p>Analyse competitors instantly to use them as inspiration, but also see where your site can get a head start.</p>
</div></div>
</div></div>



<p>Discover the <strong>best-in-class designs</strong> from competitors and get inspiration from designs that are <em>actually</em> proven to convert.</p>



<p>Drop competitor screenshots and <strong>scan their designs</strong> to see what they do well and where they fall short.</p>



<h2 id="how-to-use-ux-ray-to-instantly-spot--fix-ux-issues-in-figma-designs">How To Use UX-Ray To Instantly Spot &amp; Fix UX Issues In Figma Designs</h2>



<p><strong>Step 1:</strong> <a href="https://www.figma.com/community/plugin/1608088797036191266/ux-ray-by-baymard">Install the UX-Ray Figma plugin</a>.</p>



<p><strong>Step 2:</strong> Open your Figma desktop app and navigate to “Plugins” on the top nav bar, click UX-Ray by Baymard.</p>



<p><strong>Step 3:</strong> Select a design frame and click scan.</p>



<p><strong>Step 4:</strong> Browse through the list of UX insights.</p>



<p><strong>Step 5:</strong> Click on a UX insight to see an explanation of each UI’s component implementation and how to fix it or why it’s good UX.</p>



<p><strong>Step 6:</strong> For competitor analysis, add a screenshot of competitor pages, select the frame and click scan.</p>



<h3 id="how-to-interpret-the-ratings">How to Interpret the Ratings</h3>



<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n v-size-small v-sidebar-caption"><div class="inner">
<div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 119.73333333333333%;"><img alt="Identify your design’s biggest UX issues and get actionable feedback on how to fix it." src="https://cdn.baymard.com/research/media_files/attachments/172170/original/research-media-file-abea0bf6eaa72ee7c1221eb9ff7f9b07.png"></div></div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p>Identify your design’s biggest UX issues and get actionable feedback on how to fix it.</p>
</div></div>
</div></div>



<p>Each rating has a <a href="https://baymard.com/blog/ai-heuristic-evaluations"><strong>95% accuracy rate</strong></a> when compared to Baymard’s human auditors.</p>



<p>We do not allow UX-Ray to publish ratings below the 95% threshold <strong>to ensure</strong> UX analysis and CRO suggestions do not harm conversions.</p>



<p>Below are the <strong>types of ratings</strong> you will receive based on the observed user behavior in Baymard’s large-scale testing:</p>



<p><strong>“UX issues”</strong> are UX implementations identified that don’t align with Baymard’s research-backed UX Best Practice Guidelines.</p>



<p>We suggest <strong>taking action</strong> to change these implementations.</p>



<p>There are <strong>4 types</strong> of UX issue ratings that vary in severity of observed user friction and task abandonment:</p>



<ul>
  <li>
<strong>Very Big Issue:</strong> Severe UX issue that leads to task or site abandonment for most to all users.</li>
  <li>
<strong>Big Issue:</strong> Severe UX issue that leads to task or site abandonment for some to most  users.</li>
  <li>
<strong>Medium Issue:</strong> Moderate UX issue that needs troubleshooting from some to most users.</li>
  <li>
<strong>Small Issue:</strong> Minor UX issue that briefly interrupts users.</li>
</ul>



<p><strong>“Good”</strong> are UX implementations identified that follow <a href="https://baymard.com/product/ux-best-practice-guidelines">Baymard’s UX Best Practice Guidelines</a>; we suggest keeping these UX implementations as they enable users to complete tasks and adhere to a user’s expectations.</p>



<p><strong>“Unrated”</strong> are UX Guidelines that we identified as relevant to your design but have not been automatically rated by UX-Ray.</p>



<p>We <strong>suggest</strong> manually reviewing these insights and implementing the recommended best practice.</p>



<p><strong>“Not Applicable”</strong> are UX Best Practice Guidelines we have that do not apply to the specific scanned design frame.</p>



<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n v-size-big"><div class="inner">
<div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 46.76136363636363%;"><img alt="." src="https://cdn.baymard.com/research/media_files/attachments/172183/original/research-media-file-e39ef87445508523959faaa5aa4dd307.png"></div></div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p>.</p>
</div></div>
</div></div>



<p>Install UX-Ray’s native Figma plugin to <strong>scan and analyze</strong> design frames against Baymard’s UX insights database.</p>



<p>Instantly flag usability issues, analyze competitor screenshots, and link any UI component to <strong>validated UX best practices</strong>.</p>



<p>Now you can secure faster design approvals and shorten feedback loops by <strong>bringing evidence</strong> to avoid subjective design discussions.</p>



<p class="text-center">
<a href="https://www.figma.com/community/plugin/1608088797036191266/ux-ray-by-baymard" class="tp-button-base rounded-sm-md px-3 py-2 leading-none no-underline bg-blue-500 !text-white">Try UX-Ray for Figma for Free</a>
</p>



<p>
  <a href="https://twitter.com/intent/tweet?text=UX-Ray+for+Figma%3A+Align+Your+Designs+with+Research-Backed+UX+Best+Practices&amp;url=https://baymard.com/blog/ux-ray-for-figma&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/blog/ai-heuristic-evaluations">AI Heuristic UX Evaluations with a 95% Accuracy Rate (Human-Level Accuracy)</a></li>
      <li><a href="https://baymard.com/blog/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/blog/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/blog/add-ux-best-practice-cards-to-figma">The New Baymard Figma Plugin: Add UX Best Practice Cards to Any Figma Project</a></li>
      <li><a href="https://baymard.com/blog/ux-query-any-ux-quesion-answered">UX-Query - Get Instant Answers to Any UX Question</a></li>
  </ul><img src="https://feeds.baymard.com/link/9825/17296693.gif" height="1" width="1"/>]]></content>
    <author>
      <name>Christian Holst</name>
    </author>
  </entry>
  <entry>
    <id>tag:baymard.com,2005:Article/463</id>
    <published>2026-03-05T11:30:00+01:00</published>
    <updated>2026-03-05T11:35:39+01:00</updated>
    <link rel="alternate" type="text/html" href="https://feeds.baymard.com/link/9825/17293719/home-and-hardware-ux-benchmark-2026"/>
    <title>Home &amp; Hardware UX Benchmark: 5,000+ Performance Scores and 4,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/blog/home-and-hardware-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: 58.92045454545455%;"><img alt="" src="https://cdn.baymard.com/research/media_files/attachments/171619/original/research-media-file-205ee74d59941d5714a2632581af1330.png"></div></div></div></div>



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



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



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



<h2 id="10-home--hardware-ux-case-studies-and-the-overall-performance">10 Home &amp; Hardware 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/home-depot">

      <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">
            Home Depot
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #fdbe01">
              decent
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Home &amp; Hardware
            </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">
            96
            page designs:
          </span>
          desktop, mobile, app
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/lowes">

      <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">
            Lowe’s
          </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">
              Home &amp; Hardware
            </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">
            87
            page designs:
          </span>
          desktop, mobile, app
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/ace-hardware">

      <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">
            Ace Hardware
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #fcbd01">
              decent
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Home &amp; Hardware
            </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">
            69
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/b-q">

      <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">
            B&amp;Q
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #e2860e">
              mediocre
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Home &amp; Hardware
            </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/build-com">

      <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">
            Build.com
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #ee9f09">
              mediocre
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Home &amp; Hardware
            </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">
            74
            page designs:
          </span>
          desktop, mobile, app
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/grainger">

      <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">
            Grainger
          </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">
              Home &amp; Hardware
            </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>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/leroy-merlin">

      <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">
            Leroy Merlin
          </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">
              Home &amp; Hardware
            </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/menards">

      <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">
            Menards
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #e08110">
              mediocre
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Home &amp; Hardware
            </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/northern-tool">

      <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">
            Northern Tool
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #ee9f09">
              mediocre
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Home &amp; Hardware
            </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">
            65
            page designs:
          </span>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/obi">

      <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">
            OBI
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #f7b204">
              decent
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Home &amp; Hardware
            </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>

    <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> Home &amp; Hardware UX case studies.</p>



<p>The 10 home improvement and hardware sites have been manually assessed across <strong>500+ research-based UX parameters</strong> relevant to <a href="https://baymard.com/research/home-and-hardware">Home &amp; Hardware</a>, resulting in 5,000+ weighted UX performance scores and 4,000+ best practice examples from these sites.</p>



<p>Each of the 5,000+ <strong>UX performance scores</strong> from the 10 Home &amp; Hardware 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:home-and-hardware + view-structure-id=gemini-st_bo0ca662 }}</p>



<p>The <strong>overall UX</strong> performance of the home improvement and hardware sites ranges from “mediocre” to “decent”.</p>



<p>Overall, the sites demonstrated a solid baseline experience; however, performance was <strong>consistently undermined</strong> at moments requiring orientation, comparison, and reassurance.</p>



<p>Early discovery often <strong>suffered</strong> from unclear category structures and distractions caused by ads and promotions, while product lists and filtering tools did not reliably support efficient comparison across variations, quantities, and specifications.</p>



<p>On product pages, strong content depth was <strong>frequently offset</strong> by disrupted evaluation flow, missing visual context, insufficient order cost information, and subdued “Add to Cart” buttons.</p>



<p>Checkout and self-service flows generally enabled completion, but <strong>often lacked</strong> clear order cost information, fulfillment details, and confirmation feedback.</p>



<p>These gaps were <strong>especially consequential</strong> in an industry defined by project timelines, delivery logistics, and ongoing post-purchase management.</p>



<p>As this benchmark shows, with <strong>no sites</strong> delivering a “good” 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/home-and-hardware">Home &amp; Hardware UX research</a> overview page.</p>



<p><em><strong>Getting access:</strong> all 5,000+ UX performance scores, 4,000+ best practice examples, and the UX insights from researching the Home &amp; Hardware 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/home-and-hardware">Home &amp; Hardware UX Benchmark collection</a>.)</em></p>



<p><em>If you want to know how your home improvement and hardware desktop site, mobile site, or app performs and compares, then learn more about getting Baymard to conduct a <a href="https://baymard.com/audits/home-and-hardware">Home &amp; Hardware UX audit</a> of your site or app.</em></p>



<p>
  <a href="https://twitter.com/intent/tweet?text=Home+%26amp%3B+Hardware+UX+Benchmark%3A+5%2C000%2B+Performance+Scores+and+4%2C000%2B+Best+Practice+Examples&amp;url=https://baymard.com/blog/home-and-hardware-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/17293719.gif" height="1" width="1"/>]]></content>
    <author>
      <name>Anders Nielsen</name>
    </author>
  </entry>
  <entry>
    <id>tag:baymard.com,2005:Article/462</id>
    <published>2026-02-25T10:00:00+01:00</published>
    <updated>2026-04-13T12:42:27+02:00</updated>
    <link rel="alternate" type="text/html" href="https://feeds.baymard.com/link/9825/17283402/health-and-beauty-ux-research"/>
    <title>New Health and Beauty UX Research: 3 High-Level Takeaways from 3,000+ Hours of Testing</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/blog/health-and-beauty-ux-research">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="The beauty site Sephora’s homepage on desktop alongside a mobile product page on Kiehl's displaying a facial cream." src="https://cdn.baymard.com/research/media_files/attachments/171127/original/research-media-file-06fde7cf68903e434914e8a083cbfa7c.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>Health and Beauty users need to replicate the “in-store experience” as much as possible using website features</li>
  <li>Failure to provide key visuals or other features can quickly lead to abandonment in favor of  competing Health and Beauty sites</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>3,000+ hours of new Health and Beauty research</li>
  <li>1,200+ medium-to-severe usability issues were observed during Health and Beauty testing</li>
  <li>490+ Health and Beauty guidelines included in our Health and Beauty research study</li>
</ul>
</div></div>



<p>At Baymard our research team has spent <strong>3,000+ hours</strong> on new large-scale qualitative usability testing and research focusing on <a href="https://baymard.com/research/health-and-beauty">Health and Beauty</a> website features, layouts, content, and designs.</p>



<p>This study tested <strong>18 U.S. sites,</strong> though several are owned by international companies.</p>



<p>These sites span <strong>three categories</strong> — Direct Brand, Specialty Beauty Retailers, and Mass Retailers — and include a cross-section of price points from discount to high-end:</p>



<ul>
  <li>
<strong>Direct Brand Sites:</strong> Avène USA, Bobbi Brown Cosmetics, e.l.f. Cosmetics, Estée Lauder, Glow Recipe, Ilia Beauty, Kiehl’s, MAC Cosmetics, SkinCeuticals, Urban Decay</li>
  <li>
<strong>Specialty Beauty Retailers:</strong> FragranceNet, LovelySkin, Micro Perfumes, Sephora, Stylevana</li>
  <li>
<strong>Mass Retailers:</strong> CVS, Rite Aid, Walgreens</li>
</ul>



<p>This research is based on over <strong>275 qualitative usability test sessions</strong> conducted via 1:1 remote moderated testing.</p>



<p>Participants followed the “Think Aloud” protocol while testing sites <strong>on both</strong> desktop and mobile devices.</p>



<p>During testing, the participants considered and explored <strong>makeup, skincare, and fragrance</strong> products and encountered 1,200+ medium-to-severe usability issues.</p>



<p>These issues have subsequently been analyzed and distilled into the <strong>490+ UX guidelines</strong> found within our Health and Beauty UX research study (which are available as part of our <a href="https://baymard.com/research">Baymard research findings</a>).</p>



<p>The 490+ guidelines address the health and beauty <strong>product-finding experience,</strong> ranging from broad user behaviors to the granular usability issues observed in our sessions.</p>



<p>In this article, we’ll introduce <strong>3 high-level UX best practices</strong> essential for users’ ability to find, evaluate, and make the decision make a purchase at Health and Beauty sites:</p>



<ul>
  <li>Provide extensive product visuals</li>
  <li>Provide clear product labeling and product-finding features</li>
  <li>Build user confidence through social proof and reciprocity</li>
</ul>



<h2 id="provide-extensive-product-visuals">Provide Extensive Product Visuals</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: 200.0%;"><img alt="" src="https://cdn.baymard.com/research/media_files/attachments/170969/original/research-media-file-220fa3fb811eb51f50ab275b86bffe62.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: 200.0%;"><img alt="" src="https://cdn.baymard.com/research/media_files/attachments/170970/original/research-media-file-9d920cca79a8e093f0ac2c85f58a4c7c.png"></div></div></div></div>
</div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>“I would say this number ‘5’ right here, ‘5’ or ‘6’ would be my face…So ‘Self Love’ will be that,”</em> noted a participant as she identified her blush shade match using an arm swatch image at <a href="https://baymard.com/ux-benchmark/case-studies/sephora">Sephora</a> (iOS, first image). She then scrolled through the images hoping to find a <em>“Human Model”</em> with a matching skin tone similar to her own, but was disappointed: <em>“I don’t necessarily like that they don’t have a lot of photos with the models having it on their skin! She’s very pretty, but I don’t have as dark a complexion as her. So I would like a few more options with different skin tones to see!”</em> Unable to confidently assess the shade, she abandoned the product: <em>“So I am going to go back and keep looking. I don’t think that would be something that I would add.”</em></p>
</div></div>
</div></div>



<p>The <strong>main hurdle</strong> in buying health and beauty products online is that users cannot visit a physical beauty retail space to try testers on their own skin and see how a product’s color, coverage, or texture will look on them.</p>



<p>Instead, users rely on a set of <strong>complementary images</strong> to piece together a complete picture of how the product will look and perform on their own unique complexion.</p>



<p>Indeed, health and beauty is the second most <strong>visually driven</strong> “industry” we’ve studied at Baymard, after <a href="https://baymard.com/blog/apparel-5-best-practices">apparel and accessories</a>.</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:33.33333333333333%;flex-basis:33.33333333333333%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 174.66666666666666%;"><img alt="" src="https://cdn.baymard.com/research/media_files/attachments/170971/original/research-media-file-d32ce619bf7213a60d11e0c1212cabf6.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:33.33333333333333%;flex-basis:33.33333333333333%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 174.66666666666666%;"><img alt="" src="https://cdn.baymard.com/research/media_files/attachments/170972/original/research-media-file-e83e3287cffe2cd22671e2cfe54dc6a7.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:33.33333333333333%;flex-basis:33.33333333333333%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 174.66666666666666%;"><img alt="" src="https://cdn.baymard.com/research/media_files/attachments/170973/original/research-media-file-5cbbe4ce4661485326ff5b70ac669653.png"></div></div></div></div>
</div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>“Trying to see how it would look on my skin,”</em> complained a participant at Bobbi Brown Cosmetics, who opened the shade finder tool after realizing that none of the foundation stick shades were shown on real skin (iOS, first and second images). Note that on mobile, the lack of a shade overview was even more frustrating because every time she selected a shade she had to scroll up to view it in the image gallery (third image), repeating this for each shade option.</p>
</div></div>
</div></div>



<p>Notably — especially relative to general ecommerce — only having a few “Cut Out” product images will cause some users to <strong>abandon.</strong></p>



<p>As one participant complained, <em>“I don’t love the images that they’re providing, because <strong>they don’t even have photos of people’s faces.”</strong></em></p>



<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.17494751574528%;flex-basis:50.17494751574528%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 189.86666666666667%;"><img alt="" src="https://cdn.baymard.com/research/media_files/attachments/170974/original/research-media-file-8d012f30166f775935fddf40736d43cd.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:49.82505248425472%;flex-basis:49.82505248425472%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 191.2%;"><img alt="" src="https://cdn.baymard.com/research/media_files/attachments/170975/original/research-media-file-817cb41c6309b04f2a271c588b0b2d83.png"></div></div></div></div>
</div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>”And then it’s also showing different shades, which is also what I like!”</em> A participant at MAC Cosmetics (Android) was enthusiastic about images showing the eye liner shade she was viewing applied on “Human Models” with different skin tones.</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.23529411764706%;flex-basis:50.23529411764706%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 48.06818181818181%;"><img alt="" src="https://cdn.baymard.com/research/media_files/attachments/171095/original/research-media-file-886ad90a83a49777f22d7a39494e5945.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:49.76470588235294%;flex-basis:49.76470588235294%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 48.52272727272727%;"><img alt="" src="https://cdn.baymard.com/research/media_files/attachments/171096/original/research-media-file-20f7b8e85912e21f8ac6ec125638c228.png"></div></div></div></div>
</div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>”I like the models on this one with the different shades! So I would definitely probably choose one of these”</em>, exclaimed a participant viewing a foundation at MAC Cosmetics (first image). She clicked to get a closer look at the models’ skin tones and selected the best match for herself (second image): <em>“I would go by what would match my skin tone the best — ‘N4’”</em>.</p>
</div></div>
</div></div>



<p>During testing, participants looked for a variety of <strong>high-quality image types</strong> that included “Applied Makeup” images of the product worn on the intended area of the body (guideline <a href="https://baymard.com/guidelines/3171-makeup-shown-on-intended-application-areas">#3171</a>), “Human Model” images featuring each individual shade on a matching skin tone (guideline <a href="https://baymard.com/guidelines/3174-human-model-images-per-complexion-shade">#3174</a>), and “Arm Swatches” that showcased the entire shade range across multiple complexions for a side-by-side comparison (guideline <a href="https://baymard.com/guidelines/3177-arm-swatches-with-all-shades-on-diverse-skin-tones">#3177</a>).</p>



<p>When sites fail to bridge the gap between a digital swatch image and the product’s actual appearance on a real complexion, users face high levels of <strong>“shade anxiety”,</strong> often leading to site abandonment or a detour to social media for more reliable images — risking that they don’t return to complete the purchase.</p>



<h2 id="provide-clear-product-labeling-and-product-finding-features">Provide Clear Product Labeling and Product-Finding Features</h2>



<p>Selecting the right makeup color online is a <strong>high-stakes decision</strong> because users can, at best, only approximate how a shade will actually look against their own complexion.</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: 198.13333333333333%;"><img alt="“Well! For one thing it doesn’t have the undertone information as far as ‘medium, tan’, if you’re ‘warm’,” remarked a participant at Stylevana (iOS) while looking at the shade options for a foundation. The use of fantasy color names such as “Linen”, “Ginger”, and “Lingerie” didn’t clearly convey the exact shade or undertone color to her. Frustrated by this lack of guidance as well as other issues trying to determine the right shade, she gave up on the product: ”Yeah, I don’t know.” Note that drop-downs should be avoided for selecting shades." src="https://cdn.baymard.com/research/media_files/attachments/170979/original/research-media-file-3157e9d8a966a6995ef809a55ca96812.png"></div></div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>“Well! For one thing it doesn’t have the undertone information as far as ‘medium, tan’, if you’re ‘warm’,”</em> remarked a participant at Stylevana (iOS) while looking at the shade options for a foundation. The use of fantasy color names such as <em>“Linen”</em>, <em>“Ginger”</em>, and <em>“Lingerie”</em> didn’t clearly convey the exact shade or undertone color to her. Frustrated by this lack of guidance as well as other issues trying to determine the right shade, she gave up on the product: <em>”Yeah, I don’t know.”</em> Note that <a href="https://baymard.com/blog/drop-down-usability">drop-downs should be avoided</a> for selecting shades.</p>
</div></div>
</div></div>


<p>This is made more difficult by the <strong>lack of consistent shade naming</strong> across brands — for example, a “Medium” foundation in one brand’s lineup might be deeper or warmer than a “Medium” in another, causing users significant uncertainty when selecting a shade.</p>



<p>This <strong>challenge is compounded</strong> by complexion products where users must select not just a shade level, but also an undertone like “cool”, “neutral”, or “warm” to correctly match their skin tone (see guideline <a href="https://baymard.com/guidelines/3180-complexion-shades-undertone-descriptions">#3180</a>).</p>



<p><em>“Shopping online for this, it’s just an even bigger kind of an ick from this product because <strong>it’s not describing what the shade is,</strong>”</em> commented a participant dissatisfied with the shade labels for a complexion product.</p>



<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:49.91417782354961%;flex-basis:49.91417782354961%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 194.53333333333333%;"><img alt="" src="https://cdn.baymard.com/research/media_files/attachments/170985/original/research-media-file-e084ec8f06ca35966b8e3989b6dc74f2.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:50.08582217645039%;flex-basis:50.08582217645039%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 193.86666666666667%;"><img alt="" src="https://cdn.baymard.com/research/media_files/attachments/170989/original/research-media-file-af18baf023dffcc1d61a405828efa6f1.png"></div></div></div></div>
</div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>”So I’m looking at the name as well as the description. I have a tendency to have a bit of a cooler undertone — cooler to neutral — so anything that has ‘tan’ or anything like that I try to stay away from! Anything that says ‘beige, neutral’ is more up my alley — so like ‘Cool Natural’”,</em> noted a participant as she read through foundation shade descriptions at Bobbi Brown Cosmetics (iOS, first image). She explained how she used the shade description in tandem with the <em>“Human Model”</em> image to narrow in on a match (second image): <em>”And then I’m looking at the model to see if she looks like my skin type…we’re getting closer, here we go…All right, ‘Neutral Honey’ with ‘Medium dark beige with a balance of pink and yellow undertones for medium dark skin’. I think that this would be perfect for me!”</em></p>
</div></div>
</div></div>



<p><strong>Clear product naming</strong> (for example,  in the form of shade descriptors) are essential to help users identify the actual color of each shade.</p>



<p>These <strong>plain-language labels</strong> provide necessary context that is often missing when brands use alphanumeric codes like “4N1” or “fantasy names” like “Linen” or “Tahoe”.</p>



<div class="anecdote-pull-quote-sba2ha anecdote-module-3ba83n"><div class="inner">
<p>“I don’t like this because they’re not giving me a description of the shade! It’s fine that there’s a code, but then I would expect it to say like ‘light with neutral’…This is overwhelming to me right away!”</p>
</div></div>



<p>Indeed, a participant confused about the shade description simply <strong>gave up on the product:</strong> <em>“This is overwhelming to me right away!”</em></p>



<p>For complexion products, these descriptors should include both a shade level and an undertone — such as “medium with olive undertones” — to <strong>help users distinguish between subtle variations.</strong></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:53.65418894830659%;flex-basis:53.65418894830659%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 173.33333333333334%;"><img alt="" src="https://cdn.baymard.com/research/media_files/attachments/170990/original/research-media-file-6638aa197f22febaf95f736cb13d9bff.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:46.34581105169341%;flex-basis:46.34581105169341%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 200.66666666666669%;"><img alt="" src="https://cdn.baymard.com/research/media_files/attachments/170991/original/research-media-file-dedc62c0beea4f358a3f1f4b03d91958.png"></div></div></div></div>
</div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>”So my shade is ‘Martinique’.”</em> A participant at Ilia Beauty received a recommendation for <em>“Martinique SF11”</em> from the foundation shade-finder feature (first image). She dismissed the screen by tapping on the <em>“X”</em> — one of several ways to exit — and noticed that the shade on the product page was different (second image): <em>”That’s not the shade y’all gave me.”</em> She began tapping through the shade swatches to find her match and grew frustrated with the effort: <em>”This is a lot of work to go through each one!”</em></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: 48.63636363636364%;"><img alt="" src="https://cdn.baymard.com/research/media_files/attachments/171097/original/research-media-file-dbaccda25d69108aca489c53d2202455.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: 48.63636363636364%;"><img alt="" src="https://cdn.baymard.com/research/media_files/attachments/171098/original/research-media-file-181bd6cbc86b12a7f1dbe29c13364c5c.png"></div></div></div></div>
</div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>”Interesting, it’s saying a different shade than I thought. So I’ll press ‘Shop’ with that.”</em> A participant vacillating between 2 shades at MAC Cosmetics was intrigued by the shade-finder recommendation (<em>“NW20”</em>) and clicked the <em>“Shop”</em> button in the overlay to view the recommended shade on the product page (first image) where the matched shade was automatically displayed (second image).</p>
</div></div>
</div></div>



<p>Additionally, to help simplify these selections, users often rely on <strong>shade-matching features</strong> like shade finders and virtual try-on tools (see guidelines <a href="https://baymard.com/guidelines/3186-shade-finder-tool-visibility-and-placement">#3186</a> and <a href="https://baymard.com/guidelines/3239-continuity-between-shade-finder-and-product-page">#3239</a>).</p>



<p>These tools help users find a shade match or <strong>confirm their initial choice.</strong></p>



<p>When they are missing, <strong>users may abandon</strong> the purchase rather than guess at their shade.</p>



<p>This struggle is <strong>especially acute on mobile,</strong> where limited screen real estate often separates shade details from product images.</p>



<p>This makes side-by-side comparison very difficult, forcing users into a <strong>cycle of scrolling and memorization</strong> that adds friction to an already complex decision.</p>



<h2 id="build-user-confidence-through-social-proof-and-reciprocity">Build User Confidence through Social Proof and Reciprocity</h2>



<p>Once a makeup product is selected, users <strong>rely on reviews</strong> to see how its color and formula perform in real life.</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:53.756613756613746%;flex-basis:53.756613756613746%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 174.8%;"><img alt="" src="https://cdn.baymard.com/research/media_files/attachments/170995/original/research-media-file-87517be518c7d8ef40e2a6dc300ba95f.png"></div></div></div></div>
<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n" style="width:46.24338624338623%;flex-basis:46.24338624338623%"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 203.2%;"><img alt="" src="https://cdn.baymard.com/research/media_files/attachments/170996/original/research-media-file-aa7f8a85043438f9a4b47b0be2f2de59.jpeg"></div></div></div></div>
</div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>”On this one, I would like to see what type of hair this person has…That would be one thing I’d be concerned about, because I’m not sure what type of hair they have.”</em> Despite a hair serum’s positive reviews, a participant at Stylevana (iOS) was frustrated that reviews didn’t include information on the reviewer’s hair type (first image). Since the site didn’t collect reviewer attributes in its review form, this context was missing (second image; taken by the researcher after testing concluded). The participant explained that in cases like this, she would turn to YouTube: <em>”This is when I would go on YouTube and search for this product.”</em> Forcing users to seek additional review information off-site risks that they won’t return.</p>
</div></div>
</div></div>



<p>In the health and beauty category, a high star rating is often less influential than the reviewer’s <strong>specific beauty profile.</strong></p>



<p>Because a product’s color and texture can look and feel different on everyone, seeing a reviewer’s age, skin type, or eye color allows users to find feedback from people with <strong>similar characteristics</strong> (see guidelines <a href="https://baymard.com/guidelines/3195-beauty-attributes-not-captured-in-review-submissions">#3195</a> and <a href="https://baymard.com/guidelines/3192-key-health-beauty-attributes-in-reviews-by-default">#3192</a>).</p>



<p><em>“That’s awesome that they give the description of the person and what kind of skin they have, because you can <strong>see if it relates to you,</strong> if it goes with your skin,”</em> extolled a participant.</p>



<p>Surfacing these specific details allows users to <strong>scan for relevant advice</strong> from reviewers with similar beauty attributes, enhancing their confidence about the product and increasing the likelihood of purchase.</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="”Oh, and it says ‘Choose 2 Free Samples’ — free is always good!…I’m being rewarded for spending money. So essentially, I didn’t really spend money!” A participant at LovelySkin (iOS) was gleeful about the complimentary samples offered in her cart, describing them as a reward from the site for her purchase." src="https://cdn.baymard.com/research/media_files/attachments/171001/original/research-media-file-5655fd34172fe03323337322a6a86031.png"></div></div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>”Oh, and it says ‘Choose 2 Free Samples’ — free is always good!…I’m being rewarded for spending money. So essentially, I didn’t really spend money!”</em> A participant at LovelySkin (iOS) was gleeful about the complimentary samples offered in her cart, describing them as a reward from the site for her purchase.</p>
</div></div>
</div></div>



<p>The <strong>checkout process</strong> offers a final chance to leave a lasting impression.</p>



<p>In the health and beauty industry, <strong>complimentary samples</strong> are an effective way to reward users for their purchase and build stronger loyalty to the site or brand (See guidelines <a href="https://baymard.com/guidelines/3251-health-and-beauty-samples">#3251</a>, <a href="https://baymard.com/guidelines/3245-free-samples-description">#3245</a>, and <a href="https://baymard.com/guidelines/3242-visibility-of-free-samples-in-the-cart">#3242</a>).</p>



<p><strong><em>“I love free samples!”</em></strong> health and beauty participants frequently exclaimed across testing.</p>



<p>When samples are prominently displayed with clear thumbnails and descriptions, they not only allow users to trial new products risk-free, but transform a routine transaction into a <strong>moment of delight</strong> that encourages them to return.</p>



<h2 id="replicate-the-in-store-experience-as-much-as-possible-for-users">Replicate the “In Store” Experience as Much as Possible for Users</h2>



<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: 200.0%;"><img alt="“Let me see what they have for the ingredients here…Doesn’t look like there’s any skin-nourishing ingredients in there unless I don’t know what some of these longer words are, which is definitely possible.” A participant was unable to identify any “skin-nourishing” ingredients for a BB cream at Stylevana (iOS) — even though a good dozen, such as “Panthenol (strengthens skin barrier)”, did in fact meet that criteria. She turned instead to the reviews and ultimately decided against adding the product to her cart due to this and other aspects around how the product information was presented: ”I probably wouldn’t add that to the cart.”" src="https://cdn.baymard.com/research/media_files/attachments/171003/original/research-media-file-2348055c6a3cc0cf4804ffcdc68c35ac.png"></div></div>
<div class="anecdote-caption-ajkd3b"><div class="inner anecdote-wysicontent-ndj4ab">
<p><em>“Let me see what they have for the ingredients here…Doesn’t look like there’s any skin-nourishing ingredients in there unless I don’t know what some of these longer words are, which is definitely possible.”</em> A participant was unable to identify any “skin-nourishing” ingredients for a BB cream at Stylevana (iOS) — even though a good dozen, such as <em>“Panthenol (strengthens skin barrier)”</em>, did in fact meet that criteria. She turned instead to the reviews and ultimately decided against adding the product to her cart due to this and other aspects around how the product information was presented: <em>”I probably wouldn’t add that to the cart.”</em></p>
</div></div>
</div></div>



<p><strong>For many products,</strong> shopping online isn’t fundamentally different from shopping in-person.</p>



<p>For example, a user considering <strong>purchasing a computer monitor</strong> from a site can use product images, videos, and descriptions (e.g., dimensions information) to approximate the in-store experience — and thus <strong>proceed relatively confidently</strong> with their purchase.</p>



<p>On Health and Beauty sites, testing showed that the <strong>disconnect</strong> between shopping online and shopping in person was even greater than it is for other general ecommerce products.</p>



<p>At a physical store, a customer can actually test the product on their body — and <strong>get a great sense</strong> of whether the product will work for them.</p>



<p>Of course, this experience isn’t possible online — and thus Health and Beauty sites <strong>have to be diligent</strong> about providing the visuals, information, features, and “perks” that Health and Beauty users will turn to when trying to make a purchase decision.</p>



<p>As our testing shows, this should be a <strong>key area</strong> to focus on when improving UX design for Health and Beauty sites.</p>



<p><em><strong>Getting access:</strong> all 490+ Health and Beauty UX guidelines are available today 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/guideline-collections/zkzs6q">Health and Beauty UX study</a>).</em></p>



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



<p>
  <a href="https://twitter.com/intent/tweet?text=New+Health+and+Beauty+UX+Research%3A+3+High-Level+Takeaways+from+3%2C000%2B+Hours+of+Testing&amp;url=https://baymard.com/blog/health-and-beauty-ux-research&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/blog/allow-navigation-across-reviews-from-reviewer-images">Always Allow Users to Navigate across User Reviews via Reviewer-Submitted Images</a></li>
      <li><a href="https://baymard.com/blog/human-model">Provide Images of Accessory, Apparel, and Cosmetic Products on a Human Model</a></li>
      <li><a href="https://baymard.com/blog/allow-reviewers-to-upload-images">Allow Users to Upload Images with Their Review (34% of Sites Don’t)</a></li>
      <li><a href="https://baymard.com/blog/health-and-beauty-benchmark-2023">Health &amp; Beauty Sites: New UX Benchmark with 1,500+ Performance Scores and 1,200+ Best Practice Examples</a></li>
  </ul><img src="https://feeds.baymard.com/link/9825/17283402.gif" height="1" width="1"/>]]></content>
    <author>
      <name>Iva Olah</name>
    </author>
  </entry>
  <entry>
    <id>tag:baymard.com,2005:Article/460</id>
    <published>2026-02-17T10:05:00+01:00</published>
    <updated>2026-02-17T10:16:34+01:00</updated>
    <link rel="alternate" type="text/html" href="https://feeds.baymard.com/link/9825/17277775/toys-crafts-and-hobbies-ux-benchmark-2026"/>
    <title>Toys, Crafts &amp; Hobbies UX Benchmark: 5,500+ Performance Scores and 4,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/blog/toys-crafts-and-hobbies-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: 67.10227272727273%;"><img alt="" src="https://cdn.baymard.com/research/media_files/attachments/169830/original/research-media-file-f9f6c5ea99839c7e7a38102f3b8f724a.png"></div></div></div></div>



<p>At Baymard, we’ve just released a new UX benchmark with <strong>11 “Toys, Crafts &amp; Hobbies”</strong> UX case studies.</p>



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



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



<h2 id="11-toys-crafts--hobbies-ux-case-studies-and-the-overall-performance">11 Toys, Crafts &amp; Hobbies 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/hobbycraft">

      <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">
            Hobbycraft
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #ebbe0c">
              decent
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Toys, Crafts &amp; Hobbies
            </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/disney-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">
            Disney Store
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #fdbe01">
              decent
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Toys, Crafts &amp; Hobbies
            </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/musicians-friend">

      <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">
            Musician’s Friend
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #fbba02">
              decent
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Toys, Crafts &amp; Hobbies
            </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>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/gamestop-com">

      <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">
            Gamestop
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #ec9c09">
              mediocre
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Toys, Crafts &amp; Hobbies
            </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>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/thomann">

      <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">
            Thomann
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #efa208">
              mediocre
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Toys, Crafts &amp; Hobbies
            </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/guitar-center">

      <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">
            Guitar Center
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #fec301">
              decent
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Toys, Crafts &amp; Hobbies
            </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/smyths">

      <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">
            Smyths
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #f5c106">
              decent
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Toys, Crafts &amp; Hobbies
            </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/lego">

      <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">
            LEGO
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #f8b304">
              decent
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Toys, Crafts &amp; Hobbies
            </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/fat-brain-toys">

      <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">
            Fat Brain Toys
          </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">
              Toys, Crafts &amp; Hobbies
            </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>
          desktop, mobile
        </p>
      </div>
        
</a>
    <a class="card case-study-cards-yz73ak" href="https://baymard.com/ux-benchmark/case-studies/hamleys">

      <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">
            Hamleys
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #ec9c09">
              mediocre
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Toys, Crafts &amp; Hobbies
            </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/the-entertainer">

      <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">
            The Entertainer (TheToyShop.com)
          </h3>
          <div class="card--performance case-study-cards-yz73ak">
            <p class="card--performance-pill case-study-cards-yz73ak" style="color: #efa008">
              mediocre
            </p>
          </div>
        </div>

          <p class="card--collections case-study-cards-yz73ak">
            <span class="card--collections-truncate case-study-cards-yz73ak">
              Toys, Crafts &amp; Hobbies
            </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 11 <strong>in-depth</strong> Toys, Crafts &amp; Hobbies UX case studies.</p>



<p>The 11 toys, crafts, and hobby sites have been manually assessed across <strong>500+ research-based UX parameters</strong> relevant to <a href="https://baymard.com/research/toys-and-crafts">Toys, Crafts &amp; Hobbies</a>, resulting in 5,500+ weighted UX performance scores and 4,500+ best practice examples from these sites.</p>



<p>Each of the 5,500+ <strong>UX performance scores</strong> from the 11 Toys, Crafts &amp; Hobbies 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:toys-and-crafts + view-structure-id=gemini-st_mxg7171s }}</p>



<p>The <strong>overall UX</strong> performance of the toys, crafts, and hobby sites ranges from “mediocre” to “decent”.</p>



<p>Overall, the Toys, Crafts &amp; Hobbies industry delivered a functional but <strong>uneven experience</strong>, with most sites providing the core components needed to browse, evaluate, and purchase products, yet frequently falling short in execution at critical decision points.</p>



<p>Systemic weaknesses <strong>repeatedly emerged</strong> where confidence, comparison, and commitment mattered most, such as refining search results, comparing similar products, understanding delivery timelines, managing carts and accounts, and confirming that actions had been successfully completed.</p>



<p>These <strong>gaps</strong> often forced additional effort, obscured important information, or introduced uncertainty, particularly for gift-driven purchases, high-consideration items, and post-purchase self-service.</p>



<p>As a result, the industry experience was characterized less by outright failure and more by <strong>avoidable friction</strong>, where otherwise capable systems did not consistently support efficient, confident decision-making end to end.</p>



<p>As our latest benchmark shows, with <strong>no sites</strong> delivering a “good” 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/toys-and-crafts">Toys, Crafts &amp; Hobbies UX research</a> overview page.</p>



<p><em><strong>Getting access:</strong> all 5,500+ UX performance scores, 4,500+ best practice examples, and the UX insights from researching the Toys, Crafts &amp; Hobbies 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/toys-and-crafts">Toys, Crafts &amp; Hobbies UX Benchmark collection</a>.)</em></p>



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



<p>
  <a href="https://twitter.com/intent/tweet?text=Toys%2C+Crafts+%26amp%3B+Hobbies+UX+Benchmark%3A+5%2C500%2B+Performance+Scores+and+4%2C500%2B+Best+Practice+Examples&amp;url=https://baymard.com/blog/toys-crafts-and-hobbies-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/17277775.gif" height="1" width="1"/>]]></content>
    <author>
      <name>Anders Nielsen</name>
    </author>
  </entry>
  <entry>
    <id>tag:baymard.com,2005:Article/461</id>
    <published>2026-02-05T10:50:00+01:00</published>
    <updated>2026-03-10T10:43:14+01:00</updated>
    <link rel="alternate" type="text/html" href="https://feeds.baymard.com/link/9825/17270368/ux-ray-progress-2026"/>
    <title>2026 Progress: Instant UX Analysis of Your Site Now Across 209 UX Parameters (Still 95% Accuracy Rate)</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/blog/ux-ray-progress-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: 56.81818181818182%;"><img alt="" src="https://cdn.baymard.com/research/media_files/attachments/169972/original/research-media-file-a6d5616ef0bb51c7144bdaaaff8850e5.png"></div></div></div></div>



<p>The pressure on UX- and product teams to deliver results faster has never been higher, but the <strong>requirement</strong> for those results to be rooted in actual user research remains non-negotiable.</p>



<p>At Baymard, we developed UX-Ray to allow UX designers and UX researchers to move rapidly but not recklessly, by providing an instant UX analysis that returns <strong>evidence-backed and fully traceable</strong> UX insights with a <a href="https://baymard.com/blog/ai-heuristic-evaluations">95% accuracy rate</a>.</p>



<p>Over the last 4 months, we’ve achieved <strong>a 5x increase</strong> in the depth of instant UX analysis you can perform on your UX designs.</p>



<h2 id="ux-analysis-now-across-209-ux-parameters">UX Analysis Now Across 209 UX Parameters</h2>



<p>As of February 1st, 2026, UX-Ray can now conduct an instant UX analysis of your ecommerce site across <strong>209 distinct UX parameters/heuristics</strong>.</p>



<p>This is <strong>up from 39</strong> UX parameters in October 2025.</p>



<p>This expansion lets you move from new design frames to a comprehensive, <strong>research-backed UX audit</strong> in minutes rather than weeks.</p>



<h2 id="see-it-in-action-video">See It in Action (Video)</h2>



<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n v-size-big v-embed-code"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 56.25%;"><iframe width="560" height="315" src="https://www.youtube.com/embed/fuAdtcqLC6I?rel=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen=""></iframe></div></div></div></div>



<h2 id="still-with-a-documented-95-accuracy-rate">Still with a Documented 95% Accuracy Rate</h2>



<p>Speed is <strong>irrelevant if</strong> the UX insights do not improve UX or conversions.</p>



<p>Positive results <strong>hinge on</strong> 1) the accuracy of the UX analysis, and 2) the UX insights being fully evidence-based.</p>



<p><strong>Accuracy:</strong> UX-Ray still maintains a <a href="https://baymard.com/blog/ai-heuristic-evaluations">documented 95% accuracy rate</a> when compared to human UX experts auditing the same site:</p>



<ul>
  <li>This accuracy rate is continuously tested and retested to ensure the highest standards</li>
  <li>We publish these results directly on our website so stakeholders can verify the documented accuracy for themselves</li>
</ul>



<p><strong>UX insights being fully evidence-based:</strong> A key aspect of UX-Ray is that AI is <em>never used</em> to come up with the UX suggestions themselves or tell you how to improve your site:</p>



<ul>
  <li>
    <p>The AI component is strictly limited to mapping your specific UI patterns to Baymard’s existing platform of <a href="https://baymard.com/product/ux-best-practice-guidelines">700+ UX research guidelines</a> analyzed and developed by human UX experts</p>
  </li>
  <li>
    <p>Every UX recommendation is therefore fully traceable and based exclusively on our 200,000+ hours of large-scale UX research, making the results safe for revenue-generating websites</p>
  </li>
</ul>



<h2 id="advanced-use-cases-prototypes-and-competitors">Advanced Use Cases: Prototypes and Competitors</h2>



<p>This <strong>enhanced coverage</strong> isn’t just for live ecommerce sites but you can also:</p>



<ul>
  <li>Upload images of upcoming designs to get quality assurance before a single line of code is written</li>
  <li>Scan and analyze direct competitors to identify where they are succeeding or failing against research-backed principles</li>
</ul>



<p>Beyond scanning B2C and B2B ecommerce designs, there’s also <strong>partial support</strong> for food, travel, SaaS, and telco (full support coming later in 2026)</p>



<p><em><strong>Try it yourself:</strong> Try scanning your own ecommerce site with UX-Ray at <a href="https://baymard.com/product/ux-ray">baymard.com/product/ux-ray</a>.</em></p>



<p>
  <a href="https://twitter.com/intent/tweet?text=2026+Progress%3A+Instant+UX+Analysis+of+Your+Site+Now+Across+209+UX+Parameters+%28Still+95%25+Accuracy+Rate%29&amp;url=https://baymard.com/blog/ux-ray-progress-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/blog/ai-heuristic-evaluations">AI Heuristic UX Evaluations with a 95% Accuracy Rate (Human-Level Accuracy)</a></li>
      <li><a href="https://baymard.com/blog/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/blog/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/blog/ux-ray-beta-launch">UX-Ray 1.0 - Get Instant UX Analysis for Any Ecom Site</a></li>
      <li><a href="https://baymard.com/blog/add-ux-best-practice-cards-to-figma">The New Baymard Figma Plugin: Add UX Best Practice Cards to Any Figma Project</a></li>
      <li><a href="https://baymard.com/blog/access-baymard-for-free">Baymard’s New Free Plan — Get Instant Access to Premium UX Research</a></li>
      <li><a href="https://baymard.com/blog/ux-query-any-ux-quesion-answered">UX-Query - Get Instant Answers to Any UX Question</a></li>
  </ul><img src="https://feeds.baymard.com/link/9825/17270368.gif" height="1" width="1"/>]]></content>
    <author>
      <name>Christian Holst</name>
    </author>
  </entry>
  <entry>
    <id>tag:baymard.com,2005:Article/459</id>
    <published>2026-01-27T15:00:00+01:00</published>
    <updated>2026-01-27T15:07:24+01:00</updated>
    <link rel="alternate" type="text/html" href="https://feeds.baymard.com/link/9825/17264440/year-in-review-2025-and-2026-roadmap"/>
    <title>Baymard's 2025 Year in Review and 2026 Roadmap</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/blog/year-in-review-2025-and-2026-roadmap">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: 60.0%;"><img alt="" src="https://cdn.baymard.com/research/media_files/attachments/169657/original/research-media-file-526975799cce1c379ebedfc94413c458.jpg"></div></div></div></div>



<p>For us at Baymard, 2025 was an exciting year, with <strong>thousands of hours</strong> of new UX research and benchmarking conducted.</p>



<p>Within the last year, we’ve released the 2 major research studies —  <a href="https://baymard.com/blog/loyalty-program-ux-launch">Loyalty Program UX</a> and <a href="https://baymard.com/blog/telco-ux-research">Telco UX Deep-Dive</a> — along with 19 industry-specific benchmarks.</p>



<p>We’ve also launched a brand-new research pillar: <a href="https://baymard.com/blog/quantitative-insights-launch">Quantitative Insights</a>.</p>



<p>In addition to this, we released <a href="https://baymard.com/product/ux-query">UX-Query</a> and <a href="https://baymard.com/product/ux-ray">UX-Ray</a> to further help ecommerce sites access and apply our <strong>UX insights</strong> based on over 200,000 hours of <a href="https://baymard.com/research">Baymard UX research findings</a>.</p>



<p>As the new year begins, we provide an <strong>overview</strong> of our releases in 2025 and outline the roadmap for 2026.</p>



<h1 id="2-new-ux-research-studies-in-2025">2 New UX Research Studies in 2025</h1>


<p>In 2025 we wrapped up work on 2 new studies: an industry-specific study (telco) and a new core theme study (loyalty).</p>



<h2 id="1-new-telco-research-study">1) New “Telco” Research Study</h2>



<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n v-size-big"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 45.909090909090914%;"><img alt="" src="https://cdn.baymard.com/research/media_files/attachments/164778/original/research-media-file-81233cc60e0bb34085b195293d0af272.png"></div></div></div></div>



<p>Our new Telco UX study included <strong>3,500+ hours</strong> of research solely devoted to this industry.</p>



<p>The research included 16 sites focused on <strong>US and UK telco providers,</strong> including both large mobile networks and MVNO (Mobile Virtual Network Operator) carriers:</p>



<ul>
  <li>
<strong>US carriers:</strong> T-Mobile, US Cellular, AT&amp;T, Verizon, Optimum, Visible, Mint Mobile, TracFone</li>
  <li>
<strong>UK carriers:</strong> EE, Vodafone UK, Three (3), O2, Sky, GiffGaff, iD Mobile, Tesco Mobile</li>
</ul>



<p>See the findings from our <a href="https://baymard.com/research/telco">Telco UX research study</a> or explore our Telco UX articles:</p>



<ul>
  <li><a href="https://baymard.com/blog/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/blog/2021-telco-benchmark">17 Common UX Pitfalls Telco Websites Suffer From</a></li>
</ul>



<h2 id="2-new-loyalty--rewards-research-study">2) New “Loyalty &amp; Rewards” Research Study</h2>



<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n v-size-big"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 45.909090909090914%;"><img alt="" src="https://cdn.baymard.com/research/media_files/attachments/165625/original/research-media-file-a61f6b9318072c4254de2ceb7a484021.png"></div></div></div></div>



<p>In late 2025, we wrapped up <strong>1,900+ hours</strong> of research on “Loyalty &amp; Rewards” features, layouts, content, and designs.</p>



<p>The research included <strong>17 sites</strong> with popular loyalty programs: <em>Sephora, Adidas, Expedia, Starbucks, Target, Ulta Beauty, Bath &amp; Body Works, H&amp;M, DSW, Abercrombie &amp; Fitch, Frontier, Southwest, Hyatt, Chick-fil-A, Crumbl Cookies, Domino’s Pizza,</em> and <em>Kroger</em>.</p>



<p>As a result of our qualitative research findings we’ve now published <strong>12 Loyalty &amp; Rewards UX guidelines.</strong></p>



<p>Also, for this theme we’ve undertaken a <strong>large-scale quantitative study,</strong> surveying 2,003 US adults who are members of at least one Loyalty program.</p>



<p>Our quantitative research has resulted in <strong>8 Loyalty Strategic Briefs</strong> — a new way of providing insight into a UX topic that combines data visualizations with narrative analysis.</p>



<p>See the findings from our <a href="https://baymard.com/premium/guideline-collections/h8ukfs">Loyalty &amp; Rewards</a> research study or explore the <a href="https://baymard.com/blog/loyalty-program-ux-launch">Loyalty &amp; Rewards study launch article</a>.</p>



<h1 id="new-research-focus-area-quantitative-insights">New Research Focus Area: Quantitative Insights</h1>



<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n v-size-big"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 45.909090909090914%;"><img alt="" src="https://cdn.baymard.com/research/media_files/attachments/165181/original/research-media-file-a42bd45abf288f68e8879778af9af7df.png"></div></div></div></div>



<p>In 2025, we launched a program to vastly increase and improve our <strong>quantitative research insights.</strong></p>



<p>Quantitative Insights are visual, <strong>survey-backed data</strong> that highlight user habits and preferences across key areas of the ecommerce user experience, from general online shopping preferences to loyalty program expectations.</p>



<p>Each insight is derived from large-scale usability surveys and quantitative research projects, providing a <strong>fast, scannable way</strong> to understand critical user behaviors.</p>



<p>We’re rolling out <strong>new insights</strong> every month, with 2 new industry-focused studies coming soon (Home &amp; Hardware and Furniture &amp; Home Decor).</p>



<p>Explore our <a href="https://baymard.com/premium/quant-insights">Quantitative Insights</a> — 18 of these are available on our Free plan — or learn more in the <a href="https://baymard.com/blog/quantitative-insights-launch">Quantitative Insights launch article</a>.</p>



<h1 id="baymards-10-most-popular-ux-research-articles-in-2025">Baymard’s 10 Most Popular UX Research Articles in 2025</h1>



<p>The 10 most popular UX articles for the year are:</p>



<ol>
  <li><a href="https://baymard.com/blog/current-state-of-checkout-ux">Checkout UX 2025: 10 Pitfalls and Best Practices</a></li>
  <li><a href="https://baymard.com/blog/ai-heuristic-evaluations">AI Heuristic UX Evaluations with a 95% Accuracy Rate (Human-Level Accuracy)</a></li>
  <li><a href="https://baymard.com/blog/ecommerce-navigation-best-practice">Homepage and Category Navigation UX 2025: 67% of Mobile Sites Have Mediocre-to-Poor Performance</a></li>
  <li><a href="https://baymard.com/blog/current-state-ecommerce-product-page-ux">Product Page UX 2025: 15 Pitfalls and Best Practices</a></li>
  <li><a href="https://baymard.com/blog/mobile-ux-ecommerce">Mobile UX Trends 2025: 9 Common Pitfalls &amp; Best Practices</a></li>
  <li><a href="https://baymard.com/blog/drop-down-usability">Drop-Down Usability: When You Should (and Shouldn’t) Use Them</a></li>
  <li><a href="https://baymard.com/blog/homepage-carousel">10 UX Requirements to Follow for a User-Friendly Homepage Carousel Design</a></li>
  <li><a href="https://baymard.com/blog/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/blog/10-sales-ux-best-practices">10 Cyber Monday UX Best Practices</a></li>
  <li><a href="https://baymard.com/blog/credit-card-field-auto-format-spaces">The ‘Credit Card Number’ Field Must Allow and Auto-Format Spaces (80% Don’t)</a></li>
</ol>



<h1 id="2-new-product-updates-2025">2 New Product Updates 2025</h1>



<h2 id="1-ux-query--get-instant-answers-to-any-ux-question">1) UX-Query — Get Instant Answers to Any UX Question</h2>



<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n v-size-big"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 45.909090909090914%;"><img alt="" src="https://cdn.baymard.com/research/media_files/attachments/169301/original/research-media-file-58fab3563a81ffcd2298090629b7a468.png"></div></div></div></div>



<p>After a year of testing, we released our AI-powered UX search assistant <strong><a href="https://baymard.com/product/ux-query">UX-Query</a></strong> in spring 2025.</p>



<p>Just type in your UX question and get insights in seconds — every answer is <strong>100% verified and backed</strong> by our Baymard research.</p>



<p>The feature is a great way to:</p>



<ul>
  <li>Validate your design decisions</li>
  <li>Get research-backed answers instantly in meetings</li>
  <li>Save time on internal testing and desktop research</li>
</ul>



<p>Try <a href="https://baymard.com/product/ux-query">UX-Query</a> with the free plan or learn more in the <a href="https://baymard.com/blog/ux-query-any-ux-quesion-answered">UX-Query release article</a></p>



<h2 id="2-ux-ray-20-research-backed-ux-to-do-list-in-minutes">2) UX-Ray 2.0: Research-Backed UX To-Do List in Minutes</h2>



<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n v-size-big"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 60.68181818181818%;"><img alt="" src="https://cdn.baymard.com/research/media_files/attachments/169409/original/research-media-file-878b4ad577841c00ad2ac66c69bb4317.png"></div></div></div></div>



<p>In 2025, we also released <strong>UX-Ray 2.0</strong>, which scans live ecommerce websites (or images of upcoming designs) and provides an instant heuristic evaluation of the site’s UX.</p>



<p>The evaluation is performed across <strong>154 UX heuristics</strong> (Baymard UX guidelines) — all based on our 200,000+ hours of large-scale UX research findings.</p>



<p>The unique part? UX-Ray has a <strong><a href="https://baymard.com/blog/ai-heuristic-evaluations">documented 95% Accuracy Rate</a></strong>, when compared to how human expert UX auditors would have evaluated the same site.</p>



<p>UX-Ray 2.0 gives you an instant, actionable <strong>UX to-do list</strong>, empowering your UX team to focus on the areas that matter.</p>



<p>In 2026, we will <strong>continue to develop</strong> UX-Ray, adding more UX guidelines to site scans, new features, and improving functionality (learn more below).</p>



<p>Learn more about <a href="https://baymard.com/blog/ai-heuristic-evaluations">UX-Ray, its accuracy rate, and our test data</a> or <a href="https://baymard.com/product/ux-ray">try UX-Ray for free now</a></p>



<h1 id="19-new-ux-benchmarks-published">19 New UX Benchmarks Published</h1>



<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n v-size-big"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 61.42045454545455%;"><img alt="" src="https://cdn.baymard.com/research/media_files/attachments/169406/original/research-media-file-f9caea4e68227d9cd3a00c473432d8eb.png"></div></div></div></div>



<p>In the last year, we also released 19 new UX benchmarks, adding <strong>50,000+ new best practice and worst practice examples</strong> illustrating how leading sites stack up against the 700+ UX guidelines available in Baymard.</p>



<p>You can browse parts of our benchmark dataset for free in our public <a href="https://baymard.com/ux-benchmark">ecommerce UX benchmark</a> and in the <a href="https://baymard.com/ecommerce-design-examples">Page Design tool</a>.</p>



<p>These are the new UX benchmarks:</p>



<ul>
  <li><a href="https://baymard.com/research/travel-accommodations">Travel Accommodations</a></li>
  <li><a href="https://baymard.com/research/automotive-parts">Automotive Parts &amp; Specialty</a></li>
  <li><a href="https://baymard.com/research/vitamins-supplements">Vitamins &amp; Supplements</a></li>
  <li><a href="https://baymard.com/research/sports-gear-and-equipment">Sports Gear &amp; Equipment</a></li>
  <li><a href="https://baymard.com/research/beverages">Beverages</a></li>
  <li>European <a href="https://baymard.com/research/electronics-and-office">Electronics</a>, <a href="https://baymard.com/research/home-and-hardware">Home &amp; Hardware</a>, and <a href="https://baymard.com/research/mass-merchant">Mass Merchant</a> sites</li>
  <li><a href="https://baymard.com/research/eyewear">Eyewear</a></li>
  <li><a href="https://baymard.com/research/jewelry-and-watches">Jewelry &amp; Watches</a></li>
  <li><a href="https://baymard.com/research/footwear">Footwear</a></li>
  <li><a href="https://baymard.com/research/educational-reading-and-books">Educational Reading &amp; Books</a></li>
  <li><a href="https://baymard.com/research/video-games">Video Games</a></li>
  <li><a href="https://baymard.com/research/direct-to-consumer">Small catalog Direct-to-Consumer</a></li>
  <li><a href="https://baymard.com/research/pet-food-and-care">Pet Food &amp; Care</a></li>
  <li><a href="https://baymard.com/research/merchandise-and-print-to-order">Merchandise &amp; Print-to-Order</a></li>
  <li><a href="https://baymard.com/research/online-learning">Online Learning</a></li>
  <li><a href="https://baymard.com/research/flight-booking-and-airlines">Flight Booking &amp; Airlines</a></li>
  <li><a href="https://baymard.com/research/digital-subscriptions">SaaS &amp; Digital Subscriptions</a></li>
  <li><a href="https://baymard.com/research/online-grocery">Online Grocery</a></li>
  <li><a href="https://baymard.com/research/houseware-and-furnishings">Furniture &amp; Home Decor</a></li>
</ul>



<h1 id="a-look-ahead-of-whats-to-come-in-2026">A Look Ahead of What’s to Come in 2026</h1>



<p>Now let’s have a look at the <strong>upcoming</strong> research, benchmarking, and product updates and releases we have planned for 2026.</p>


<h2 id="research-and-benchmarking">Research and Benchmarking</h2>



<p>This year we’ll be completing and launching 10 new <strong>qualitative UX research</strong> studies:</p>



<ul>
  <li>
<strong>Core theme retesting:</strong> <em>Customer Accounts, Product Details Page, Checkout,</em> and <em>Product Finding</em>
</li>
  <li>
<strong>New Industries:</strong> <em>Health &amp; Beauty, Insurance, Events &amp; Shows Ticketing</em>
</li>
  <li>
<strong>Focused deep dives:</strong> <em>Groceries &amp; Fulfillment, Complex Product Details Pages, Consumer Electronics</em>
</li>
</ul>



<p>Additionally, we will release new and updated <strong>quantitative UX research</strong> studies:</p>


<ul>
  <li>
<strong>General catalog refresh:</strong> <em>Awareness &amp; Product Discovery, Consideration &amp; Purchase Behavior,</em> and <em>Checkout &amp; Post-Purchase</em>
</li>
  <li>
<strong>New cross-geography general catalog study</strong>: comparing ecommerce habits and preferences across markets</li>
  <li>
<strong>New industry studies:</strong> <em>Home &amp; Hardware</em> and <em>Furniture &amp; Home Decor</em>, with additional industries to be announced</li>
</ul>



<p>In the first half of 2026, we’ll also be conducting 12 new <strong>UX benchmarks</strong> for:</p>



<ul>
  <li>
<strong>Platform:</strong> <em>Retail Mobile Apps</em>
</li>
  <li>
<strong>Industry benchmarks:</strong> <em>Electronics &amp; Office, Toys, Crafts &amp; Hobbies, Home &amp; Hardware, Telco, B2B Electronic Components &amp; Machinery, Health &amp; Beauty, Smoking &amp; Vaping, Food Delivery &amp; Takeout, Mass Merchants, B2B Medical &amp; Pharma,</em> and <em>Internet Service Providers (ISP)</em>
</li>
</ul>



<p>You can see a full breakdown of all releases on our <a href="https://baymard.com/roadmap">Roadmap &amp; Changelog</a> page.</p>



<h2 id="product-updates-and-releases">Product Updates and Releases</h2>



<p>On the product side, we are <strong>committed</strong> to helping you access the research you need in a faster and more personalized way.</p>



<p>Here are some of our product <strong>updates &amp; releases</strong> to expect in 2026:</p>



<p><strong>UX-Ray Updates:</strong></p>



<div class="anecdote-graphic-dn32ja anecdote-module-3ba83n"><div class="inner"><div class="anecdote-intrinsic-embed-n42ha1"><div class="inner" style="padding-bottom: 110.85227272727273%;"><img alt="" src="https://cdn.baymard.com/research/media_files/attachments/169612/original/research-media-file-592bdc31980b6ee77e3300bedbcef74c.png"></div></div></div></div>



<p>We’re constantly working on <strong>improvements</strong> for <a href="https://baymard.com/product/ux-ray">UX-Ray</a>, which includes UX-Ray rating more heuristics at a 95% Accuracy Rate and updating the interface to make it easier for you to find the relevant UX insights based on your current project.</p>



<p>In fact, we <strong>just released</strong> the first improvements in January.</p>



<p>UX-Ray can now rate <strong>154 heuristics</strong> at a <a href="https://baymard.com/blog/ai-heuristic-evaluations">95% accuracy rate</a> (previously 39), evaluated across 48 different ecommerce websites (previously 45).</p>



<p>You’ll also now be able to see <strong>non-rated but highly relevant</strong> UX Best Practice Guidelines for your site.</p>



<p>Additionally, UX-Ray now includes a <strong>new filtering</strong> bar that allows you to surface UX insights based on UI component, page type, business objective and more.</p>



<p><strong>New Native Shopify App:</strong></p>



<p>For the first time, Baymard is creating a Shopify App that connects stores to UX-Ray, allowing you to scan your site and uncover a list of <strong>personalized UX insights</strong> prioritized by expected conversion impact.</p>



<p><strong>Figma Plug-in Update:</strong></p>



<p>We’re updating our Figma Plug-in to help you <strong>design with confidence</strong>.</p>



<p>You’ll be able to <strong>scan your designs</strong> in Figma to surface all relevant UX Best Practice Guidelines, and see which components adhere to them and which need fixing.</p>



<p><strong>UX-Query Updates:</strong></p>



<p>We’re expanding <a href="https://baymard.com/product/ux-query">UX-Query’s</a> <strong>capabilities and interface</strong>, enabling it to reference more than just our UX guidelines.</p>



<p>With the upcoming updates, <strong>UX-Query answers</strong> will reference additional research content types like Quantitative Insights, best and worst practice examples, and more.</p>



<p><br></p>



<p>We’re looking forward to another exciting year.</p>



<p><em>- Christian, Jamie, and the entire Baymard team</em></p>



<p><br></p>



<p><em><strong>Getting access:</strong> our research findings are available in the 700+ UX guidelines in Baymard Premium — <a href="https://baymard.com/research">get access</a> to learn how to create a “State of the Art” ecommerce user experience.</em></p>



<p><em>If you want to know how your desktop site, mobile site, or app performs and compares, then learn more about having Baymard 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=Baymard%E2%80%99s+2025+Year+in+Review+and+2026+Roadmap&amp;url=https://baymard.com/blog/year-in-review-2025-and-2026-roadmap&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/blog/year-in-review-2024">Baymard Year In Review 2024</a></li>
      <li><a href="https://baymard.com/blog/2023-and-2024">Baymard: 2023 and 2024</a></li>
      <li><a href="https://baymard.com/blog/2022-and-2023">Baymard: 2022 and 2023</a></li>
      <li><a href="https://baymard.com/blog/2021-and-2022">Baymard: 2021 and 2022</a></li>
      <li><a href="https://baymard.com/blog/2020-and-2021">Baymard: 2020 and 2021</a></li>
      <li><a href="https://baymard.com/blog/2019-and-2020">Baymard: 2019 and 2020</a></li>
      <li><a href="https://baymard.com/blog/2018-and-2019">Baymard: 2018 and 2019</a></li>
      <li><a href="https://baymard.com/blog/2017-and-2018">Baymard: 2017 and 2018</a></li>
      <li><a href="https://baymard.com/blog/2016-and-2017">Baymard: 2016 and 2017</a></li>
      <li><a href="https://baymard.com/blog/2015-and-2016">Baymard: 2015 and 2016</a></li>
      <li><a href="https://baymard.com/blog/2014-and-2015">Baymard: 2014 and 2015</a></li>
      <li><a href="https://baymard.com/blog/2013-and-2014">Baymard: 2013 and 2014</a></li>
      <li><a href="https://baymard.com/blog/2012-and-2013">Baymard: 2012 and 2013</a></li>
      <li><a href="https://baymard.com/blog/2011-and-2012">Baymard: 2011 and 2012</a></li>
      <li><a href="https://baymard.com/blog/2010-and-2011">Baymard: 2010 and 2011</a></li>
  </ul><img src="https://feeds.baymard.com/link/9825/17264440.gif" height="1" width="1"/>]]></content>
    <author>
      <name>Christian Holst</name>
    </author>
  </entry>
</feed>
