The goal of every eCommerce website is simple on the surface: drive more sales. \r\n\r\nThere\u2019s a lot that goes into making that a reality. One of the most important parts of reaching that goal is making sure your website is offering the best user experience to your (potential, new, and returning) customers.\r\n\r\nDoes your website have what it takes to make the sale?\r\n\r\n<p class="red-color">Find out the top 18 UX features your eCommerce store should have and how each can help you boost your sales and customer engagement.<\/p>\r\n\r\n<h2>Must-Have UX Features For Your eCommerce Website<\/h2>\r\n<h3 class="subheader">1. Responsive Design<\/h3>\r\nWith <a href="https:\/\/www.prnewswire.com\/news-releases\/39-of-online-shoppers-make-mobile-purchases-finds-new-packaged-facts-report-300592889.html" rel="noopener" target="_blank">more than 39%<\/a> of online shoppers making purchases on their mobile devices, having a mobile-responsive website is more important than ever. Make sure that your navigation, images, text, and whitespace are all optimized for your mobile shoppers\u2014this can be the difference between users sticking around to explore (and buy!), and leaving as soon as they hit your site.\r\n\r\n<strong>Common responsive website features your website should include:<\/strong>\r\n<ul>\r\n\t<li>Hamburger navs<\/li>\r\n\t<li>Tappable calls-to-action<\/li>\r\n\t<li>Fixed navigation menu<\/li>\r\n\t<li>Single column layout<\/li>\r\n<\/ul>\r\n\r\n<h3 class="subheader">2. Promotion Callouts<\/h3>\r\nEveryone loves getting a little something extra when they shop. Highlighting your store\u2019s special offers with a promo bar above your main navigation encourages your users to make a purchase. These can be limited-time blowout sales, deals of the day, or free shipping when customers spend a certain amount.\r\n\r\nRecommended tools:\r\n<a href="https:\/\/www.justuno.com\/" rel="noopener" target="_blank">justuno <\/a>\r\n<a href="https:\/\/www.hellobar.com\/" rel="noopener" target="_blank">Hello Bar<\/a>\r\n<a href="https:\/\/getsitecontrol.com\/" rel="noopener" target="_blank">Get Site Control<\/a>\r\n\r\n<img src="https:\/\/www.northern.co\/wp-content\/uploads\/must-have-ux-features-promo-callout.png" alt="A promotion callout bar displayed on a website" width="2029" height="809" class="aligncenter size-full wp-image-8760" \/>\r\n\r\n<h3 class="subheader">3. Product Search Bar<\/h3>\r\nSome of your customers will land on your website and know exactly what they are looking for\u2014don\u2019t make them spend time navigating through your website to find it. A product search bar makes it simple for these users to quickly find what they want, making it easier for them to purchase and you to make a sale.\r\n\r\nRecommended tools:\r\n<a href="https:\/\/www.nextopia.com\/" rel="noopener" target="_blank">Nextopia<\/a>\r\n<a href="https:\/\/swiftype.com\/" rel="noopener" target="_blank">Swiftype<\/a>\r\n\r\n<h3 class="subheader">4. Live Chat Support<\/h3>\r\nCustomers don\u2019t want to wait hours on hold or for a response to their email, they want answers now. In fact, <a href="https:\/\/go.forrester.com\/blogs\/13-01-14-forresters_top_15_trends_for_customer_service_in_2013\/" rel="noopener" target="_blank">over 30% of customers<\/a> expect your website to have a live chat. That number rises to 62% for shoppers on mobile devices. Providing your users with a live support chat helps ensure they can quickly get the help they need when they come across a question or issue. \r\n\r\n<blockquote>\r\n <p>63% of customers were more likely to return to a website that offers live chat.<\/p>\r\n\r\n <cite>FurstPerson<\/cite>\r\n<\/blockquote>\r\n\r\nA chat with a live support person on the other end can ultimately help you improve conversion rates by helping potential customers find what they\u2019re looking for. Want proof? A study by FurstPerson found that <strong>as many as 77% of customers won\u2019t make a purchase<\/strong> on a website if there\u2019s no live chat option available.\r\n\r\nRecommended tools:\r\n<a href="https:\/\/www.tidiochat.com\/" rel="noopener" target="_blank">Tidio<\/a>\r\n<a href="https:\/\/www.zendesk.com\/" rel="noopener" target="_blank">Zendesk<\/a>\r\n\r\n<img src="https:\/\/www.northern.co\/wp-content\/uploads\/must-have-ux-features-live-chat.png" alt="Example of a live chat popup on a website" width="2061" height="1104" class="aligncenter size-full wp-image-8773" \/>\r\n\r\n<h3 class="subheader">5. Popular Categories<\/h3>\r\nMake an impactful first impression when users land on your website\u2019s homepage by promoting popular categories. Users look at product categories to better understand what your website offers and make a decision about whether you\u2019ve got what they\u2019re looking for. \r\n\r\nShowcasing popular categories gives shoppers a look at your top categories and products, encouraging them to start exploring. It also helps users mentally determine where to go next on your site, simplifying the buying process.\r\n\r\n<h3 class="subheader">6. Featured Products<\/h3>\r\nHighlighting featured products shows customers what you\u2019ve got to offer as soon as they land on your website. Including a section for featured products, like best-sellers, exclusive items, or top savers, will entice customers to explore your website and learn more about your products. \r\n\r\n<img src="https:\/\/www.northern.co\/wp-content\/uploads\/must-have-ux-features-featured-products.png" alt="Example of featured products on a website" width="1572" height="597" class="aligncenter size-full wp-image-8738" \/>\r\n\r\n<h3 class="subheader">7. Multiple High-Res Product Photos<\/h3>\r\nYour users want to see what they\u2019re buying\u2014and the more you can show them, the better. Provide customers with multiple, high-res photos of your products so they can zoom and view from a number of different angles for a complete picture of the product. Consider also mixing product shots with lifestyle photos of the product in use to add a bit more life and interest to your photos.\r\n\r\n<img src="https:\/\/www.northern.co\/wp-content\/uploads\/Screen-Shot-2018-05-08-at-3.37.35-PM.png" alt="" width="1301" height="715" class="aligncenter size-full wp-image-9070" \/>\r\n\r\nDon\u2019t forget to optimize the size of your images in addition to adding alt-text to help improve the SEO of your pages.\r\n\r\n<h3 class="subheader">8. Product Videos<\/h3>\r\nUsers don\u2019t just want to hear about your product, they want to see it in action. Product videos can be a great way to increase the engagement and interest of your potential customers. Creating videos for your product pages encourages conversions and purchases by showing users exactly how your product fits their needs.\r\n\r\n<h3 class="subheader">9. Product Descriptions<\/h3>\r\nWriting a compelling description for your products is your opportunity to sell a product to shoppers. For companies that sell multiple brands, using manufacturer descriptions is an option. However, writing your own is an opportunity to help your products (and website) stand out from your competitors. \r\n\r\nAlong with providing users with product information and specs, writing unique descriptions for your product pages can help improve the SEO and performance of these pages.\r\n\r\n<img src="https:\/\/www.northern.co\/wp-content\/uploads\/must-have-ux-features-product-descriptions.png" alt="Example of a product description on a website" width="1218" height="815" class="aligncenter size-full wp-image-8740" \/>\r\n\r\n<h3 class="subheader">10. Product Reviews<\/h3>\r\nProduct reviews have a huge impact on whether people decide to buy a product. In fact, <a href="http:\/\/www.pewinternet.org\/2016\/12\/19\/online-reviews\/" rel="noopener" target="_blank">Pew Research Centre<\/a> found that <strong>50% of adults under 50 say they regularly check online reviews<\/strong> before buying new items. Including genuine product reviews from previous buyers can drive more trust in your products (and brand), pushing first-time buyers to make the decision to purchase.\r\n\r\nRecommended Tools:\r\n<a href="https:\/\/www.yotpo.com\/" rel="noopener" target="_blank">Yotpo<\/a>\r\n<a href="https:\/\/www.bazaarvoice.com\/" rel="noopener" target="_blank">Bazaar Voice<\/a>\r\n\r\n<strong>Bonus tip:<\/strong> Add on-page markup to your product reviews and ratings, which may enable Google to show them in the search results. This will make your result more visible and clickable on Google.\r\n\r\n<img src="https:\/\/www.northern.co\/wp-content\/uploads\/must-have-ux-features-schema-markup.png" alt="Example of product schema on the SERP" width="602" height="137" class="aligncenter size-full wp-image-8741" \/>\r\n\r\n<h3 class="subheader">11. Related Products<\/h3>\r\nEncourage shoppers to continue exploring your website and products by showing them items related to the one they are interested in. You can also use the opportunity to show bundles of products that are frequently bought together to upsell your customers on other items that will catch their eye.\r\n\r\n<img src="https:\/\/www.northern.co\/wp-content\/uploads\/Screen-Shot-2018-04-03-at-10.28.38-AM.png" alt="" width="1240" height="677" class="aligncenter size-full wp-image-8763" \/>\r\n\r\n<h3 class="subheader">12. Faceted Navigation<\/h3>\r\nProviding an intuitive, easy-to-use faceted navigation enables shoppers to explore your categories in-depth to find exactly what they\u2019re looking for. A good navigation setup helps keep your users from becoming overwhelmed or frustrated trying to find the products they're looking for.\r\n\r\n<img src="https:\/\/www.northern.co\/wp-content\/uploads\/Screen-Shot-2018-05-08-at-3.25.29-PM.png" alt="" width="1298" height="919" class="aligncenter size-full wp-image-9069" \/>\r\n<h3 class="subheader">13. Breadcrumbs<\/h3>\r\nBreadcrumbs are link paths that appear at the top of pages to clearly show users (and search engines) how your website is structured. Including breadcrumbs on your website\u2019s category and product pages helps your shoppers understand exactly where they are on your website, and can also be used as a simple navigation tool.\r\n\r\nBreadcrumbs are especially useful for mobile users, removing the need for them to open up the site menu to return to a previous category.\r\n\r\n<img src="https:\/\/www.northern.co\/wp-content\/uploads\/must-have-ux-features-breadcrumbs.png" alt="Example of breadcrumbs on a website" width="625" height="120" class="aligncenter size-full wp-image-8742" \/>\r\n\r\n<strong>Bonus tip:<\/strong> Just like your product reviews, use on-page markup to allow search engines to display your breadcrumbs on result pages. This will make it easy for searchers to understand where they\u2019re headed when they click your link.\r\n\r\n<img src="https:\/\/www.northern.co\/wp-content\/uploads\/must-have-ux-features-breadcrumb-markup.png" alt="Example of breadcrumb markup on a SERP" width="633" height="123" class="aligncenter size-full wp-image-8743" \/>\r\n\r\n<h3 class="subheader">14. Trust Badges<\/h3>\r\nTrust badges let customers know that your website is safe and secure, helping increase confidence in your website. These badges can be used to tell customers which methods of payment your website accepts and provide confidence that shoppers\u2019 payment security is secure.\r\n\r\nCertain trust badges help also show the validity of your products\u2014such as certified organic or fair trade food products. Including these trust badges on your website encourages customers to continue through the purchasing process.\r\n\r\n<img src="https:\/\/www.northern.co\/wp-content\/uploads\/must-have-ux-features-trust-badges.png" alt="Example of trust badges on a website" width="658" height="421" class="aligncenter size-full wp-image-8744" \/>\r\n\r\n<h3 class="subheader">15. Location Finder<\/h3>\r\nIf you have a brick-and-mortar store, include a location finder so users can easily find a location where they can purchase the product. Many customers still in the research phase of buying a product will shop around online but make the purchase in store. If you want to make sure they complete that purchase, it\u2019s important to give potential customers an easy way to find the nearest location with the product in stock.\r\n\r\n<h3 class="subheader">16. Shipping & Return Details<\/h3>\r\nUnexpected shipping costs can result in a whole lot of abandoned shopping carts. Making sure users are aware of available delivery options and shipping costs helps ensure they aren\u2019t caught off-guard midway through the checkout process. Provide your shoppers a link to shipping information on product pages and highlight the info early in the checkout process.\r\n\r\n<h3 class="subheader">17. Custom 404 Page<\/h3>\r\nHitting a \u201c404-not found\u201d page is frustrating for customers. And while you should be minimizing the amount of error pages on your website, it\u2019s likely your users are going to land on one at some point.\r\n\r\nCreate a custom 404 page that includes helpful information like links to top categories, related products, the homepage, or a contact form. Use the page as an opportunity to guide users back to a relevant page on your website, rather than leaving them lost and frustrated. \r\n\r\n<img src="https:\/\/www.northern.co\/wp-content\/uploads\/must-have-ux-features-custom-404-page.png" alt="Example of a custom 404 page on a website" width="1370" height="862" class="aligncenter size-full wp-image-8745" \/>\r\n\r\n<h3 class="subheader">18. Email Newsletter Signup<\/h3>\r\nMake it easy for users to join your email list so you can stay in touch with them even after they leave your site. It should be a straightforward process to sign up for your list from any page\u2014this can be in a universal footer, in a blog sidebar, or even an incentivized pop-up.\r\n\r\nTo encourage newsletter signups, consider offering your customers exclusive perks for signing up like free shipping, an exclusive gift, or savings off their first purchase.\r\n\r\n<img src="https:\/\/www.northern.co\/wp-content\/uploads\/must-have-ux-features-email-signup.png" alt="Example of an email signup pop up on a website" width="800" height="704" class="aligncenter size-full wp-image-8746" \/>\r\n \r\nThis will also help you take advantage of multiple types of more advanced email marketing automations, including:\r\n<ul>\r\n<li><strong>Welcome Workflows<\/strong> - to start building the relationship between you and your customers, keeping them engaged even after they buy. <\/li>\r\n<li><strong>Abandon Cart Emails<\/strong> - to decrease abandonment rates by reminding customers about items they still have waiting for them. <\/li>\r\n<li><strong>Re-engagement Emails<\/strong> - to stay in touch with customers about new items or promotions they may be interested in. <\/li>\r\n<\/ul>\r\n\r\n<h2>Start Driving More Action On Your Store<\/h2>\r\nNow that you know the most important UX features of an eCommerce website, the next step is to start implementing them on your own website. You\u2019ll be driving more action in no time.\r\n\r\nLearn more about Northern\u2019s end-to-end <a href="https:\/\/www.northern.co\/services\/">eCommerce services<\/a> and how we can help your business drive more online sales.