Order Summary Review Pages

[Image]

This experience sits at the final moment of an online purchase, where shoppers pause to confirm details and decide whether they’re ready to commit. Users are checking prices, shipping, and payment information while managing a mix of confidence and caution. For the business, this moment directly supports order completion, accuracy, and trust at the point where revenue is either secured or lost.

In this test, we examined REI’s Review and Pay checkout page. Participants were asked to imagine completing a purchase and react to what they saw on the screen. The experience was evaluated using Comprehension, Sentiment, and Intent to understand how clearly users interpreted the page, how it made them feel, and whether they were ready to move forward. Together, these metrics surface how well the page supports both understanding and commitment under pressure.

This type of testing is valuable because last-step checkout issues rarely show up as outright confusion. Instead, they appear as hesitation, emotional drag, or second-guessing after everything is technically clear. By measuring clarity, feeling, and readiness together, teams can see whether a checkout experience simply functions—or whether it actively supports confident decision-making when it matters most.

---

Define Goals for Your Order Summary Review Pages

An eCommerce order summary review page should balance user needs like clarity, trust, and reassurance with business goals such as checkout completion, reduced returns, and customer satisfaction. Users want to confidently confirm their purchase details before placing an order, while businesses aim to eliminate last-minute friction and reinforce trust. Measuring order review interactions ensures customers feel confident saying “yes” at the final step.

**Audience:**

This concept was tested with sporty consumers and outdoor enthusiasts in the United States who reviewed REI’s order summary page during checkout. Participants were asked to scan items, pricing, shipping details, and totals while sharing impressions of clarity, confidence, and readiness to place their order.

User Needs
As a shopper reviewing an order summary before purchase, the five most important needs would be:

1. The layout should be easy to scan, with items, prices, and totals clearly organized (page should be Usable).

2. Pricing, discounts, taxes, and shipping costs should feel accurate and transparent (information should look Credible).

3. Users should be able to quickly verify details or make small edits without restarting checkout (interactions should be Efficient).

4. The summary should clearly reinforce what the customer is getting for their money (breakdown should be Valuable).

5. The information shown should feel final and dependable, reducing fear of surprises after purchase (experience should be Reliable).

These five ensure the order review step feels clear, trustworthy, and reassuring, helping users confidently complete checkout.

Business Goals
Here are the five most important business goals for an eCommerce order summary review page:

1. Increase Checkout Completion – Reduce last-step abandonment by reinforcing clarity and confidence.

2. Reduce Errors & Returns – Help customers catch mistakes before placing an order.

3. Build Purchase Confidence – Reinforce trust through transparent pricing and delivery details.

4. Preserve Conversion Momentum – Allow quick confirmation without introducing new friction or distractions.

5. Gather Checkout Insights – Track edits, hesitations, or drop-offs to optimize checkout design.

These goals help the business convert intent into completed orders, while minimizing post-purchase issues and reinforcing customer trust at the moment of commitment.

---

Choose Metrics to Test Your Order Review Summary

This experience focuses on the final decision before purchase, where users are confirming details and deciding whether they feel ready to proceed. A design stack of UX metrics was selected by mapping core user needs to observable signals in behavior and perception. For this test, the metrics used were Comprehension, Sentiment, and Intent.

Intuitive → Comprehension At this stage, users need to quickly understand where they are in the process and what the page is asking them to do. Comprehension captures whether people can interpret order details, totals, and next steps without second-guessing. It reflects how clearly the page communicates its role as a final review and payment moment.

Credible → Sentiment When money is involved, users are not just processing information—they are assessing trust and emotional safety. Sentiment captures how the page makes people feel, including impressions like confidence, reassurance, or unease. It helps reveal whether clarity is paired with comfort, or if emotional friction remains even when the information is clear.

Reliable → Intent At the end of checkout, readiness to act is the clearest signal of whether the experience is working. Intent measures what users say they would do next when presented with the page. It reflects whether the experience supports follow-through or introduces hesitation that could stall completion.

