{"id":6945,"date":"2020-05-21T09:19:37","date_gmt":"2020-05-21T09:19:37","guid":{"rendered":"https:\/\/spreecommerce.org\/?p=6945"},"modified":"2026-04-15T13:31:52","modified_gmt":"2026-04-15T13:31:52","slug":"ecommerce-ux-best-practices-and-trends","status":"publish","type":"post","link":"https:\/\/spreecommerce.org\/ecommerce-ux-best-practices-and-trends\/","title":{"rendered":"Ecommerce UX best practices and trends"},"content":{"rendered":"<h2><span style=\"font-weight: 400;\">What is UX<\/span><\/h2>\n<p><b>User experience<\/b><span style=\"font-weight: 400;\"> (<\/span><b>UX<\/b><span style=\"font-weight: 400;\">) is about the user\u2019s perception of your product, service, or website and emotions associated with it. While it applies to all the aspects of the user\u2019s customer journey, from the product itself, packaging, delivery, and customer service, the key part for ecommerce is the positive experience on your website. Otherwise, the user will not convert into a customer and will never get a chance to experience the other touchpoints.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">We can say that user experience is about evoking positive emotions as well as helping our potential customers to achieve their goals as quickly and smoothly as possible.\u00a0<\/span><\/p>\n<p><!--more--><\/p>\n<h2><span style=\"font-weight: 400;\">Why is good UX important for ecommerce websites<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Great user experience on your website will:\u00a0<\/span><\/p>\n<ul>\n<li><b>Drive conversions\u00a0<\/b><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Your website pages are a path leading to the desired outcome &#8211; the sale. The more users you lose on the way, the fewer transactions you will get.\u00a0<\/span><\/p>\n<ul>\n<li><b>Improve customer retention and earn referrals\u00a0<\/b><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Happy customers are not only more likely to return to shop in your store, but also recommend it to others.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">According to the CEO of Amazon, Jeff Bezos:<\/span><\/p>\n<blockquote>\n<p><span style=\"font-weight: 400;\">\u201cIf you build a great experience, customers tell each other about that. Word of mouth is very powerful.\u201d\u00a0<\/span><\/p>\n<\/blockquote>\n<ul>\n<li><b>Boost average order value\u00a0<\/b><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Upselling, cross-selling, and product recommendations done right can help you increase the value of the average purchase in your store. Thoughtful implementation of these techniques not only leads to more sales, but it also enhances the relationship you have with customers when you suggest items or upgrades they enjoy and find useful.\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><b>Bring more organic traffic<\/b><span style=\"font-weight: 400;\">\u00a0<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Google and other search engines\u2019 algorithms are designed to favor websites that are valuable and friendly to users. This means that the application of user experience (UX) best practices have been rolled into SEO and impact your website positions in the search results.\u00a0<\/span><\/p>\n<ul>\n<li><b>Help distinguish your brand from the competition\u00a0<\/b><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Whatever your competition\u2019s online presence is, you cannot afford to stay behind. Great UX may help you make potential customers choose your store over theirs. Use it to your advantage.\u00a0<\/span><\/p>\n<ul>\n<li><b>Result in long term gains<\/b><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">To sum up, better user experience means higher revenue due to an increase in conversion rate and customer lifetime value, as well as, marketing costs reductions thanks to better SEO,\u00a0 brand loyalty, and word of mouth.\u00a0\u00a0\u00a0<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">UX best practices for ecommerce<\/span><\/h2>\n<ul>\n<li><b>You have only 50 milliseconds to make a good first impression\u00a0<\/b><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">People make snap judgments. <\/span><a href=\"http:\/\/www.guardian.co.uk\/science\/2006\/aug\/23\/usnews.internationalnews\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">It takes only 1\/10th of a second<\/span><\/a><span style=\"font-weight: 400;\"> to form a first impression about a person. We\u2019re even faster when it comes to websites. A few years ago, Google confirmed in its <\/span><a href=\"https:\/\/research.google\/pubs\/pub38315\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">research<\/span><\/a><span style=\"font-weight: 400;\"> that it takes about 0.05 seconds for users to build an initial \u201cgut feeling\u201d about your website. And that determines whether they\u2019ll stay or leave.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To make them stay, your website\u2019s design needs to capture their interest instantly as well as evoke the desirable emotions. Once you have managed that, they are more likely to stay for a longer time. And the longer they stay, the more likely they buy!<\/span><\/p>\n<blockquote>\n<p><span style=\"font-weight: 400;\">\u201c<\/span><span style=\"font-weight: 400;\">The probability of leaving is very high during the first few seconds because users are extremely skeptical, having suffered countless poorly designed web pages in the past. People know that most web pages are useless, and they behave accordingly to avoid wasting more time than absolutely necessary on bad pages.\u201d\u00a0 &#8211; according to a study by <\/span><a href=\"https:\/\/www.nngroup.com\/articles\/how-long-do-users-stay-on-web-pages\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Nielsen Norman Group<\/span><\/a><\/p>\n<\/blockquote>\n<p><figure id=\"attachment_6946\" aria-describedby=\"caption-attachment-6946\" style=\"width: 1438px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6946\" src=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-4-o-15.08.44.png\" alt=\"Spree UX demo homepage\" width=\"1438\" height=\"673\" srcset=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-4-o-15.08.44.png 1438w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-4-o-15.08.44-300x140.png 300w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-4-o-15.08.44-1024x479.png 1024w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-4-o-15.08.44-768x359.png 768w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-4-o-15.08.44-600x281.png 600w\" sizes=\"auto, (max-width: 1438px) 100vw, 1438px\" \/><figcaption id=\"caption-attachment-6946\" class=\"wp-caption-text\">Source: <a href=\"https:\/\/demo.spreecommerce.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Spree online store UX demo<\/a><\/figcaption><\/figure>\n<\/p>\n<p><figure id=\"attachment_6947\" aria-describedby=\"caption-attachment-6947\" style=\"width: 1439px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6947\" src=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-8-o-14.57.15.png\" alt=\"Spree multi-vendor marketplace demo homepage\" width=\"1439\" height=\"674\" srcset=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-8-o-14.57.15.png 1439w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-8-o-14.57.15-300x141.png 300w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-8-o-14.57.15-1024x480.png 1024w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-8-o-14.57.15-768x360.png 768w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-8-o-14.57.15-600x281.png 600w\" sizes=\"auto, (max-width: 1439px) 100vw, 1439px\" \/><figcaption id=\"caption-attachment-6947\" class=\"wp-caption-text\">Source: <a href=\"https:\/\/spreecommerce.org\/use-cases\/multi-vendor-marketplace-demo\/\" target=\"_blank\" rel=\"noopener noreferrer\">Spree multi-vendor marketplace demo<\/a><\/figcaption><\/figure>\n<\/p>\n<p><b>Tip:<\/b><span style=\"font-weight: 400;\"> Use beautiful visuals that evoke the desired emotions in your target group, a clear message and a Call To Action (CTA)<\/span><\/p>\n<ul>\n<li><b>Experience focused\u00a0<\/b><\/li>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Functionality over Beauty\u00a0<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">However, UX is not only about the visual beauty of your website. User experience is much more than that. An eye-pleasing User Interface (UI) is important but it is only one step in the process. Even the most beautiful website, that has terrible usability <\/span><i><span style=\"font-weight: 400;\">(ease of use)<\/span><\/i><span style=\"font-weight: 400;\">, can turn the overall experience into a nightmare.\u00a0<\/span><\/p>\n<p><figure id=\"attachment_6948\" aria-describedby=\"caption-attachment-6948\" style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6948\" src=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/UI-vs-UX-ketchup.jpg\" alt=\"UI vs UX ketchup\" width=\"1200\" height=\"1200\" srcset=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/UI-vs-UX-ketchup.jpg 1200w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/UI-vs-UX-ketchup-300x300.jpg 300w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/UI-vs-UX-ketchup-1024x1024.jpg 1024w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/UI-vs-UX-ketchup-150x150.jpg 150w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/UI-vs-UX-ketchup-768x768.jpg 768w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/UI-vs-UX-ketchup-600x600.jpg 600w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/UI-vs-UX-ketchup-100x100.jpg 100w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><figcaption id=\"caption-attachment-6948\" class=\"wp-caption-text\">Source: <a href=\"http:\/\/www.patrickhansen.com\/2017\/09\/01\/ui-vs-ux-design-meme-problem\/\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/www.patrickhansen.com\/2017\/09\/01\/ui-vs-ux-design-meme-problem\/<\/a><\/figcaption><\/figure>\n<\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Simplicity and familiarity\u00a0<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><a href=\"https:\/\/ai.googleblog.com\/2012\/08\/users-love-simple-and-familiar-designs.html\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">People love simple and familiar designs<\/span><\/a><span style=\"font-weight: 400;\">. According to the <\/span><i><span style=\"font-weight: 400;\">less is more<\/span><\/i><span style=\"font-weight: 400;\"> trend, well-made minimalistic and uncluttered websites are preferred by users. Though intricate UI might look great, however, it won\u2019t help if the users don\u2019t know how to handle the website or cannot find what they\u2019re looking for quickly and with no unnecessary effort.\u00a0<\/span><\/p>\n<ul>\n<li><b>Intuitive design<\/b><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Intuitive design means that when users see it, they know exactly what to do. People are used to certain website layouts in ecommerce and have specific expectations about where to find certain elements and how they should look like. If your online store doesn&#8217;t match the users&#8217; mental image of an ecommerce site, they will find it hard to use &#8211; unintuitive.<\/span><\/p>\n<blockquote>\n<p><span style=\"font-weight: 400;\">\u201c<\/span><b>Intuitive design is invisible; non-intuitive design disrupts.<\/b><b>\u201d<\/b><\/p>\n<\/blockquote>\n<p><span style=\"font-weight: 400;\">Here are the key elements that you should pay attention to when designing an intuitive ecommerce website:\u00a0<\/span><\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">\u00a0Easy navigation: menu, search, filters<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Your users should be able to find easily and quickly what they are looking for. This can be achieved with a clear and esthetic megamenu, internal search engine as well as relevant filters that help users preview only the products that interest them.\u00a0<\/span><\/p>\n<p><figure id=\"attachment_6949\" aria-describedby=\"caption-attachment-6949\" style=\"width: 1437px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6949\" src=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-21-o-10.28.00.png\" alt=\"Spree UX mega menu\" width=\"1437\" height=\"409\" srcset=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-21-o-10.28.00.png 1437w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-21-o-10.28.00-300x85.png 300w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-21-o-10.28.00-1024x291.png 1024w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-21-o-10.28.00-768x219.png 768w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-21-o-10.28.00-600x171.png 600w\" sizes=\"auto, (max-width: 1437px) 100vw, 1437px\" \/><figcaption id=\"caption-attachment-6949\" class=\"wp-caption-text\">Spree UX mega menu<\/figcaption><\/figure>\n<\/p>\n<p><figure id=\"attachment_6950\" aria-describedby=\"caption-attachment-6950\" style=\"width: 1436px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6950\" src=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-21-o-10.30.43.png\" alt=\"Spree UX mega menu\" width=\"1436\" height=\"415\" srcset=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-21-o-10.30.43.png 1436w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-21-o-10.30.43-300x87.png 300w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-21-o-10.30.43-1024x296.png 1024w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-21-o-10.30.43-768x222.png 768w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-21-o-10.30.43-600x173.png 600w\" sizes=\"auto, (max-width: 1436px) 100vw, 1436px\" \/><figcaption id=\"caption-attachment-6950\" class=\"wp-caption-text\">Source: <a href=\"https:\/\/demo.spreecommerce.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Spree online store UX demo<\/a><\/figcaption><\/figure>\n<\/p>\n<p><figure id=\"attachment_6951\" aria-describedby=\"caption-attachment-6951\" style=\"width: 1227px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6951\" src=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-21-o-10.33.40.png\" alt=\"Product filters - Spree online store UX demo\" width=\"1227\" height=\"612\" srcset=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-21-o-10.33.40.png 1227w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-21-o-10.33.40-300x150.png 300w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-21-o-10.33.40-1024x511.png 1024w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-21-o-10.33.40-768x383.png 768w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-21-o-10.33.40-600x299.png 600w\" sizes=\"auto, (max-width: 1227px) 100vw, 1227px\" \/><figcaption id=\"caption-attachment-6951\" class=\"wp-caption-text\">Product filters &#8211; <a href=\"https:\/\/demo.spreecommerce.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Spree online store UX demo<\/a><\/figcaption><\/figure>\n<\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Product Listing Pages (PLPs)<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Product listing pages are either category pages or the results of internal search. They play the role of a catalog because they actually display all products inside a category or after a filter is applied.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The elements of a PLP that you should pay special attention to are: the header, number of products per row, size of images (thumbnails), the volume of information as well as sorting options (filters). <\/span><\/p>\n<p><figure id=\"attachment_6952\" aria-describedby=\"caption-attachment-6952\" style=\"width: 1440px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6952\" src=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/product-listing-page-e1590050288760.png\" alt=\"product listing page Spree online store UX demo\" width=\"1440\" height=\"2569\" srcset=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/product-listing-page-e1590050288760.png 1440w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/product-listing-page-e1590050288760-168x300.png 168w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/product-listing-page-e1590050288760-574x1024.png 574w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/product-listing-page-e1590050288760-768x1370.png 768w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/product-listing-page-e1590050288760-861x1536.png 861w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/product-listing-page-e1590050288760-1148x2048.png 1148w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/product-listing-page-e1590050288760-336x600.png 336w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><figcaption id=\"caption-attachment-6952\" class=\"wp-caption-text\">Source: <a href=\"https:\/\/demo.spreecommerce.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Spree online store UX demo<\/a><\/figcaption><\/figure>\n<\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Product Detail Page (PDP)<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">While every step along the customer\u2019s journey is important, this is the place, where the user determines whether to purchase your product or keep looking. Having said that, a PDP should do three things:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Give detailed information about the product and its benefits to the customer<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Offer an easy and obvious way to purchase it (add to cart and proceed in the buying process)\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Provide alternative suggestions (recommendations) in case it is not exactly what the user is looking for<\/span><\/li>\n<\/ol>\n<p><figure id=\"attachment_6954\" aria-describedby=\"caption-attachment-6954\" style=\"width: 1438px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6954\" src=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/screencapture-demo-spreecommerce-org-products-basic-t-shirt-basict-shirt-49-99-2020-05-04-15_23_20-e1590050499757.png\" alt=\"product detail page - Spree online store UX demo\" width=\"1438\" height=\"1693\" srcset=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/screencapture-demo-spreecommerce-org-products-basic-t-shirt-basict-shirt-49-99-2020-05-04-15_23_20-e1590050499757.png 1438w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/screencapture-demo-spreecommerce-org-products-basic-t-shirt-basict-shirt-49-99-2020-05-04-15_23_20-e1590050499757-255x300.png 255w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/screencapture-demo-spreecommerce-org-products-basic-t-shirt-basict-shirt-49-99-2020-05-04-15_23_20-e1590050499757-870x1024.png 870w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/screencapture-demo-spreecommerce-org-products-basic-t-shirt-basict-shirt-49-99-2020-05-04-15_23_20-e1590050499757-768x904.png 768w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/screencapture-demo-spreecommerce-org-products-basic-t-shirt-basict-shirt-49-99-2020-05-04-15_23_20-e1590050499757-1305x1536.png 1305w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/screencapture-demo-spreecommerce-org-products-basic-t-shirt-basict-shirt-49-99-2020-05-04-15_23_20-e1590050499757-510x600.png 510w\" sizes=\"auto, (max-width: 1438px) 100vw, 1438px\" \/><figcaption id=\"caption-attachment-6954\" class=\"wp-caption-text\">Source: <a href=\"https:\/\/demo.spreecommerce.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Spree online store UX demo<\/a><\/figcaption><\/figure>\n<\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Checkout<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">For many users checkout is the most frustrating part of the online shopping experience. It\u2019s like having to wait in a long line to the cash register in a brick and mortar store. This explains why the cart abandonment rates are so high in many ecommerce businesses.<\/span><\/p>\n<p><figure id=\"attachment_6955\" aria-describedby=\"caption-attachment-6955\" style=\"width: 910px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6955\" src=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/cart-abandonment-reasons.png\" alt=\"cart abandonment reasons\" width=\"910\" height=\"588\" srcset=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/cart-abandonment-reasons.png 910w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/cart-abandonment-reasons-300x194.png 300w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/cart-abandonment-reasons-768x496.png 768w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/cart-abandonment-reasons-600x388.png 600w\" sizes=\"auto, (max-width: 910px) 100vw, 910px\" \/><figcaption id=\"caption-attachment-6955\" class=\"wp-caption-text\">Source: <a href=\"https:\/\/uxplanet.org\/how-to-design-a-better-checkout-experience-3497a8e69d0a\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/uxplanet.org\/how-to-design-a-better-checkout-experience-3497a8e69d0a<\/a><\/figcaption><\/figure>\n<\/p>\n<p><span style=\"font-weight: 400;\">That is why your store should have a smooth checkout flow that customers can see and the form fields should be as minimal and clear as possible.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6956\" src=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-21-o-10.45.00.png\" alt=\"checkout - Spree online store UX demo\" width=\"1427\" height=\"698\" srcset=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-21-o-10.45.00.png 1427w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-21-o-10.45.00-300x147.png 300w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-21-o-10.45.00-1024x501.png 1024w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-21-o-10.45.00-768x376.png 768w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-21-o-10.45.00-600x293.png 600w\" sizes=\"auto, (max-width: 1427px) 100vw, 1427px\" \/><\/p>\n<p><figure id=\"attachment_6957\" aria-describedby=\"caption-attachment-6957\" style=\"width: 1268px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6957\" src=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-21-o-10.45.15.png\" alt=\"checkout - Spree online store UX demo\" width=\"1268\" height=\"666\" srcset=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-21-o-10.45.15.png 1268w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-21-o-10.45.15-300x158.png 300w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-21-o-10.45.15-1024x538.png 1024w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-21-o-10.45.15-768x403.png 768w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-21-o-10.45.15-600x315.png 600w\" sizes=\"auto, (max-width: 1268px) 100vw, 1268px\" \/><figcaption id=\"caption-attachment-6957\" class=\"wp-caption-text\">Source: <a href=\"https:\/\/demo.spreecommerce.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Spree online store UX demo<\/a><\/figcaption><\/figure>\n<\/p>\n<p><b>Tip:<\/b><span style=\"font-weight: 400;\"> You can use ready-made solutions such as the new <\/span><a href=\"https:\/\/spreecommerce.org\/spree-commerce-demo-explainer\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Spree online store UX<\/span><\/a><span style=\"font-weight: 400;\">. We did the work for you. It was developed in over 6 months with 6000+ hours spent between 25+ core team members, tested in 3 release candidates by several community testers providing feedback and contributing. It can be easily customized and saves you hundreds of hours of dev and QA work.\u00a0<\/span><\/p>\n<ul>\n<li><b>Speed <\/b><\/li>\n<\/ul>\n<p>All the UX design efforts are for nothing if your website is too slow. When people have to wait for the content to load, they tend to switch their attention to the gruesome fact of waiting, not the task they wanted to complete.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6958\" src=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/mobile-page-speed-new-industry-benchmarks-01-01-download.jpg\" alt=\"\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/mobile-page-speed-new-industry-benchmarks-01-01-download.jpg 1920w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/mobile-page-speed-new-industry-benchmarks-01-01-download-300x169.jpg 300w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/mobile-page-speed-new-industry-benchmarks-01-01-download-1024x576.jpg 1024w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/mobile-page-speed-new-industry-benchmarks-01-01-download-768x432.jpg 768w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/mobile-page-speed-new-industry-benchmarks-01-01-download-1536x864.jpg 1536w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/mobile-page-speed-new-industry-benchmarks-01-01-download-600x338.jpg 600w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">People engage more with a site and definitely have a better experience when they can move freely and focus on the content instead of on their wait time.<\/span><\/p>\n<p><figure id=\"attachment_6959\" aria-describedby=\"caption-attachment-6959\" style=\"width: 1076px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6959\" src=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Spree-UX-speed-performance.jpg\" alt=\"Spree UX speed performance\" width=\"1076\" height=\"576\" srcset=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Spree-UX-speed-performance.jpg 1076w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Spree-UX-speed-performance-300x161.jpg 300w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Spree-UX-speed-performance-1024x548.jpg 1024w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Spree-UX-speed-performance-768x411.jpg 768w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Spree-UX-speed-performance-600x321.jpg 600w\" sizes=\"auto, (max-width: 1076px) 100vw, 1076px\" \/><figcaption id=\"caption-attachment-6959\" class=\"wp-caption-text\">Site performance of the new Spree online store UX demo<\/figcaption><\/figure>\n<\/p>\n<p><span style=\"font-weight: 400;\">To see how important it is, check out the <\/span><a href=\"https:\/\/spreecommerce.org\/stories\/fcp-euro-experienced-50-traffic-growth-after-migrating-to-spree\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">success story of FCP Euro,<\/span><\/a> a company <span style=\"font-weight: 400;\">that boasts to have page load times over 100x faster than any competitor.\u00a0<\/span><\/p>\n<ul>\n<li><b>Stand out from the crowd<\/b><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Some online stores are hard to forget and worth sharing; online showrooms, product builders, birthday reminders, personalized gift cards are only a few examples of <\/span><a href=\"https:\/\/spreecommerce.org\/spree-commerce-online-stores-with-amazingly-cool-features\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">outstanding features offered by Spree Commerce stores<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Ecommerce UX trends<\/span><\/h2>\n<ul>\n<li><b>Mobile-first design<\/b><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Mobile-first, as the name suggests, means that we start the website design from the mobile end which has more restrictions, then expand its features to create a desktop version.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">But why is it so important? Mobile internet usage has surpassed desktop already in 2016. What is more, <\/span><a href=\"https:\/\/spreecommerce.org\/google-switches-to-mobile-first-indexing\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Google announced <\/span><\/a><span style=\"font-weight: 400;\">that it will be switching to mobile-first indexing for all websites starting September 2020. This means that everyone who stays behind, shouldn\u2019t be surprised by a significant drop in traffic when that comes into force.<\/span><\/p>\n<p><figure id=\"attachment_6960\" aria-describedby=\"caption-attachment-6960\" style=\"width: 1920px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6960\" src=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Internet-Usage-Worldwide.jpg\" alt=\"Internet Usage Worldwide\" width=\"1920\" height=\"1035\" srcset=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Internet-Usage-Worldwide.jpg 1920w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Internet-Usage-Worldwide-300x162.jpg 300w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Internet-Usage-Worldwide-1024x552.jpg 1024w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Internet-Usage-Worldwide-768x414.jpg 768w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Internet-Usage-Worldwide-1536x828.jpg 1536w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Internet-Usage-Worldwide-600x323.jpg 600w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><figcaption id=\"caption-attachment-6960\" class=\"wp-caption-text\">Source: <a href=\"https:\/\/www.broadbandsearch.net\/blog\/mobile-desktop-internet-usage-statistics\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.broadbandsearch.net\/blog\/mobile-desktop-internet-usage-statistics<\/a><\/figcaption><\/figure>\n<\/p>\n<p><span style=\"font-weight: 400;\">This is exactly why, while designing the new Spree Commerce layouts, we took the mobile-first approach. You can see the results <\/span><a href=\"https:\/\/spreecommerce.org\/spree-commerce-demo-explainer\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">here<\/span><\/a><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p>\n<ul>\n<li><b>Personalization\u00a0<\/b><\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.forbes.com\/sites\/forbesagencycouncil\/2018\/05\/31\/breaking-through-the-noise-how-modern-marketers-can-solve-todays-personalization-challenge\/#16944ac71ab0\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">81% of consumers want brands to get to know them<\/span><\/a><span style=\"font-weight: 400;\">, and understand when to approach them. A personalized approach will definitely improve the experience on your website, provided that it is done in the way that is desired by the users.<\/span><\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Personalized view\u00a0<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">This can be achieved already on the homepage. You can choose to display a different main banner or set of products to the users depending on their gender (e.g. Women\u2019s and men\u2019s clothing), location (language, preferred currency, clothes depending on the weather), etc.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For example <\/span><a href=\"https:\/\/spreecommerce.org\/stories\/marley-spoon-uses-spree-commerce-for-its-cook-at-home-meal-kit-subscription-service\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Marley Spoon<\/span><\/a><span style=\"font-weight: 400;\">, a meal kit delivery service featuring Martha Stewart\u2019s award-winning recipes, will welcome its US users with a different homepage than the Australian ones. This is probably the effect of research and A\/B testing on what works best in those markets.<\/span><\/p>\n<p><figure id=\"attachment_6962\" aria-describedby=\"caption-attachment-6962\" style=\"width: 1281px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6962\" src=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-11-o-11.02.52.png\" alt=\"personalized homepage example\" width=\"1281\" height=\"646\" srcset=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-11-o-11.02.52.png 1281w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-11-o-11.02.52-300x151.png 300w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-11-o-11.02.52-1024x516.png 1024w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-11-o-11.02.52-768x387.png 768w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-11-o-11.02.52-600x303.png 600w\" sizes=\"auto, (max-width: 1281px) 100vw, 1281px\" \/><figcaption id=\"caption-attachment-6962\" class=\"wp-caption-text\">Marley Spoon US<\/figcaption><\/figure>\n<\/p>\n<p><figure id=\"attachment_6961\" aria-describedby=\"caption-attachment-6961\" style=\"width: 1278px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6961\" src=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-11-o-11.03.03.png\" alt=\"personalized homepage example\" width=\"1278\" height=\"645\" srcset=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-11-o-11.03.03.png 1278w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-11-o-11.03.03-300x151.png 300w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-11-o-11.03.03-1024x517.png 1024w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-11-o-11.03.03-768x388.png 768w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/05\/Zrzut-ekranu-2020-05-11-o-11.03.03-600x303.png 600w\" sizes=\"auto, (max-width: 1278px) 100vw, 1278px\" \/><figcaption id=\"caption-attachment-6961\" class=\"wp-caption-text\">Marley Spoon Australia<\/figcaption><\/figure>\n<\/p>\n<p><span style=\"font-weight: 400;\">Product recommendation is another element that you can use to your advantage. This can result in upselling or cross-selling or just help the customer find what they\u2019re looking for. But only if you show them relevant products based not only on demographics but also their browsing history on your website. <\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6379\" src=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/03\/product-rec.png\" alt=\"product ecommendations - Spree UX online store demo\" width=\"742\" height=\"411\" srcset=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/03\/product-rec.png 742w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/03\/product-rec-300x166.png 300w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2020\/03\/product-rec-600x332.png 600w\" sizes=\"auto, (max-width: 742px) 100vw, 742px\" \/><\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Personalized product<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">A product tailored to the customer\u2019s needs. It can be achieved both by offering them the right fit for their needs or letting them customize it according to their taste. Here are a few examples of brands using different approaches to offering a personalized product to their customers:<\/span><\/p>\n<p><a href=\"https:\/\/spreecommerce.org\/stories\/hundred-a-subscription-service-for-personalized-vitamin-mixes-powered-by-spree-commerce-raised-8m-to-expand-to-the-us-market\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Hundred<\/span><\/a><span style=\"font-weight: 400;\"> offers personalized vitamin mixes, selected based on the short survey that you are asked to fill in.\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/spreecommerce.org\/stories\/ratio-clothing-uses-spree-commerce-for-its-online-platform-with-customized-shirts-and-a-machine-learning-fitting-algorithm\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Ratio Clothing<\/span><\/a><span style=\"font-weight: 400;\"> uses its own fitting algorithm to determine the right size of your made-to-measure shirt.\u00a0<\/span><\/p>\n<p><a href=\"https:\/\/spreecommerce.org\/stories\/spree-commerce-powers-21diamonds-leading-online-store-offering-customizable-jewelry\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">21diamonds<\/span><\/a><span style=\"font-weight: 400;\"> lets you customize rings (or other pieces of jewelry) for your loved ones.<\/span><\/p>\n<ul>\n<li><b>Better B2B experience\u00a0<\/b><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">When designing a <a href=\"https:\/\/spreecommerce.org\/use-cases\/b2b-ecommerce-platform\/\" target=\"_blank\" rel=\"noopener noreferrer\">B2B ecommerce<\/a>, one should never forget that it is not companies but people who make the decisions. And what they want is a simple shopping and shipping procedure without lots of paperwork. That is why B2B ecommerce trends are changing and B2B retailers are starting to shape their services so that they\u2019re more in line with the B2C model.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The goal of a B2B ecommerce should be to understand the businesses they sell to as well as the people behind them and streamline the buying process into a few easy, understandable steps in order to facilitate quick purchases.<\/span><\/p>\n<p><strong>A few examples of B2B ecommerce businesses doing it right:<\/strong><\/p>\n<p><a href=\"https:\/\/spreecommerce.org\/stories\/nuherbs-launches-a-wholesale-b2b-e-commerce-platform-for-dietary-supplements\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Nuherbs<\/span><\/a><span style=\"font-weight: 400;\"> &#8211; a wholesale B2B ecommerce platform with a custom mobile-first UX tuned for repeat customers but also friendly to first-timers.<\/span><\/p>\n<p><a href=\"https:\/\/spreecommerce.org\/stories\/packhelp-uses-spree-for-its-b2b-web-to-print-ecommerce\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Packhelp<\/span><\/a><span style=\"font-weight: 400;\"> &#8211; a B2B web-to-print ecommerce platform that makes it super easy for anyone to order fully custom-branded packaging.<\/span><\/p>\n<p><a href=\"https:\/\/spreecommerce.org\/stories\/3form-b2b-product-sample-ordering-enabled-with-spree-commerce\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">3form<\/span><\/a><span style=\"font-weight: 400;\"> &#8211; B2B product sample ordering streamlined with an embedded cart and checkout.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To sum up, UX is a vital factor for ecommerce business success. Your website needs to make a good impression fast and evoke the desired emotions in your customers. However, since customers value familiarity and ease of use, there\u2019s no need to reinvent the wheel. A ready but tested and proven solution can save hours of prototyping and development as well as reduce the overall cost of development and then maintenance.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The new mobile-first <\/span><a href=\"https:\/\/spreecommerce.org\/spree-commerce-demo-explainer\/\"><span style=\"font-weight: 400;\">Spree 4 UX<\/span><\/a><span style=\"font-weight: 400;\"> enables easy layout customization, amazing performance tested with Google Lighthouse, superior SEO, and improved business KPIs such as mobile conversions, reduced bounce rates, or increased organic search traffic. Whether you need to launch a new ecommerce website or redesign an existing one, you should check it out. It\u2019ll save you a lot of time and money.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>What is UX User experience (UX) is about the user\u2019s perception of your product, service, or website and emotions associated with it. While it applies to all the aspects of the user\u2019s customer journey, from the product itself, packaging, delivery, and customer service, the key part for ecommerce is the positive experience on your website. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":6965,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[146,1],"tags":[381,8],"class_list":["post-6945","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-open-source-ecommerce","category-uncategorized","tag-user-experience","tag-ux"],"acf":[],"_links":{"self":[{"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/posts\/6945","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/comments?post=6945"}],"version-history":[{"count":0,"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/posts\/6945\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/media\/6965"}],"wp:attachment":[{"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/media?parent=6945"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/categories?post=6945"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/tags?post=6945"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}