Release Date:
...
Simplified Information Flow: We've streamlined the design and organized information more predictably, reducing clutter and scrolling, especially on mobile devices. This involves a linear attribute selection process, eliminating the dynamic box on the right for desktop, providing concise access to short and long descriptions, offering an intuitive and detailed item summary, keeping calls-to-action (CTAs) and quantity selections consistently visible on both desktop and mobile and enhancing the clarity of attribute selections with titles and optional descriptions. A/B tests and usability studies have revealed that excessive clutter and mandatory options below the visible screen on shopping pages hinder mobile users, resulting in lower conversions.
...
Simplified and Data-Driven Add-to-Cart Optimization: The Cloud UI PDP enhances the cart-adding process with a new, user-friendly interface. On mobile, the interface remains visible and straightforward, featuring only the essential call-to-action and quantity selection. For desktop, the add-to-cart button, quantity selector, and item summary stay together and are visible as users scroll. These improvements, informed by successful A/B test results for both mobile and desktop. One mobile test run at two different resorts led to a 9.5% to 16% increase in cart additions using the simplified mobile method. Additionally, there was a 1% to 4% boost in revenue per visitor across all sticky add to cart tests.
Improved Item Summary and Savings: Savings information can be added to more products, including non-dynamically priced products and highlighted more clearly in the item summary and cart notice. Customers are made more aware that advanced purchase behavior is rewarded with discounted pricing throughout the shopping experience by highlighting the savings. For example, if a rental product is not dynamically priced, but customers can save 10% through purchasing online, these savings can now be displayed to the guest.
...
Additionally, the cart notice includes information on discounts applied to the added item from coupons guests have already added in their session.
...
Radio button
Drop down (aka Select)
Checkbox
Inline date picker
Drop down date picker
Item Summary
Product Description
Product image
Add to cart button
Quantity selection
Related products
Coach messages
Cart notice
Cross-sell products
Error and success messages
Edit cart mode
Button chip selector (COMING SOON)
See the Redesigned PDP for Cloud UI documentation to learn more about this exciting refresh.
...