---

Establish Hunches to Direct Your Testing

Starting with hunches helps teams name where confidence might break down before it shows up in metrics. These hunches reflect practical uncertainty about how people interpret, feel about, and act within a high-stakes moment like checkout.

Example: REI Review and Pay checkout page

<table xmlns="http://www.w3.org/1999/xhtml" style="min-width: 268px;"><colgroup><col style="width: 218px;"><col style="min-width: 25px;"><col style="min-width: 25px;"></colgroup><tbody><tr><th colspan="1" rowspan="1" colwidth="218"><p>Hunches</p></th><th colspan="1" rowspan="1"><p>Questions</p></th><th colspan="1" rowspan="1"><p>UX Metric</p></th></tr><tr><td colspan="1" rowspan="1" colwidth="218"><p>The amount of information on the page may feel overwhelming, even if it is technically clear, causing users to slow down at the moment of payment.</p></td><td colspan="1" rowspan="1"><p>How well do you understand what this page is showing?</p></td><td colspan="1" rowspan="1"><p>Comprehension</p></td></tr><tr><td colspan="1" rowspan="1" colwidth="218"><p>The final payment step may feel serious or heavy, influencing how confident or reassured users feel about completing the purchase.</p></td><td colspan="1" rowspan="1"><p>What impressions does this page give you?</p></td><td colspan="1" rowspan="1"><p>Sentiment</p></td></tr><tr><td colspan="1" rowspan="1" colwidth="218"><p>Clear structure and labeling may help users feel ready to move forward despite the stakes of the decision.</p></td><td colspan="1" rowspan="1"><p>What would you most likely do next on this screen?</p></td><td colspan="1" rowspan="1"><p>Intent</p></td></tr></tbody></table>

Together, these hunches aim to evaluate whether clarity, emotional reassurance, and momentum are aligned at the moment when users decide to complete their order.

---

Turn Hunches into Test Questions

Turning hunches into concrete questions makes uncertainty measurable. Pairing each UX metric with a specific question type ensures that what users feel, understand, and intend can be captured in a consistent, repeatable way.

• Comprehension (Likert scale)
  Question type: Likert scale

  Example: “How well do you understand what this page is showing?”
 (Scale: Not at all → Completely)
  This question captures whether users can quickly interpret the purpose of the page and its contents. It surfaces moments where clarity breaks down or requires extra effort, even if users ultimately understand what to do.

[Image]

• Sentiment (Multiple-choice impressions)
  Question type: Multiple-choice impressions

  Example: “What impressions does this page give you?”

  This question allows users to express how the page makes them feel in their own terms. It reveals emotional signals like confidence, trust, or overwhelm that often influence decisions more than functional clarity alone.

[Image]

• Intent (Multiple-choice action)
  Question type: Multiple-choice action
Example: “What would you most likely do next on this screen?”
  This question captures readiness to act at the final step of checkout. It shows whether the experience supports momentum toward completion or introduces hesitation that could stall progress.

[Image]

---

Calculate UX Metric Scores from User Feedback

This test evaluated REI’s Review and Pay checkout experience, where users review order details and decide whether to complete their purchase. Participants were asked to imagine finishing checkout and respond based on what they understood, how the page made them feel, and what they would do next. The design stack combined Comprehension, Sentiment, and Intent, capturing both attitudinal and behavioral signals at a high-stakes moment.

• Very Good = 90% and above

• Good = 70%–89%

• Average = 50%–69%

• Poor = 30%–49%

• Very Poor = below 30%

At a high level, this indicates a checkout experience that largely supports understanding and forward momentum, with some emotional friction present at the final decision point.

**Comprehension (94% — Very Good):**

Most participants quickly understood what this page was showing and what was required to complete their order. Users consistently recognized this as the final step of checkout and were able to interpret totals, shipping, and payment information without confusion. This suggests the page communicates its purpose and structure clearly.

