Google’s mistake is your gain. Google accidentally published a 108-page Playbook filled with best practices for retail and eCommerce UX design, and subtitled “Ecommerce playbook. Creating frictionless experience across the funnel.”
While it is marked “proprietary + confidential,” the PDF is indexed by the search engine giant and is freely available to access online. Since there’s no claim or clarity about its provenance, we describe it as a Secret document in this blog.
A playbook is a book containing strategies typically used by sports teams or a play-by-play guide to help companies define their workflows, standard operating procedures and cultural values. This secret eBook certainly fits the bill as it’s filled with real-life examples and pointed advice on how to improve conversions and sales.
We combed through advice pulled directly from Google’s highest-profile retail clients and narrowed it down to 6 areas for improvement, which are most helpful for eCommerce merchants:
1. Home/Landing Page
2. Menu & Navigation
6. Form Optimization
These 6 areas were further broken down into 43 key activities. At a glance, these seem overwhelming.
So we plucked the top 5 things you can implement in your website today.
1. Home / Landing Pages: Don’t use automatic carousels
Easy to implement
Key metric: Low Bounce Rate
Carousels are often ignored. Why?
Usability guru, Jakob Nielsen, confirmed this in tests. They ran a usability study where they gave users the following task: “Does Siemens have any special deals on washing machines?” The information was on the most prominent slide. The users could not see it – totally hit by banner blindness. Nielsen concludes the sliders are ignored.
Forever21 would have carousels that had 3 rotating offers, changing every 4 seconds.
If possible, don’t use carousels on your homepage. Stick to static images.
Think of it as giving control to the site user. Humans are most comfortable when they feel in control of themselves and their environment.
Here’s how: Show system status updates by describing causation (i.e. if you do X, then Y will happen) and by giving insight into what to expect at every turn. It’s not a problem to state the obvious.
2. Home / Landing Pages: Display a clear CTA above the fold
Easy to implement
Key metric: Clear CTA and Low Bounce Rate
Above-the-fold placement originated from the world of print. Basically, it’s the upper half of the front page of a newspaper where the top story is usually placed.
On a website, placement above the fold is the content that’s displayed without scrolling down. Above-the-fold placement calls attention to what’s most important, which immediately draws your visitors’ attention to your CTA. This is always good for conversions.
In 2014, Google released a study, The Importance of Being Seen: Viewability Insights for Digital Marketers and Publishers, that demonstrates the impact of the fold.
The study found that ads just above the fold had 73% viewability, whereas ads just below the fold only had 44% viewability. It matters because it sets the stage for future content and provides quality expectations, not because of some arbitrary, absolute rule.
3. Make your search bar prominent & adjust search algorithms
Hard to implement
Medium to High Impact
Key metric: % traffic with searches, search depth
According to Google, users that search are 200% more likely to convert on average. When Lyst replaced the search icon with a search box, it enabled users to locate the search function more easily. Changing the search placement increased usage by 43% on desktop and 13% on mobile.
But if used incorrectly, site search can lead to a bad user experience.
You can avoid these situations by providing auto-suggestions and implementing spelling corrections within search.
4. Add urgency elements
Hard to implement
Key metric: Conversion Rate (or CVR)
Urgency is a powerful motivator if done well. There are 3 ways to create urgency on your website:
1. Quantity limitations (Only 3 tickets left at this price)
2. Time limitations (Discounted tickets until February 1st)
3. Contextual limitations (Valentine’s Day is around the corner, get her a gift now)
5. Add urgency elements
Medium to implement
Key metric: Conversion Rate (or CVR) and Exit Rate
To get customers to convert, remember:
But importantly, limit exit points during conversion flow. Only allow users to go to the homepage, back to the cart, or to contact support when they’re checking out. Do not provide a menu.
For a visual summary of all 43 key activities, check this graph by Dan Barker.
Helping our customers automate and own their workflows, so that they can focus on growth.