<?xml version="1.0" encoding="utf-8"?>
Uxcel
Pro MembershipFor TeamsHelp
Log inSign up

Checkout Exercises

Explore hands-on “Checkout” exercises to sharpen your skills and level up your craft. Want more? Browse all search results

The $300 million button
Exercise

The $300 million button

What is UX Design?
Credibility
Exercise

Credibility

UX Design Principles
Add visual signs of security
Exercise

Add visual signs of security

Checkout
Self-service kiosks
Exercise

Self-service kiosks

Devices & Screen Sizes
Enable autofill
Exercise

Enable autofill

Checkout
Remove distractions
Exercise

Remove distractions

Checkout
Allow guest checkout
Exercise

Allow guest checkout

Checkout
Provide inline validation
Exercise

Provide inline validation

Checkout
Ensure address hierarchy
Exercise

Ensure address hierarchy

Checkout
Outline next steps
Exercise

Outline next steps

Making a Payment
Provide order confirmation after payment
Exercise

Provide order confirmation after payment

Checkout
Write clear error messages
Exercise

Write clear error messages

Checkout
Allow different payment options
Exercise

Allow different payment options

Checkout
Simplify card number input
Exercise

Simplify card number input

Checkout
Place the checkout button after the order details
Exercise

Place the checkout button after the order details

Shopping Carts
Single-name vs separate name fields
Exercise

Single-name vs separate name fields

Checkout
Offer payment methods
Exercise

Offer payment methods

Making a Payment
Request payment details
Exercise

Request payment details

Making a Payment
Apply global promos automatically
Exercise

Apply global promos automatically

Entering a Promo Code
Exercise

Show payment processing

Making a Payment
Make promo code element visible
Exercise

Make promo code element visible

Entering a Promo Code
Validate payment details
Exercise

Validate payment details

Making a Payment
Display a progress tracker
Exercise

Display a progress tracker

Checkout
Remove promo code
Exercise

Remove promo code

Entering a Promo Code
Promo code applied successfully
Exercise

Promo code applied successfully

Entering a Promo Code
Allow promo codes to be applied with a click
Exercise

Allow promo codes to be applied with a click

Entering a Promo Code
Exercise

Confirmation of payment processed successfully

Making a Payment
Summarize the order details
Exercise

Summarize the order details

Checkout
Reflect the discount in the total
Exercise

Reflect the discount in the total

Entering a Promo Code
Promo code error
Exercise

Promo code error

Entering a Promo Code
Simplify the checkout process
Exercise

Simplify the checkout process

Turning Friction into Positive Experiences in UX Design