**Sentiment (75% — Good):**
 Emotional reactions were generally positive but more mixed than clarity signals. While many users described the page as trustworthy and organized, some noted that it felt heavy or dense. This points to mild emotional strain despite strong understanding.

**Intent (83% — Good):**

The majority of users indicated they would proceed with entering payment details and completing the purchase. This shows that the experience supports momentum, even if some hesitation exists beneath the surface.

[Image]

Taken together, the scores describe a checkout experience that is clear, dependable, and effective at driving completion. The primary imbalance appears between strong comprehension and more moderate emotional comfort. This signals an experience that works functionally, while still asking users to carry a noticeable cognitive and emotional load at the moment of commitment.

Click here to check out the raw survey data and UX metric scores for REI’s order summary review.

---

Draw Signals from Your Design Stack

Here’s how signals were surfaced from REI’s order summary page test results by following the five steps:

1. Focus on poorly scoring metrics

[Image]

REI’s order summary page achieved an overall score of 84% (Good), with Comprehension (94%) performing very strongly and Intent (83%) also landing solidly in the Good range. Sentiment (75%), however, trailed behind the other metrics, signaling an emotional gap in the experience. While users clearly understood the information presented and felt capable of moving forward, the page introduced feelings of overwhelm and low emotional payoff at a moment that should feel confident and reassuring. The key signal: clarity is strong, but emotional comfort and delight are underperforming at a critical decision point.

2. Identify patterns across metrics

[Image]

The pattern suggests that REI’s order summary is functionally excellent but emotionally flat. High comprehension indicates that pricing, totals, and line items are well organized and readable, reducing cognitive strain. However, the lower sentiment score reveals that information density and visual hierarchy may feel heavy rather than supportive. Users can understand everything, but they don’t feel good about reviewing it. This reflects a common checkout tension: prioritizing completeness and accuracy over reassurance and emotional ease.
Note: When comprehension is very high but sentiment lags, the experience often feels more like an audit than a confirmation.

3. Determine if user needs are being met

[Image]

• Usable: Exceeded — layout is easy to scan and information is well structured.

• Credible: Exceeded — pricing, discounts, and totals feel trustworthy and transparent.

• Efficient: Met — users can verify details without restarting checkout.

• Valuable: Met — breakdown reinforces what users are paying for, but without emotional reinforcement.

• Reliable: Partially exceeded — information feels dependable, though emotional reassurance could be stronger.

4. Compare outcomes to your business goals

• Increase Checkout Completion: Supported — clarity and comprehension reduce last-step friction.

• Reduce Errors & Returns: Fully achieved — users can easily spot mistakes before purchase.

• Build Purchase Confidence: Partially achieved — users trust the data, but not the feeling.

• Preserve Conversion Momentum: Achieved — intent remains strong despite emotional drag.

• Gather Checkout Insights: Supported — behavior suggests opportunity to reduce overwhelm without sacrificing detail.

5. Surface signals & establish a direction

Signals derived from the data:

• Users understand everything, but the page feels emotionally dense and heavy.

• Strong comprehension does not automatically translate to positive sentiment.

• Confidence is driven by accuracy, but reassurance is driven by tone, spacing, and visual calm.

**Direction based on business context:**

To strengthen emotional confidence without sacrificing clarity, next steps should include:

• Reducing visual density through grouping, whitespace, or progressive disclosure.

• Adding reassurance cues (“Everything looks good,” “You can edit later”) to lower pressure.

• Using subtle visual emphasis to celebrate completion rather than audit details.

• Testing microcopy or visual confirmation patterns that signal safety and finality.

Based on the signals and design direction, we created an updated version of the design with the expected UX metric improvement:

[Image]

The signal is clear: REI’s order summary excels at clarity and trust, but transforming it from a checklist into a confirmation moment will strengthen confidence and reduce last-step hesitation.