After looking at several hundred retail sites, we realized that there were certain universal UX elements
that helped create a frictionless shopping experience. This list aims to expand on the 25 Retail
Principles and provide a checklist for improving your mobile site experience across 6 key site areas
This document provides best practices for creating frictionless ecommerce experiences across different areas of a retail site, including the menu, search, categories/products, homepage, checkout, and forms. It outlines recommendations for each section to improve the user experience and metrics like bounce rate and conversion rate. The recommendations are based on analyzing hundreds of retail sites to identify universal UX elements that help deliver seamless shopping experiences. All recommendations should be A/B tested. The document also highlights specific retailers that exemplify best practices for each area.
Al majed 4 oud - An inspirational Digital Transformation Story of D2C E-comme...Gaurav Chaudhary
Al-Majed 4 Oud, An Inspirational digital transformation story for a D2C E-commerce business with more than 110 conversion rate optimization considerations.
HOLY GRAIL OF E-COMMERCE CONVERSION OPTIMIZATION – 91 POINT CHECKLIST AND INF...cueblocks
This document provides tips for optimizing various touchpoints on an e-commerce website to improve conversion rates. It discusses surveying visitors and customers to understand their behaviors and needs. It also provides recommendations for optimizing pages like the home page, navigation, search, and checkout. Specific suggestions include showing top products and videos on the home page, organizing navigation by popularity, pre-filling forms, and offering multiple payment options. The overall goal is to improve the user experience at each stage of the customer journey.
10 Ways To Increase Your Ecommerce Conversion RateBristolSEO
Have an ecommerce website but no sales? In presentation talk, Faye Watt will take you through 10 actionable steps to increase the chance that someone will buy from your website!
This document provides user interface recommendations for a watch station website. It discusses navigation elements like headers, menus and breadcrumbs. It recommends layouts for key pages like the home page, brand landing pages, search results and product pages. Specific recommendations are provided for elements on these pages like promotional areas, featured products and guided search filters.
Copywriting & Conversion: Optimizing the Customer ExperienceSoda studio
In this presentation we'll discuss (sales)funnels. First off, what is a funnel, and how does the model work? Secondly, how can conversion (sales) be improved? By doing this we'll highlighting some of best practices from the user experience field (from covering visual design, interaction design to copywriting).
We'll discuss the best practices and examples per 'step' within an archetypical funnel model, namely: 1) product and landing pages, 2) order and payment details, 3) summary and check, and 4) confirmation.
In a more general sense, we'll discuss some interaction principles. Which patterns and conventions are appropriate in what scenario?
We'll also touch upon some of the dark patterns (tricks to exploit the user) that can be found in funnels.
The presentation will end with a check list for UX practitioners concerning copywriting that can be used to both improve the experience and increase sales.
Read the full article on: http://www.sodastudio.nl/kennis-ideeen/copy-en-conversie-lunchpresentatie
The document describes the key stages in an e-commerce conversion funnel:
1. Acknowledgement - users land on the home or category pages
2. Engagement - users interact with product listing, search, and compare pages
3. Choice - users view product details on individual product pages
4. Purchasing - users add items to their cart and proceed to checkout
5. Retention - users can access their account history and profile to encourage return visits.
The document discusses key aspects of implementing an effective customer relationship management (CRM) strategy for e-commerce websites. It addresses CRM issues related to the pre-order, ordering, and post-order customer experience. This includes providing smooth ordering processes, intuitive navigation, product information, and personalization to maximize customer satisfaction and sales. The document emphasizes designing CRM systems that integrate the entire customer experience across online and offline sales channels.
This document provides best practices for creating frictionless ecommerce experiences across different areas of a retail site, including the menu, search, categories/products, homepage, checkout, and forms. It outlines recommendations for each section to improve the user experience and metrics like bounce rate and conversion rate. The recommendations are based on analyzing hundreds of retail sites to identify universal UX elements that help deliver seamless shopping experiences. All recommendations should be A/B tested. The document also highlights specific retailers that exemplify best practices for each area.
Al majed 4 oud - An inspirational Digital Transformation Story of D2C E-comme...Gaurav Chaudhary
Al-Majed 4 Oud, An Inspirational digital transformation story for a D2C E-commerce business with more than 110 conversion rate optimization considerations.
HOLY GRAIL OF E-COMMERCE CONVERSION OPTIMIZATION – 91 POINT CHECKLIST AND INF...cueblocks
This document provides tips for optimizing various touchpoints on an e-commerce website to improve conversion rates. It discusses surveying visitors and customers to understand their behaviors and needs. It also provides recommendations for optimizing pages like the home page, navigation, search, and checkout. Specific suggestions include showing top products and videos on the home page, organizing navigation by popularity, pre-filling forms, and offering multiple payment options. The overall goal is to improve the user experience at each stage of the customer journey.
10 Ways To Increase Your Ecommerce Conversion RateBristolSEO
Have an ecommerce website but no sales? In presentation talk, Faye Watt will take you through 10 actionable steps to increase the chance that someone will buy from your website!
This document provides user interface recommendations for a watch station website. It discusses navigation elements like headers, menus and breadcrumbs. It recommends layouts for key pages like the home page, brand landing pages, search results and product pages. Specific recommendations are provided for elements on these pages like promotional areas, featured products and guided search filters.
Copywriting & Conversion: Optimizing the Customer ExperienceSoda studio
In this presentation we'll discuss (sales)funnels. First off, what is a funnel, and how does the model work? Secondly, how can conversion (sales) be improved? By doing this we'll highlighting some of best practices from the user experience field (from covering visual design, interaction design to copywriting).
We'll discuss the best practices and examples per 'step' within an archetypical funnel model, namely: 1) product and landing pages, 2) order and payment details, 3) summary and check, and 4) confirmation.
In a more general sense, we'll discuss some interaction principles. Which patterns and conventions are appropriate in what scenario?
We'll also touch upon some of the dark patterns (tricks to exploit the user) that can be found in funnels.
The presentation will end with a check list for UX practitioners concerning copywriting that can be used to both improve the experience and increase sales.
Read the full article on: http://www.sodastudio.nl/kennis-ideeen/copy-en-conversie-lunchpresentatie
The document describes the key stages in an e-commerce conversion funnel:
1. Acknowledgement - users land on the home or category pages
2. Engagement - users interact with product listing, search, and compare pages
3. Choice - users view product details on individual product pages
4. Purchasing - users add items to their cart and proceed to checkout
5. Retention - users can access their account history and profile to encourage return visits.
The document discusses key aspects of implementing an effective customer relationship management (CRM) strategy for e-commerce websites. It addresses CRM issues related to the pre-order, ordering, and post-order customer experience. This includes providing smooth ordering processes, intuitive navigation, product information, and personalization to maximize customer satisfaction and sales. The document emphasizes designing CRM systems that integrate the entire customer experience across online and offline sales channels.
A product manager cum user view of mobile shopping experience in India. Ways to personalize the user experience on mobile for profits and user stickiness.
AmericanEagle.com is a family-owned web development company that has been in business since 1978. It employs over 170 web professionals across several offices in the United States. AmericanEagle.com has developed over 5,000 web solutions for clients in a variety of industries. Their services include web design, development, ecommerce solutions, content management systems, and ongoing hosting and maintenance.
Conversion Cheat Sheet - how to improve your website & increase salesSoda studio
This document provides a 10-point conversion plan with tips to increase conversion rates from an interaction design perspective. It offers strategies such as removing uncertainty in the sales funnel, showing unique selling propositions and customer benefits, increasing reliability through customer endorsements and certifications, guiding users to the call to action through visual cues, using clear and descriptive hyperlinks and buttons, limiting choices to avoid losing users, employing scarcity through limited availability, framing negatives positively, and using clear and concise writing and labeling. The tips are illustrated with examples from websites like Simyo, Spotify, and KLM.
The document provides best practices for optimizing landing pages. It recommends:
- Keeping forms short with only necessary fields like name, email, phone.
- Optimizing homepage loading speed and including keywords in headings.
- Validating products/services in the first paragraph and including social proof.
- Using simple horizontal navigation with 5-8 links and directing users to conversion pages.
- Ensuring mobile pages are readable, not too long, and forms are accessible.
Increase Your Sales with Amazon Product Ads & SingleFeedryandouglas
SingleFeed provides feed management services to help merchants list products on shopping engines like Amazon Product Ads. The presentation discusses how Product Ads works, highlighting that it allows merchants to drive traffic from Amazon to their website. It provides tips on optimizing Product Ads performance by improving product data quality, title formatting, and tracking key metrics. SingleFeed's services are positioned as helping merchants properly set up and manage their Product Ads campaign.
Zappos Usability Assessment - March 2011Bibiana Nunes
The document provides a usability assessment and recommendations for improving the searching, browsing, signing up, and purchasing experiences on a website. It finds issues such as irrelevant search recommendations, confusing filters, long sign up forms, and an anxiety-inducing one-step checkout process. Recommendations include improving the search algorithm, streamlining filters and forms, adding sign in options, and breaking checkout into multiple steps to reduce user anxiety. The overall assessment is that the purchasing experience needs improvements to usability and ease of use.
The document promotes Interspire Shopping Cart software as an alternative to traditional, outdated ecommerce platforms. It claims Interspire Shopping Cart offers professionally designed store themes, fully customizable design without coding knowledge, integrated marketing and sales tools, and business analytics to help users grow their online stores. In contrast, it describes traditional platforms as requiring technical expertise, high costs for customization, and a lack of integrated features for marketing and analytics.
El libro de la optimización de formularios Web, de ClickTaleLuis Cortázar
"¿Cómo mejorar mis páginas de conversión y formularios Web?" Es una pregunta frecuente. Después de analizar más de 800 sitios Web, ClickTale presenta 21 consejos para mejorar el rendimiento de los formularios en Internet.
Reclaim Revenue: How to Create Effective Abandoned Cart CampaignsWhatCounts, Inc.
As a marketer, your goal is to turn the costs that you incur in driving traffic to your website into profits. You do this by converting visitors into customers. No matter how good your purchase funnel is, you will have visitors leave your site with items still in their shopping cart.
In this stage of the customer lifecycle, effective abandoned cart campaigns can be a huge asset to a marketer’s email program. In this webinar Emily Keye, Director of Strategy, and Erin Devine, Strategist, will discuss advanced techniques to reduce abandonment and get more effective results from your lifecycle marketing efforts.
Facebook Ads: Learn how to grow your audience by Etienne Alcouffe from effilab TheFamily
Here is a workshop for all your Facebook campaigns.
Advertising on Facebook can be complicated and expensive. With so many targeting options, formats and objectives, Facebook Advertising can be overwhelming.
During this workshop, Etienne walks you through how to set up your campaigns for success, find your target audience, bid and craft the right message.
Etienne Alcouffe is a Search Engine Marketing Specialist at the Effilab / Adsonwall group with a background in SEO, SMO, content and digital advertising.
Etienne is passionate about advertising and will transform you in an Ad Geek! Follow him on twitter: @EtienneAf.
The document discusses using personalized product recommendations at every customer touchpoint during the holiday season. It recommends testing recommendations on category, search, product, cart and order confirmation pages on a website. It also recommends personalized recommendations in emails for welcome messages, abandoned carts, transactional messages and winback campaigns. Testing different recommendation algorithms, placements, and visual designs is emphasized to maximize conversions and revenue.
Whether you've already listed some products on Amazon as a Seller, or if you're still unsure if it's the right move for your brand - this presentation shows you what it takes to be successful on Amazon.
Amazon optimization, pros and cons of selling on Amazon, and more concepts are discussed in detail.
A great guide to selling on Amazon, with 4 key strategies for being a successful Amazon FBA Seller.
Shopify's analytics platform provides basic insights but lacks depth compared to Google Analytics. The author launched a photo store on Shopify to evaluate its analytics. However, the store would not be profitable due to Shopify's costs. Shopify's analytics is spread across its homepage, dashboard and reports, but information is not well organized and it is difficult to dig deeper without upgrading plans. In contrast, Google Analytics provides a simpler, more customizable dashboard and deeper insights into user behavior and marketing campaigns. The author also notes issues with Shopify's reliance on separate third-party apps for additional data that is not well integrated into its core analytics.
The document discusses how companies can use data and experimentation to improve consumer products and business metrics. It recommends that companies (1) collect extensive customer data, (2) instrument all customer touchpoints to measure key metrics, and (3) analyze the data to identify correlations and opportunities for improvement. Regular experimentation is important to continuously innovate and optimize the customer experience.
Building an eCommerce CRM is challenging. But we aren’t here to leave you in the dark. Learn what’s important when developing an eCommerce CRM from scratch. Read on!
Why stream store dynamic posts plugin is so famous!searchforyou
The Stream Store Dynamic Posts Plugin allows users to create dynamic online stores on Amazon with just a few clicks. It detects customers' locations and languages and automatically populates stores with relevant products. Users can create viral social media posts to drive unlimited traffic to these stores. The plugin also features responsive design templates and integrates well with WordPress. It provides an easy way to build global affiliate stores without managing product or content updates.
IAB FORUM 2015 Principles of mobile site design: delight users and drive con...IAB Bulgaria
Inspiration and Insight for Digital Leaders
IAB FORUM 2015 Principles of mobile site design: delight users and drive conversions Lina Lau, Strategic Partner Manager/ SEEMEA Mobile apps Verticalized Solutions and Success Stories Lead (Paris), Google
The Ideal Shopping Cart + Streamlining The Checkout ProcessGoECart
The document discusses strategies for streamlining the online checkout process based on a panel discussion. It notes that cart abandonment rates are up as consumers expect lower prices and a simpler checkout. The panelists recommend testing checkout improvements like persistent carts, payment options, and personalized offers to reduce abandonment and increase sales.
This document provides 42 tips for optimizing an ecommerce website and increasing online sales. It covers topics like search engine optimization, paid search advertising, email marketing, homepage and category page design, product page layout, checkout processes, and more. The goal is to eliminate customer uncertainties and obstacles at every step of the online shopping process in order to drive more purchases.
This document provides best practices for optimizing lead generation forms and landing pages. It recommends using clear and descriptive call-to-actions, prominently displaying the value proposition, and incorporating social proof to build trust. Form optimization tips include reducing unnecessary fields, enabling autofill, inline validation, and making required decisions easy. The document also suggests testing urgency messaging and providing value upfront before requesting information from users. Overall, the recommendations aim to simplify the user experience and address potential objections to encourage conversion.
This document provides best practices for optimizing lead generation forms and landing pages. It recommends using clear and descriptive call-to-actions, highlighting the key benefits and value proposition, and including social proof to build trust. Form optimization tips include reducing unnecessary fields, enabling autofill, inline validation, and making required decisions easy. It also suggests testing adding a sense of urgency and providing value upfront before requesting information from users. The document analyzes examples from top companies and concludes recommendations should be tested using A/B testing.
A product manager cum user view of mobile shopping experience in India. Ways to personalize the user experience on mobile for profits and user stickiness.
AmericanEagle.com is a family-owned web development company that has been in business since 1978. It employs over 170 web professionals across several offices in the United States. AmericanEagle.com has developed over 5,000 web solutions for clients in a variety of industries. Their services include web design, development, ecommerce solutions, content management systems, and ongoing hosting and maintenance.
Conversion Cheat Sheet - how to improve your website & increase salesSoda studio
This document provides a 10-point conversion plan with tips to increase conversion rates from an interaction design perspective. It offers strategies such as removing uncertainty in the sales funnel, showing unique selling propositions and customer benefits, increasing reliability through customer endorsements and certifications, guiding users to the call to action through visual cues, using clear and descriptive hyperlinks and buttons, limiting choices to avoid losing users, employing scarcity through limited availability, framing negatives positively, and using clear and concise writing and labeling. The tips are illustrated with examples from websites like Simyo, Spotify, and KLM.
The document provides best practices for optimizing landing pages. It recommends:
- Keeping forms short with only necessary fields like name, email, phone.
- Optimizing homepage loading speed and including keywords in headings.
- Validating products/services in the first paragraph and including social proof.
- Using simple horizontal navigation with 5-8 links and directing users to conversion pages.
- Ensuring mobile pages are readable, not too long, and forms are accessible.
Increase Your Sales with Amazon Product Ads & SingleFeedryandouglas
SingleFeed provides feed management services to help merchants list products on shopping engines like Amazon Product Ads. The presentation discusses how Product Ads works, highlighting that it allows merchants to drive traffic from Amazon to their website. It provides tips on optimizing Product Ads performance by improving product data quality, title formatting, and tracking key metrics. SingleFeed's services are positioned as helping merchants properly set up and manage their Product Ads campaign.
Zappos Usability Assessment - March 2011Bibiana Nunes
The document provides a usability assessment and recommendations for improving the searching, browsing, signing up, and purchasing experiences on a website. It finds issues such as irrelevant search recommendations, confusing filters, long sign up forms, and an anxiety-inducing one-step checkout process. Recommendations include improving the search algorithm, streamlining filters and forms, adding sign in options, and breaking checkout into multiple steps to reduce user anxiety. The overall assessment is that the purchasing experience needs improvements to usability and ease of use.
The document promotes Interspire Shopping Cart software as an alternative to traditional, outdated ecommerce platforms. It claims Interspire Shopping Cart offers professionally designed store themes, fully customizable design without coding knowledge, integrated marketing and sales tools, and business analytics to help users grow their online stores. In contrast, it describes traditional platforms as requiring technical expertise, high costs for customization, and a lack of integrated features for marketing and analytics.
El libro de la optimización de formularios Web, de ClickTaleLuis Cortázar
"¿Cómo mejorar mis páginas de conversión y formularios Web?" Es una pregunta frecuente. Después de analizar más de 800 sitios Web, ClickTale presenta 21 consejos para mejorar el rendimiento de los formularios en Internet.
Reclaim Revenue: How to Create Effective Abandoned Cart CampaignsWhatCounts, Inc.
As a marketer, your goal is to turn the costs that you incur in driving traffic to your website into profits. You do this by converting visitors into customers. No matter how good your purchase funnel is, you will have visitors leave your site with items still in their shopping cart.
In this stage of the customer lifecycle, effective abandoned cart campaigns can be a huge asset to a marketer’s email program. In this webinar Emily Keye, Director of Strategy, and Erin Devine, Strategist, will discuss advanced techniques to reduce abandonment and get more effective results from your lifecycle marketing efforts.
Facebook Ads: Learn how to grow your audience by Etienne Alcouffe from effilab TheFamily
Here is a workshop for all your Facebook campaigns.
Advertising on Facebook can be complicated and expensive. With so many targeting options, formats and objectives, Facebook Advertising can be overwhelming.
During this workshop, Etienne walks you through how to set up your campaigns for success, find your target audience, bid and craft the right message.
Etienne Alcouffe is a Search Engine Marketing Specialist at the Effilab / Adsonwall group with a background in SEO, SMO, content and digital advertising.
Etienne is passionate about advertising and will transform you in an Ad Geek! Follow him on twitter: @EtienneAf.
The document discusses using personalized product recommendations at every customer touchpoint during the holiday season. It recommends testing recommendations on category, search, product, cart and order confirmation pages on a website. It also recommends personalized recommendations in emails for welcome messages, abandoned carts, transactional messages and winback campaigns. Testing different recommendation algorithms, placements, and visual designs is emphasized to maximize conversions and revenue.
Whether you've already listed some products on Amazon as a Seller, or if you're still unsure if it's the right move for your brand - this presentation shows you what it takes to be successful on Amazon.
Amazon optimization, pros and cons of selling on Amazon, and more concepts are discussed in detail.
A great guide to selling on Amazon, with 4 key strategies for being a successful Amazon FBA Seller.
Shopify's analytics platform provides basic insights but lacks depth compared to Google Analytics. The author launched a photo store on Shopify to evaluate its analytics. However, the store would not be profitable due to Shopify's costs. Shopify's analytics is spread across its homepage, dashboard and reports, but information is not well organized and it is difficult to dig deeper without upgrading plans. In contrast, Google Analytics provides a simpler, more customizable dashboard and deeper insights into user behavior and marketing campaigns. The author also notes issues with Shopify's reliance on separate third-party apps for additional data that is not well integrated into its core analytics.
The document discusses how companies can use data and experimentation to improve consumer products and business metrics. It recommends that companies (1) collect extensive customer data, (2) instrument all customer touchpoints to measure key metrics, and (3) analyze the data to identify correlations and opportunities for improvement. Regular experimentation is important to continuously innovate and optimize the customer experience.
Building an eCommerce CRM is challenging. But we aren’t here to leave you in the dark. Learn what’s important when developing an eCommerce CRM from scratch. Read on!
Why stream store dynamic posts plugin is so famous!searchforyou
The Stream Store Dynamic Posts Plugin allows users to create dynamic online stores on Amazon with just a few clicks. It detects customers' locations and languages and automatically populates stores with relevant products. Users can create viral social media posts to drive unlimited traffic to these stores. The plugin also features responsive design templates and integrates well with WordPress. It provides an easy way to build global affiliate stores without managing product or content updates.
IAB FORUM 2015 Principles of mobile site design: delight users and drive con...IAB Bulgaria
Inspiration and Insight for Digital Leaders
IAB FORUM 2015 Principles of mobile site design: delight users and drive conversions Lina Lau, Strategic Partner Manager/ SEEMEA Mobile apps Verticalized Solutions and Success Stories Lead (Paris), Google
The Ideal Shopping Cart + Streamlining The Checkout ProcessGoECart
The document discusses strategies for streamlining the online checkout process based on a panel discussion. It notes that cart abandonment rates are up as consumers expect lower prices and a simpler checkout. The panelists recommend testing checkout improvements like persistent carts, payment options, and personalized offers to reduce abandonment and increase sales.
This document provides 42 tips for optimizing an ecommerce website and increasing online sales. It covers topics like search engine optimization, paid search advertising, email marketing, homepage and category page design, product page layout, checkout processes, and more. The goal is to eliminate customer uncertainties and obstacles at every step of the online shopping process in order to drive more purchases.
This document provides best practices for optimizing lead generation forms and landing pages. It recommends using clear and descriptive call-to-actions, prominently displaying the value proposition, and incorporating social proof to build trust. Form optimization tips include reducing unnecessary fields, enabling autofill, inline validation, and making required decisions easy. The document also suggests testing urgency messaging and providing value upfront before requesting information from users. Overall, the recommendations aim to simplify the user experience and address potential objections to encourage conversion.
This document provides best practices for optimizing lead generation forms and landing pages. It recommends using clear and descriptive call-to-actions, highlighting the key benefits and value proposition, and including social proof to build trust. Form optimization tips include reducing unnecessary fields, enabling autofill, inline validation, and making required decisions easy. It also suggests testing adding a sense of urgency and providing value upfront before requesting information from users. The document analyzes examples from top companies and concludes recommendations should be tested using A/B testing.
Collection of best practices to win over potential customers.
How to win potential customers over
2. Form Optimization
We all know first impressions matter. Users will hit the back button if a site takes too long to load or if the content doesn’t
appear immediately relevant and valuable. Lead gen sites in particular have to work harder to earn trust immediately and have
clear value propositions as they typically have a simple landing page immediately asking the user for personal information.
User expectations have risen so much so that users expect to be able to find answers within one search or one tap, without
having to wait for someone to get back to them later. The key to successful lead gen today is to find the balance, providing just
enough information to convince users of the value prop so they go they choose to invest time filling out your form and giving you
their personal information.
And of course, when users are ready to request more info, make the forms so seamless giving them no reason to drop off.
- The document discusses the key components and best practices for creating an effective online store, including product catalog, search functionality, shopping cart, checkout, order tracking, detailed product descriptions, customer reviews, secure B2B functionality, merchandising, pricing, product display, search, multiple payment options, order fulfillment, and customer support. It emphasizes making the store customer-centric and anticipating their needs.
20 Ways Your Business Can Leverage Email AutomationRyan Stewart
Email is one of the best ways for you to increase sales on auto pilot. The problem is, you need to understand the options available to you in order to get there. This deck covers 20 different tactics to for email automation in your business.
Boost Checkout Conversions at eTailing India Expo'17eTailing India
In online shopping, the hardest part of any business is to convert a potential customer to a successful conversion.
Learn the best kept secrets as well customer-centric techniques to get the best out of any customer.
How Do E-Commerce Products Succeed by Atlassian Head of ProductProduct School
Product Management Event Held at the Product Conference in Silicon Valley.
E-commerce is not just for retailers anymore. While business-to-consumer, B2C, e-commerce gets most of the attention, growing at 10%+ per year, business-to-business, B2B, e-commerce isn’t far behind at 7%+ growth per year. Across both, Product Managers play a critical role in defining the next generation of e-commerce experiences for consumers and businesses to increase sales/conversion, build loyal customers, and support brand positioning.
Brendan Foley, Head of Product at Atlassian, talked about the major trends driving e-commerce today across B2C and B2B and the key areas on which Product Managers must focus across the e-commerce funnel: attracting site traffic through SEO, enabling search / browse and rapid product discovery, and ultimately, the purchasing of products and repeat visits.
Creating A Customer-Led Strategy - Jonah McLachlanJonah McLachlan
Recent talk at SMART Retail conference, Belfast 2019. Sharing case studies and best practice from retail. This talk encourages providers to create better online and offline experiences for their customers.
From Jonah McLachlan
UX Designer
An ecommerce site should include key features such as a search box, featured products, related products, newsletter subscription, product zoom, clear categories, good navigation, a secure payment gateway, privacy policy, return policy, customer login/registration, graphics/banners, delivery information, news/events, and social media presence. The development of an ecommerce site involves designing a theme, installing the theme, customizing the theme which includes managing content, products, orders, customers, and reports. It also involves setting up SEO, shipping/payment options, taxes/locations, email configuration, and administration users. Product details should include managing categories, brands, products, and adding 100 products to the site. Required information from the
Why Omnichannel Selling Is Now Tablestakes In EcommerceTinuiti
Topics Discussed:
Why omnichannel is a must in 2017
How do you choose which platform to focus on (they vary by company!)
How your internal data will drive your external decisions
Unconventional methods of omnichannel growth on conventional channels
Live Q&A
Where Did You Go? Why You’re Website’s Not Converting and How to Fix ItNirvana Canada
On the surface, you have a winning website – it’s polished, visually pleasing, and easy to find thanks to some serious digital marketing spend. The only problem is: It’s. Just. Not. Converting.
Google Analytics is the Wall Street Journal of an online business – you should be reading it everyday. Learn how to use the most powerful analytics tool available, and get up-to-the-minute data about your site visitors, conversions, products, revenue and so much more. We’ll explore the best GA practices and features to drive more revenue out of your Miva store, including metrics and definitions, campaign tagging for measuring inbound traffic (ppc, email, etc.), custom reporting and dashboards, importing data into Google Analytics, reporting offline (phone order) sales in Google Analytics, using Google Analytics to grow your revenue, and introduction to Google Analytics reports.
MivaCon 2016, Friday session 1.
This document provides tips and recommendations for optimizing conversion rates on various pages of an e-commerce website. It suggests simple tweaks that can be made to the home, category, product, cart, and checkout pages to improve navigation, highlight popular products, simplify processes, and add relevant calls-to-action. Implementing some of these changes may increase conversions by up to 100% or more. It concludes by offering a free website audit service to analyze specific pages and identify additional optimization opportunities.
The slides used by Matthew Sauer from iProspect at the E-commerce Meetup organized jointly with Neto, Hubspot and SEMrush: https://www.semrush.com/webinars/e-commerce-meetup/?language=en
Odoo based pos for car wash and automobile wash industry with feature of mechanic tablet screen, customer welcome screen, service status, membership and rewards program, discount and gift card program, multiple payment methods, products and services sale, search customer on car number, multiple car registration per customer and many more features fully integrated with odoo erp and other modules like sales management, accounting, inventory management, human resource management and Administration.
Dovetail usergroup presentation: E-commerce top tips Dovetail Services
A practical workshop that will deliver a range of tips and techniques on ways to improve e-commerce order conversion rates for subscription acquisition and renewal transactions.
This document discusses A/B and multivariate testing methods for improving conversion rates on websites. It explains that A/B tests are best for testing major design changes, while multivariate tests are better for tweaking small elements. The document then provides recommendations for implementing a testing process that involves gathering qualitative customer insights first before designing targeted tests to improve conversions. It emphasizes testing high-impact areas and having the proper resources and processes in place to conduct efficient testing.
17 Tips, Tricks And Growth Hacks To Sky-rocket Your Conversions Using On-site...WebEngage
Online conversion funnel optimization has mostly been limited to use of emails and analytics tools. This document highlights the use of on-site overlays (as modal windows, or nudges or pop-ups etc) in some very interesting ways to plug the leak in your funnel by pro-active and personalized messaging.
In the world of CRO, there's always a room to do more. And, at WebEngage, we are committed to provide you more ways to do so.
Let's convert! More ...
Knowing what you need to track and top setup and configuration tips for Google Analytics. Avoid common pitfalls and maximize and measure what you need to!
Similar to Google eCommerce UX Playbook for Retail (20)
Prevendo riscos de grandes projetos - Rafael Correa GomesRafael Corrêa Gomes
Aprenda como analisar criticamente seus projetos para prever riscos e evitar alto custo de manutenção usando uma visão de solution architect e desenvolvedor líder.
Com essas dicas você vai conseguir melhorar a entrega de valor do seu trabalho no dia seguinte.
Introdução ao Shopify Hydrogen e ao conceito Headless para lojistas, agências e desenvolvedores. Além do lançamento do curso Shopify Hydrogen Fullstack, cobrindo a criação de temas Hydrogen utilizando Figma, React, Vite, GraphQL, Node, Docker, Serverless e outras tecnologias.
I showed the code behind my second Magento Innovation Lab project, it uses the W3C credential management API to provide a better user experience to merchants, not only on Magento but in Shopify and Salesforce too.
Saiba mais sobre como você pode amadurecer seus processos e projetos Magento 2 de maneira eficaz, sendo CTO, lead developer ou desenvolvedor. A maneira mais rápida de fazer a diferença em seu mercado e começando a olhar como estão os processo internos da sua agência de e-commerce Magento.
Nesse webinar eu mostro para CTOs e Lead Developers como as grandes empresas trabalham com projetos e processos no desenvolvimento e manutenção de projetos Magento 2, os principais tópicos falados são:
> Mindset CTO vs Lead developer
> Quais processo uso com Magento 2
> Preveja o futuro do projeto
> Estratégias de curto vs longo prazo
> Escolhendo a tecnologia “certa”
> Soft skills valiosos
Post: https://mageflix.com/projetos-e-processos-magento-2/
✅ SIGA-ME NAS REDES SOCIAIS
▸ Linkedin: https://www.linkedin.com/in/rafaelcgstz/
▸ Blog: https://rafaelcg.com/
▸ Facebook: https://www.facebook.com/mageflix
▸ Twitter: https://twitter.com/rafaelcgstz
MageConf 2020 - Deep dive into an Innovations Lab project - Rafael Correa GomesRafael Corrêa Gomes
Let's do a deep dive into two Innovations Lab winner projects, check the details, and how to apply your first project.
You will be able to check how to get ideas and how my innovation projects works, looking directly into the code.
Creating frictionless experiences across the funnel.
After looking at several hundred travel sites, we realized that there were certain universal UX elements that helped create a
frictionless user experience. This list aims to expand on the 25 UX Principles and provide a checklist for improving your
mobile site experience across 6 key site areas.
- Magento 2 deploy strategies aim to deploy more frequently with less downtime and reduced costs through consistent, developer-friendly processes.
- Challenges include continuous improvement, resilience, ease of use, training, and integration with tools like Slack and Magemojo.
- Example code provided automates the deployment process through commands like composer install and cache flushing.
- Tools like Deployer and Magedeploy.sh help standardize local development and deployment through recipes that support features like zero downtime deployment and rollback.
- Continuous delivery tools like GitHub Actions integrate deployment into existing workflows while deployment tools separate these concerns for more flexibility.
Improving the user experience using Magento 2 Credential ManagementRafael Corrêa Gomes
Many Magento stores require users to log in to finish the order or even to see more information, having the user logged is excellent to merchants and to users too, but the process to do the login is not so good, because of it, I created the Magento 2 Credential Management extension, this extension uses the new feature that has been adopted by the browsers, it is a great improvement for the user as it simplifies the login process.
Mobile e-commerce is growing even fast each year and the stores which are applying innovations and improving the user experience is getting even better results. Be part of that revolution and start to sell more now with these tips validated by Google, PayPal, Magento, ImaginationMedia and HiConversion.
Apply today some innovations that can grow your sales, technologies by Google, Facebook and native on browsers. Check how the Web Payment Request API works and see how to apply Google Autofill today in your Magento 2.
Dicas de carreira internacional para desenvolvedores MagentoRafael Corrêa Gomes
Melhore sua carreira internacional mudando seu mindset e seu workflow, com essas dicas acredito que você verá os resultados logo no primeiro mês, não deixe que os paradigmas de onde você está mudem como você agirá.
O documento discute como a API do Magento 2 pode ser usada para integrar aplicativos, ERPs e CRMs, além de plataformas como VueStoreFront. Ele explica os tipos de API suportadas (REST e SOAP), usuários (convidado, cliente e administrador), e métodos de autenticação (baseada em token, sessão e OAuth 1.0).
2. Proprietary + ConfidentialProprietary + Confidential
Ecommerce playbook at a glance
Creating frictionless experiences across the funnel
After looking at several hundred retail sites, we realized that there were certain universal UX elements
that helped create a frictionless shopping experience. This list aims to expand on the 25 Retail
Principles and provide a checklist for improving your mobile site experience across 6 key site areas:
Menu &
navigation
Search
Category /
product
Home /
landing page
Conversion
Form
optimization
3. Proprietary + ConfidentialProprietary + Confidential
Clear CTA above the fold
Have descriptive CTAs
Clear benefit-oriented value
prop above the fold
Don’t use full page interstitials
Remove automatic carousels
Display top categories on
homepage
Use legible font sizes
Use social proof
Have a value prop at every
point in the funnel, including
category and product pages
Allow users to sort/filter large
number of products easily
Add urgency elements
Have price info above the fold
on product pages
Have secondary CTAs that
facilitate x-device, like wishlist,
email or call
If large number of products,
add reviews
Show consolidated menu
If foot traffic is important,
include a store locator button
in the menu
If calls are important, include
click-to-call at the top of every
page
Keep menu options on one
page
For main product categories,
order by traffic volume. If
using subcategories, organize
alphabetically
Include post sales activities in
the menu
Don’t redirect into checkout
after adding to cart
Limit your exit points at
checkout
Use pagination or a progress
bar if more than 2 steps in
conversion flow
Re-iterate value prop at
conversion point
Have descriptive CTAs
Allow users to continue on
another device by emailing or
saving for later
Allow checkout as guest
Add value prop around why
someone should create an
account
Mark required fields with an
asterisk
Use inline validation
Use autofill
Reduce number of fields
(remove optional fields, use
full name instead of first/last,
hide company and address
line 2 by default, hide billing by
default)
Use correct keypads
Don’t use dropdowns for
inputs with < 4 options,
instead opt for buttons
Use steppers, sliders, or open
field input for numerical entry
rather than large dropdowns
Include search
Make search visible
Use auto-suggestions
Implement spelling correction
Always return results
Include previous or top
searches
Ecommerce playbook at a glance
Creating frictionless experiences across the funnel
Menu & navigation Search Category / productHome / landing page Conversion Form optimization
6. Proprietary + ConfidentialProprietary + Confidential
Problem to solve: Does my site provide what the user wants?
❏ Clear CTA: Search
❏ Clear Value proposition: 1) order today, collect tomorrow
❏ Consolidated menu with hamburger and cart
❏ Location icon to drive foot traffic
❏ Top categories on homepage
❏ Legible font sizes
❏ No revolving carousels
❏ No full page interstitials
Further optimizations: label icons in the menu
Homepage best-in-class (large inventory): Boots
7. Proprietary + ConfidentialProprietary + Confidential
Problem to solve: Does my site provide what the user wants?
❏ Consolidated nav bar with easy to find menu
❏ Clear, easy to find CTAs
❏ Benefit oriented value prop -- ‘$95/pair’
❏ Top categories/ways people would shop-- Sunglasses/eyeglasses,
men/women
❏ Has other key actions like find a location, learn more
❏ Has key contact information at the bottom of the page
❏ Non-intrusive app banner
Further optimizations: Label icons in the menu, don’t use ghost buttons
Homepage best-in-class (specialty): Warby Parker
8. Proprietary + ConfidentialProprietary + Confidential
Problem to solve: Can my user browse their interests quickly and easily?
❏ Consolidated menu with hamburger and cart
❏ Menu options kept on single page
❏ Post sales actions like ‘Register’ and ‘Signin’ are included above
the fold in menu
❏ Initial categories ordered by traffic volume
❏ Subcategories ordered alphabetically
❏ Easy to move back
❏ Bonus: Uses dynamic menu rather than expanders
Navigation best in class: Net-a-Porter
9. Proprietary + ConfidentialProprietary + Confidential
Problem to solve: Can my user browse their interests quickly and easily?
❏ Consolidated menu with hamburger and cart
❏ Menu options kept on single page
❏ Post sales actions like ‘Register’ and ‘Sign-in’ are included
above the fold in menu
❏ Initial categories ordered by traffic volume
❏ Easy to move back or out of menu
❏ Bonus: Uses dynamic menu
Further optimizations: Label icons in the menu, make sure animations
meet RAIL standards
Navigation best in class: Macy’s
10. Proprietary + ConfidentialProprietary + Confidential
Problem to solve: How do I help my user find what they’re
looking for quickly?
❏ Search bar is visible
❏ Uses typing suggestions-- both products and categories
❏ Uses auto-correct for common spelling mistakes
❏ Always returns results
❏ Shows previous searches
Further optimizations: Label icons in the menu, make sure animations
meet RAIL standards
Search best in class: Sephora
11. Proprietary + ConfidentialProprietary + Confidential
Problem to solve: How do I help my user
find what they’re looking for quickly?
❏ Search bar is visible
❏ Uses typing suggestions-- both products and categories
❏ Shows recent searches and trends
❏ Shows previous searches
❏ Uses auto-correct for most misspellings
Further optimizations: label icons
Search best in class: Staples
12. Proprietary + ConfidentialProprietary + Confidential
Problems to solve:
● Can my users find a product to fit their needs?
● How can I continue their interest if they don’t
want to convert in the moment.
❏ Value prop is at every step of the funnel
❏ Ability to filter/sort results on search and category pages
❏ Number of results returned for category/searches
❏ Product and pricing info above the fold on product pages
Secondary CTAs for wishlist (heart) and find in store
❏ Readable product descriptions
❏ Since larger number of products, have reviews
Category/Product best in class: Sephora
13. Proprietary + ConfidentialProprietary + Confidential
❏ Value prop is at every in cart (15% off)
❏ Can edit quantity or ‘save for later’
❏ Checkout as guest is possible
❏ Give value prop around why users should create an
account and that they can register after checkout.
❏ Exit points limited once on forms
❏ Use pagination for multi-step checkout process
Problems to solve:
● How do I make the buying process as easy as
possible?
● If a user doesn’t want to convert in the
moment, how do I get them to do so later?
Cart/Conversion best in class: Petco
14. Proprietary + ConfidentialProprietary + Confidential
Problem to solve:
● How do I make the buying process as easy as possible?
● If a user doesn’t want to convert in the moment, how do
I get them to do so later?
❏ Can edit quantity in cart
❏ Facilitates x-device with ‘Move to Wishlist’, ‘Pickup
Instead’, as well as ‘Email My Bag’
❏ Checkout by guest as default
❏ Exit points limited once past cart
❏ Shows checkout is secure
❏ Use pagination for multi-step checkout process
❏ Uses descriptive CTAs like ‘Choose Shipping Rate’
rather than ‘Continue’ or ‘Next’, which gives users a
expectations around next steps
Cart/Conversion best in class: Zumiez
15. Proprietary + ConfidentialProprietary + Confidential
Problem to solve: How do I help users pay quickly and easily?
❏ Reduced number of fields -- First and last name consolidated,
no second address line
❏ Don’t make user input password twice
❏ In-line validation (green dots)
❏ Notification if a field is skipped
❏ Auto-fill used
❏ Address info uses Google Places API to autofill 5 shipping
fields
❏ Credit card field doesn’t expand until clicked into
❏ BIlling is shipping by default
❏ Customer service contact capabilities at the bottom
Form optimization best in class: (Single Page): Warby
Parker
16. Proprietary + ConfidentialProprietary + Confidential
Problem to solve: How do I help users pay quickly and easily?
❏ Exit points limited after cart
❏ Reduced number of fields -- No second address line, no optional info
❏ Auto-fill used
❏ In-line validation (section turns green)
❏ Address info uses Google Places API to autofill 5 shipping fields
❏ Credit card fields use correct keypads
❏ BIlling is shipping by default
❏ Value prop around ‘free shipping & returns’ at bottom
❏ Customer service contact capabilities at the bottom
Form optimization best in class: (Single Page): ThredUp
17. Proprietary + ConfidentialProprietary + Confidential
Problem to solve:
How do I help users pay quickly and easily?
❏ Exit points limited after cart
❏ Pagination at top so that the user understands
progress and can move backwards/forwards
❏ Calls out security at top of page
❏ Customer service info at the bottom with hours
❏ Address lookup
❏ Uses inputs rather than dropdowns for options
with 2 choices (payment, delivery)
❏ Uses correct keypads
Form optimization best in class: (Multi-Step): Zalando
19. Proprietary + ConfidentialProprietary + Confidential
Playbook at a glance
Creating frictionless experiences across the funnel (RETAIL)
Menu & navigation Search Category / productHome / landing page Conversion Form optimization
Section Homepage/Landing Page Ease of implementation Impact Key Metric
Key suggestion Clear CTA above the fold Easy High Clicks on CTA, Bounce rate
Have descriptive CTAs Easy Medium Clicks on CTA, Bounce rate
Clear benefit-oriented value prop
above the fold
Easy High Bounce Rate, CVR
Don't use full page interstitials Easy High Bounce Rate
Remove automatic carousels Easy High Bounce Rate
Display top categories on
homepage
Medium High Bounce Rate, Clicks on category
Use social proof Easy Medium CVR
Use legible font sizes (16px+) Easy High Time on site
20. Proprietary + ConfidentialProprietary + Confidential
warbyparker.com tuftandneedle.com nest.com
Display a clear CTA above the fold (specialty retail)
23. Proprietary + ConfidentialProprietary + Confidential
BettingExpert.com tweaked the form copy (headline & button
text), led to an increase of 33% in membership sign-ups
Original: Sign Up
Test: Sign Up & Get the Best Daily Tips
Research:
● Contentverge.com, 7 Universal Conversion
Optimization Principles Report
● Good UI- loss aversion vs gains for CTAs
● Good UI- benefit vs task buttons
Benefit oriented call-to-actions
27. Proprietary + ConfidentialProprietary + Confidential
Carousels can be perceived as banners and therefore will be
ignored. The user should always be in control.
Automatic image sliders or carousels on homepage should be
avoided or the frequency should be decreased.
○ Reason #1: Human eye reacts to movement
(and will miss the important stuff)
○ Reason #2: Too many messages equals no message
○ Reason #3: Banner blindness
Research:
● Conversion XL
● ClickZ
● Widerfunnel
● NN Group
● Erik Runyon
Research shows that carousels rarely work
28. Proprietary + ConfidentialProprietary + Confidential
googleplaymusic @kehlani provides all the Bay
Area musical goodness we could have hoped for
in our new podcast series, #CitySoundtracks…more
boots.com lulus.com victorianplumbing.co.uk
Show top categories on homepage
32. Proprietary + ConfidentialProprietary + Confidential
Playbook at a glance
Creating frictionless experiences across the funnel (RETAIL)
Menu & navigation Search Category / productHome / landing page Conversion Form optimization
Section Menu & Navigation Ease of implementation Impact Key Metric
Key suggestion Show consolidated menu Medium High Pages/visit increase
If calls are important, include
click-to-call at the top of every page
Easy High Clicks on icon
If foot traffic is important, include a
store locator button in the menu
Easy High Clicks on icon
Keep menu options on one page Medium Medium Pages per visit
For main product categories, order
by traffic volume
Easy Medium Pages per visit
If using subcategories, organize
alphabetically
Easy Medium Pages per visit
Include post sales activities in the
menu
Easy Medium Pages per visit
35. Proprietary + ConfidentialProprietary + Confidential
charlestyrwhitt.com hay.com sephora.com
If you have a physical store, include store locator icon in header or menu
37. Proprietary + ConfidentialProprietary + Confidential
dobell.co.uk farfetch.com sephora.com
Keep the menu on one page, use a dynamic menu or expanders
38. Proprietary + ConfidentialProprietary + Confidential
dobell.co.uk netaporter.com patagonia.com
Include post-sales actions like customer service in the menu
39. Proprietary + ConfidentialProprietary + Confidential
netaporter.com farfetch.com macys.com
Consider implementing a dynamic menu that allows for better visual hierarchy
41. Proprietary + ConfidentialProprietary + Confidential
googleplaymusic @kehlani provides all the Bay
Area musical goodness we could have hoped for
in our new podcast series, #CitySoundtracks…more
cos.com moo.com lyst.com
Bonus: consider a floating menu that sticks as users scroll
44. Proprietary + ConfidentialProprietary + Confidential
Playbook at a glance
Creating frictionless experiences across the funnel (RETAIL)
Menu & navigation Search Category / productHome / landing page Conversion Form optimization
Section Menu & Navigation Ease of implementation Impact Key Metric
Key suggestion Include search Hard High % traffic w/ searches, cvr
Make search visible Easy High % traffic w/ searches, search depth
Use auto-suggestions Medium High
Bounce rate on traffic w/ searches,
search depth
Implement spelling correction Medium Medium
Bounce rate on traffic w/ searches,
search depth
Always return results Medium Medium
Bounce rate on traffic w/ searches,
search depth
Include previous or top searches Medium Medium
Bounce rate on traffic w/ searches,
search depth
46. Proprietary + ConfidentialProprietary + Confidential
petco.com amazon.com zalando.com
Prominent search (users that search are 200% more likely to convert on average)
47. Proprietary + ConfidentialProprietary + Confidential
Results:
Changing search placement – Replacing the
search icon with a search box aimed to enable
users to locate the search function more easily.
Increased usage 43% on desktop, 13% on mobile
Full case study link
Before
Search Icon
After
Sticky search bar
Case Study: LYST
48. Proprietary + ConfidentialProprietary + Confidential
● 22% of searches give zero results
● 85% of searches don't return what the user is looking for
● 80% will abandon the website
Case studies:
● Lyst
● Mango
● Luisaviaroma
If not used correctly site search can lead to bad user experience
Research: https://conversionxl.com/6-essential-principles-designing-high-converting-site-search-results/
51. Proprietary + ConfidentialProprietary + Confidential
Results:
Improved search-- Implemented algorithm to correct
for typos and show results among other changes.
● 4.5% uplift in mobile conversion rate
● 3.85% rise in mobile revenue
Full case study link
Before: No typo correction After: Automatic correction
Case Study: MANGO
53. Proprietary + ConfidentialProprietary + Confidential
Results:
Improving search results- by adding an algorithm that returned product results without an exact match.
Increased page views 15%
Case study link
Case Study: LYST
Before: No typo correction After: Automatic correction
56. Proprietary + ConfidentialProprietary + Confidential
Playbook at a glance
Creating frictionless experiences across the funnel (RETAIL)
Menu & navigation Search Category / productHome / landing page Conversion Form optimization
Section Menu & Navigation Ease of implementation Impact Key Metric
Key suggestion
Have a value prop at every point in
the funnel, including category and
product pages
Easy High cvr, exit rate after add to cart
Allow users to sort/filter large
number of products easily
Medium High bounce rate on category/search pages
Make sure filtering is useful High High
Add urgency elements High High cvr
Display price info above the fold on
product pages
Easy High Add to cart, cvr, bounce rate
Make sure product descriptions are
readable
Easy
If large number of products, add
reviews
High High time on site, cvr
57. Proprietary + ConfidentialProprietary + Confidential
googleplaymusic @kehlani provides all the Bay
Area musical goodness we could have hoped for
in our new podcast series, #CitySoundtracks…more
Include value prop at every step of the funnel, including category & product pages
62. Proprietary + ConfidentialProprietary + Confidential
Research
source: http://conversionxl.com/how-to-increase-sales-online-the-checklist/
Urgency is a powerful motivator, if done well.
There are 3 ways to create urgency:
● Quantity limitations (Only 3 tickets left at this price)
● Time limitations (Discounted tickets until July 1st)
● Contextual limitations (Father’s Day is coming, get a gift now)
63. Proprietary + ConfidentialProprietary + Confidential
Highlighted urgency - By showing on
product pages items selling quickly
Result: 17% increase in CVR
Case study link
Before After
Case Study: LYST
64. Proprietary + ConfidentialProprietary + Confidential
thursdayboots.com revolve.com asos.com
Make sure product descriptions are readable (use bullets, easy to skim content)
68. Proprietary + ConfidentialProprietary + Confidential
wayfair.co.uk warbyparker.com zalando.co.uk
Bonus: match browser elements to your brand (info how, research)
70. Proprietary + ConfidentialProprietary + Confidential
Conversion checklist
Menu & navigation Search Category / productHome / landing page Conversion Form optimization
Section Conversion Ease of implementation Impact Key Metric
Key suggestion Don't redirect into checkout after adding to cart Medium High pages/visit, cart size, AOV
Re-iterate value prop (typically free shipping) in
the cart
Easy Medium CVR, exit rate
Allow users to update their carts (change
quantity with steppers, remove)
Medium Low CVR, exit rate
Allow users to continue on another device by
emailing or saving for later
High High
cross device conversions,
track as micro-conversion
Limit your exit points during the conversion flow Medium High CVR, exit rate
Allow checkout as guest Medium High CVR, exit rate
Let users sign up/sign in with social Medium Medium CVR, exit rate
Add value prop around why someone should
create an account
Easy Medium Signup rate, exit rate
Use pagination or a progress bar if more than 2
steps in conversion flow
Medium High CVR, exit rate
Have descriptive CTAs Easy Low CVR, exit rate
71. Proprietary + ConfidentialProprietary + Confidential
lyst.com revolve.com asos.com
Don’t redirect after adding to cart, instead use a modal with options
72. Proprietary + ConfidentialProprietary + Confidential
Lyst: Upgraded the add-to-cart process- Adding pop
out add to cart rather than redirecting to cart page
● 4% higher average order value
Additional info:
● Give users the option to
○ keep shopping (x out or keep shopping button)
○ view bag
○ or checkout directly
Before
User redirected to the cart
After
Add-to-cart notification
Case Study: LYST
73. Proprietary + ConfidentialProprietary + Confidential
What they did
● Moving delivery date options to the start of the checkout
process
● Adding a “continue to checkout” call to action in the
basket at the bottom of the checkout
● Automatically determining the customer’s credit card
type rather than having users select from a drop-down
● Matching field length to the length of the input
● Exposing title options through segmented controls
● Using labels instead of placeholders for form fields
● Enlarging the “save” call to action and making it more
noticeable by adding contrast
Results
● Transactions via mobile grew 51%
● Mobile CVR improved 14%
● Drop-offs from order confirmation page dropped by 21%
Case study link
Before After
Case Study: AllYouNeedFresh
75. Proprietary + ConfidentialProprietary + Confidential
googleplaymusic @kehlani provides all the Bay
Area musical goodness we could have hoped for
in our new podcast series, #CitySoundtracks…more
hunterboots.com ao.com lyst.com
Bonus: upsell in cart
76. Proprietary + ConfidentialProprietary + Confidential
Of users will abandon the
checkout if a retailer does not
offer guest checkout.
35%
Source: Baymard Institute:
https://baymard.com/blog/ecommerce-checkout-usability-report-and-benchmark
80. Proprietary + ConfidentialProprietary + Confidential
Let users sign up with social accounts
92% of users give up if they don’t
remember a username or password.
Source: Blue Research, The Value of Social Login, 2013. N=600
81. Proprietary + ConfidentialProprietary + Confidential
Sign up new users with just one tap, without interrupting them with
a sign-up screen. Users get a secure, token-based, passwordless
account on your site, protected by their Google Account. More info.
Sign in users automatically when they return to your site on any
device or browser, even after their session expires. More info
Automatic sign-inOne tap sign-up
Consider integrating Google identity one tap sign up (2-4x higher sign-up rates)
82. Proprietary + ConfidentialProprietary + Confidential
Detect & Save Autofill next time
Bonus: use credential manager API (aka smartlock) to reduce failed sign in later
83. Proprietary + ConfidentialProprietary + Confidential
Why:
● Most popular password (2015): 12345
● 2nd most popular: password
● 3rd most popular: 123456
8 billion assisted sign ins per month
Works across devices
What:
● Saves password to browser
● Auto-signs in returning users
Google Developers implementation docs:
● Streamlining the sign-in flow using credential manager
API
● Integration guide
Research: goo.gl/9FwBh4
Password
Forgot password?
Login
LOGIN
Don’t have an account?
Sign up!
Did I use that?
$%&§”%$?!
Most likely!
Yes, but which one?Email address
Use credential manager API (aka smartlock) to reduce failed sign in
later
84. Proprietary + ConfidentialProprietary + Confidential
juniqe.com petco.com ao.com
Limit exit points during conversion flow
(only allow uses to go to homepage, back to cart or contact support… NO menu)
86. Proprietary + ConfidentialProprietary + Confidential
Try Upfront Progress instead of starting at zero
source: https://goodui.org/#42
There is more motivation for getting things done the closer we are to completion
Research
88. Proprietary + ConfidentialProprietary + Confidential
What they did:
● Moving delivery date options to the start of the
checkout process
● Adding a “continue to checkout” call to action in the
basket at the bottom of the checkout
● Automatically determining the customer’s credit card
type rather than having users select from a drop-down
● Matching field length to the length of the input
● Exposing title options through segmented controls
● Using labels instead of placeholders for form fields
● Enlarging the “save” call to action and making it more
noticeable by adding contrast
Results:
● Transactions via mobile grew 51%
● Mobile CVR improved 14%
● Drop-offs from order confirmation page dropped by 21%
Case study link
Before After
Case Study: AllYouNeedFresh
92. Proprietary + ConfidentialProprietary + Confidential
Logged in and ready to pay
One API that enables web & app
Integrate in under a week
Available globally
Checkout in a few clicks
Higher conversion rates
Future proof
No fees
A better way to pay
93. Proprietary + ConfidentialProprietary + Confidential
At paymentDirectly on product page At guest checkout
Can enable at earlier or later in the flow
94. Proprietary + ConfidentialProprietary + Confidential
We've found sustainable Google
Pay growth with its share of
Android App orders up 30% weeks
after our promo ended. (Fandango)
Customers who had Google Pay
selected as their payment type were
65% more likely to complete their
booking flow. (HotelTonight)
Since integration, 68% of Google
Pay transactions were driven from
new users; and 24% of these new
users chose to create an account
with B&H. (B&H)
Customer AcquisitionCustomer RetentionConversion Uplift
What our partners are saying
95. Proprietary + ConfidentialProprietary + Confidential
Proprietary + Confidential
Make sure your processor is supported by the Google Pay API.
From your Shopify admin, go to Settings > Payment providers.
1. In the section for your credit card payment provider, click Edit.
2. in the Accelerated Checkouts section, select Google Pay.
3. Click Save.
4. Your customers can now use Google Pay to check out on your store.
How to Activate Google Pay:
Integrating with Shopify
97. Proprietary + ConfidentialProprietary + Confidential
Playbook at a glance
Creating frictionless experiences across the funnel (RETAIL)
Menu & navigation Search Category / productHome / landing page Conversion Form optimization
Section Form Optimization Ease of implementation Impact Key Metric
Key suggestion
Use inline validation
& autofill
Medium Medium Form completion
Reduce number
of fields
● Remove optional fields
● Use full name instead of first/last
● Hide company and address line 2
● Check billing as shipping by default
Medium Medium Form completion
Don't use dropdowns for
inputs with < 4 options,
instead opt for buttons
Easy Easy Form completion
Use steppers, sliders, or
open field input for
numerical entry rather
than large dropdowns
Easy Easy Form completion
Use correct keypads Easy Easy Form completion
100. Proprietary + ConfidentialProprietary + Confidential
Use full name
Use Google Places
Autocomplete API (link)
Check billing as
shipping by default
Reduce the number of fields
101. Proprietary + ConfidentialProprietary + Confidential
27% of users abandon orders due to a “too long / complicated checkout process”.
Best performing e-commerce sites have 6-8 fields, total of 12 form elements.
Average retail checkout flow has 14.88 form fields.
Optimize forms:
1. Use Full name field, lose the title.
2. Default Billing = Shipping address.
3. Collapse Address Line 2 + Company Name behind a link.
Full research.
Reduce number of checkout fields
102. Proprietary + ConfidentialProprietary + Confidential
What they did:
● Moving delivery date options to the start of the
checkout process
● Adding a “continue to checkout” call to action in the
basket at the bottom of the checkout
● Automatically determining the customer’s credit card
type rather than having users select from a drop-down
● Matching field length to the length of the input
● Exposing title options through segmented controls
● Using labels instead of placeholders for form fields
● Enlarging the “save” call to action and making it more
noticeable by adding contrast
Results:
● Transactions via mobile grew 51%
● Mobile CVR improved 14%
● Drop-offs from order confirmation page dropped by
21%
Case study link
Before After
Case Study: AllYouNeedFresh
104. Proprietary + ConfidentialProprietary + Confidential
What they did:
● Moving delivery date options to the start of the
checkout process
● Adding a “continue to checkout” call to action in the
basket at the bottom of the checkout
● Automatically determining the customer’s credit card
type rather than having users select from a drop-down
● Matching field length to the length of the input
● Exposing title options through segmented controls
● Using labels instead of placeholders for form fields
● Enlarging the “save” call to action and making it more
noticeable by adding contrast
Results:
● Transactions via mobile grew 51%
● Mobile CVR improved 14%
● Drop-offs from order confirmation page dropped by
21%
Case study link
Before After
Case Study: AllYouNeedFresh
107. Proprietary + ConfidentialProprietary + Confidential
What they did:
● Moving delivery date options to the start of the checkout
process
● Adding a “continue to checkout” call to action in the
basket at the bottom of the checkout
● Automatically determining the customer’s credit card
type rather than having users select from a dropdown
● Matching field length to the length of the input
● Exposing title options through segmented controls
● Using labels instead of placeholders for form fields
● Enlarging the “save” call to action and making it more
noticeable by adding contrast
Results:
● Transactions via mobile grew 51%
● Mobile CVR improved 14%
● Drop-offs from order confirmation page dropped by 21%
Case study link
Before After
Case Study: AllYouNeedFresh