Homepage
The homepage was designed with 4 specific goals in mind:
Making a good first impression
Introducing the user to the primary mechanisms of the site
Providing the ability to showcase several products and promotions
Easy customization
CRS-M aims to make a good first impression by providing a visually and physically engaging homepage through the use of promotional content displayed in horizontally scrolling panels. This content is personalized for each user, which serves to further engage him/her.
The personalized content is provided by Oracle ATG Web Commerce content targeters, and if available, Oracle Recommendations On Demand. This allows easy customization through the Business Control Center or the recommendations service.
Product Details
The product details page traditionally presents the highest number of competing priorities of any page in an e-commerce application. Minimizing this competition can be essential to the user’s ability to make a purchasing decision about a given product. While the CRS-M approach to the product details page may not match your specific business model, it may serve as a starting point for this page’s UX design.
The decision was made to feature the product image prominently and just large enough to help the user to decide if they are interested in this product at first sight. The user can choose to see (and wait for) a larger image by touching the photograph.
The product’s property pickers (for example, color, size, quantity, finish) expand only after the user touches them. This user-initiated expansion allows the product photograph to be larger and more dominant in the page’s default/initial state, as it does not compete with the property pickers for the user’s attention when he/she first arrives on the page.
Shopping Cart
The shopping cart page was designed to allow individual rows in the cart (representing products) to be expanded downwards when the user touches them. This provides more display space for your specific editing options, in addition to (or different from) those provided by CRS-M. The goal here is to provide an example design that can scale to different business needs so that retailers can offer their own cart editing mechanisms.
Checkout
Enabling speedy checkout was a major goal of the UX design for CRS-M. Throughout the checkout flow the number of questions posed to the user on any one screen is reduced by separating long forms with compound tasks into individual pages with focused tasks.
This allows the checkout flow experience to feel faster and more focused to the user. In some cases this separation of long forms into individual pages requires more page loads, but in all cases only the pages that are relevant to the user’s current task are loaded. This modular approach to the various steps of the checkout flow allows retailers to more easily configure the checkout process to their requirements.
