Shopify

Design 1, 2, 3: Fix That Checkout Page!

Jul 26, 2011   •   2 Min Read

Recently, I had the extreme pleasure of traveling to the Bahamas for some summertime R&R. Like most other people in the 21st century, even on vacation I have trouble unplugging. So, I found myself in my hotel room trying to buy myself internet access. And, lucky for the hotel and internet provider, I was pretty desperate to get online, and I trudged through their insecure checkout process.

I'll keep this Design 1, 2, 3 short and sweet like a beach novel.

The checkout page for internet access was bare bones. Take a look:

Fixing An eCommerce Checkout Page

Can you spot some trouble areas?

1. User Confusion
Did you notice the line of text that reads, "Please note all fields are required." Yet, some headers include an asterisks (ex: Name) but some don't (ex: Address). Some text is bold, mainly headers, while others aren't (ex: First Name.) Boldness and asterisks are generally key indicators for required fields on forms, yet this form doesn't adhere to either visual practice.

Bill To Credit Card: Required Fields

On a similar note, if a field isn't required -- again, it's unclear if the Address section is required -- don't include. Ideally short forms can be filled out faster and with fewer errors. Cut out the excess!

2. Assurance & Confidence
Did you notice anything missing from this page? Basically, any possible piece of information to build a user's confidence has been stripped away -- including the hotel's logo, contact information, as well as any type of security seal. (Disclaimer: Sometimes I cut out a company's logo in these Design 1, 2, 3 posts, but such is not the case here.)

Fixing An eCommerce Checkout Page: Assurance & Confidence

Clearly my beef is mostly with the lack of security seal. In fact, the checkout page wasn't encrypted at all. I know, I know, I live a risky online life considering I'm still willing to put in my credit card number without anyone telling me it's safe to do so. But the rest of you should never ever do this, nor expect your customers to do so.

3. Technical Error
A few years ago, it was fairly common to see the statement, "Please click the submit button ONLY ONCE to avoid multiple charges," when placing an order online. This simple instruction is really a lazy way around a simple technical issue.

Resolve Technical Errors In Checkout

If you don't want users to click the button more than once, turn the button "off" after it's been clicked. Disable the button as the order is being processed, so the user cannot click the button more than once. It's a simple solution to a common problem, and a better solution than the line of text because a user might not read it, or might because unnecessarily worried about multiple charges potentially leading to cart abandonment.

While some of these errors may be small -- there's no reason to let them slide by. True, I made it through the checkout, but I didn't feel confident doing so, and I repeatedly hesitated before making, and I know I wouldn't do it again.

Lesson learned eTailers? If so, class dismissed and enjoy your summer.

Mentioned in this Post
Internet Sign-up :: Nassau Palms Hotel

Explore more tags: Shopify Blog
Related Content

You Also May Like

Blog

Your Guide to eTail West 2024 in Palm Springs, CA: Event Tips & Tricks

What Do I Need To Know About Etail West 2024? Are you in the eCommerce industry? If...
Learn More
Blog

The 5 Best AI and SEO Tools for eCommerce Website Strategy

In the vast digital landscape, where visibility is paramount, the science and art of...
Learn More
Blog

3 Tools To Use AI in Email Marketing For eCommerce Online Stores

In the realm of digital marketing, email continues to be a potent and influential...
Learn More
Blog

5 Awesome AI Copywriting Tools For Making Money Online In 2024+

In the realm of persuasive communication and digital marketing, the art of crafting...
Learn More
Blog

The 5 Best Video Enhancing AI Tools for Selling Online [2024 Update]

In the realm of digital content creation, video has emerged as a dominant force,...
Learn More
Blog

Our Agency's Top 5 AI Social Media Content Marketing Tools For Online Sales

In today's interconnected world, social media has transformed into an indispensable...
Learn More
BigCommerce vs Shopify_ Everything You Need to Know - 524x352
eBook
E-BOOK

BigCommerce vs Shopify:
Everything You Need to Know

Download e-Book

Let's Grow Your eCommerce Business, Together.