3 Hacks to Creating Digital Experiences as Frictionless as Floating Through Space

Page 8

3 Hacks to Creating Digital Experiences as Frictionless as Floating Through Space

EBOOK
Copyright © 2023 Blue Triangle / +1 (877) 258-3107 / sales@bluetriangle.com Friction is the Enemy Hack #1 Make it Count Hack #2 Experience the Journey Hack #3 Create a Culture If You Only Remember One Thing About Blue Triangle 2 3 5 7 7 8 Table of Contents

Frictionistheenemy

Brands must consistently deliver frictionless experiences to build trust and loyalty with this digital-savvy bunch. But friction gets in the way of achieving this. And it’s a surprisingly costly enemy.

of online customers who experience a dissatisfying visit are less likely to transact from that same site again.

of dissatisfied online customers will purchase from another site.

2 EBOOK / bluetriangle.com
It’s never been harder to satisfy digital consumers. They’re more informed, more connected, and more impatient. And, more selective with their discretionary dollars.
/ 75% / / 64% /

Hack #1Make it Count

Target the Right Metrics that Show Business Impact

You don’t improve what you don’t measure.

But with hundreds of site performance metrics and business KPIs in the data universe, how do you know which ones to focus on?

We recommend using Onload as a core benchmark for understanding customer friction.

/ What is Onload?

It’s the average time required for the server to completely load all content on a page. Everything from JavaScript, CSS, images and more. And since Onload is supported by all browsers, you can measure how different browsers impact site performance and customer experiences.

An ongoing analysis of millions of user sessions across hundreds of websites show faster Onload contributes to higher conversion rates and revenue.

Pro Tip:

As a starting point for any Continuous Experience Optimization improvement, calculate Optimal Page Speed, or the ideal Onload time for a page to achieve the best return in revenue.

One of the largest U.S. online retailers, for example, discovered hidden issues with their content delivery network (CDN) and tag managers created customer friction costing them nearly half a billion dollars per year.

MILLION

in friction quantified for a single online business.

Copyright © 2023 Blue Triangle / +1 (877) 258-3107 / sales@bluetriangle.com

3
/
/
$500

/ We even have a vital bonus for you. (Hint: It’s in the name.)

Witnessing how site visitors and Google view your digital experience used to be elusive, like a rare Sasquatch sighting. But with Core Web Vitals (CWV), that’s exactly what you can do.

Pro Tip:

Google Lighthouse is a free tool you can use to test and measure Core Web Vitals. Real User Monitoring data can provide you with even more actionable insights to improve these metrics for better results.

CWVs not only influence the customer experience, but also have a powerful impact on your site’s performance and revenue. They affect your organic search rankings. So, if your site has poor CWVs, Google will use it to deprioritize your search rankings. Meaning less traffic and customers to your site.

Optimization outcomes will vary from site to site and from one page to the next. Product pages, for example, can see a 40% to 50% lower conversion rate when comparing users that experience a 2-second Largest Contentful Paint (LCP) versus a 4 to 5-second LCP.

4 EBOOK / bluetriangle.com
Make it Count Hack #1 (loading) / LCP / Largets Contentful Paint (visual stability) / CLS / Cumulative Layout Shift (interactivity) / FID / First Input Delay 2.5s 4.0s GOOD POOR NEEDS IMPROVEMENT 100ms 300ms GOOD POOR NEEDS IMPROVEMENT 0.1 0.25 GOOD POOR NEEDS IMPROVEMENT

Hack #2Experience the Journey

You’ll be surprised to discover how visitors actually use your site

There are so many touch points along their journey. If they experience friction at any point, customers will abandon your site and go to a competitor instead. This will lead to an unbelievable amount of missed revenue.

So, we recommend experiencing first-hand your customers’ journey. How?

First, identify your most critical pages. You could use customer journey and page volume analytics to figure out what those are.

Next, pick out your top converting and non-converting paths and run synthetic scripting along each of them. For the technical folks, this would mean creating a Selenium Script.

Pro Tip: Ideally, your top pages should be pinged with synthetic measurements every 5 minutes to detect issues. But 15 minutes is okay too.

5 Copyright © 2023 Blue Triangle / +1 (877) 258-3107 / sales@bluetriangle.com

Pro Tip:

Basically, multi-step, real browser monitors will drive synthetic traffic to your site and follow the paths that real visitors take. These scripts should run at least every 30 minutes, or faster.

6 EBOOK / bluetriangle.com So why does any of this matter? Following every customer journey path helps you personally experience your customers’ frustration and share in their joy when that experience is frictionless. And finding hidden revenue opportunities doesn’t hurt either! Auto Refresh (off) Landing Page VIew Focal Page View CAMPAIGNS PATH ANALYTICS PATH FLOW Reset Zoom Demo eCommerce Global Marketing Insights / Customer Journey Analysis 125 menu Real User 1 day (2023-02-01 17:58 to 2023-02-02 17:58) Time Period: Device: Browser: OS: Landing Page: Focal Page: Bot Traffic: All Devices All Browsers All OS exclude-bots pdp-VT pdp-VT Category-VT-Background 77.91K Page Views 14.03K Enter 9.63K (98.6%) Exits 0.44 s Onload 4.40K (31.4%) Continue 2.57 Page Views / Sessions FindShippingAutocomplete-VT 2.78K Page Views 885 Enter 0 (0.0%) Exits 0.30 s Onload 885 (100.0%) Continue 3.14 Page Views / Sessions checkoutPayment-VT 984 Page Views 859 Enter 0 (0.0%) Exits 0.18 s Onload 859 (100.0%) Continue 1.15 Page Views / Sessions checkoutReview-VT 370 Page Views 332 Enter 0 (0.0%) Exits 0.17 s Onload 332 (100.0%) Continue 1.11 Page Views / Sessions RetrieveShippingAutocomplete-VT 570 Page Views 530 Enter 0 (0.0%) Exits 0.24 s Onload 403 (100.0%) Continue 1.08 Page Views / Sessions checkoutReview-VT 434 Page Views 403 Enter 0 (0.0%) Exits 0.17 s Onload 403 (100.0%) Continue 1.08 Page Views / Sessions checkoutPayment-VT 188 Page Views 167 Enter 0 (0.0%) Exits 0.16 s Onload 167 (100.0%) Continue 1.13 Page Views / Sessions FindShippnigAutocomplete-VT 530 Page Views 403 Enter 0 (0.0%) Exits 0.30 s Onload 530 (100.0%) Continue 2.88 Page Views / Sessions checkoutPayment-VT 439 Page Views 403 Enter 0 (0.0%) Exits 0.16 s Onload 403 (100.0%) Continue 1.09 Page Views / Sessions login-on-checkout 203 Page Views 167 Enter 0 (0.0%) Exits 0.13 s Onload 167 (100.0%) Continue 1.22 Page Views / Sessions checkout-VT 1.03K Page Views 920 Enter 0 (0.0%) Exits 0.27 s Onload 920 (100.0%) Continue 1.12 Page Views / Sessions RetrieveShippingAutocomplete-VT 189 Page Views 180 Enter 0 (0.0%) Exits 0.24 s Onload 180 (100.0%) Continue 1.05 Page Views / Sessions FindShippingAutocomplete-VT 484 Page Views 180 Enter 0 (0.0%) Exits 0.24 s Onload 180 (100.0%) Continue 2.69 Page Views / Sessions Step 2 Category-VT 40.96K Page Views 21.83K Enter 0 (0.0%) Exits 0.73 s Onload 14.03K (100.0%) Continue 1.88 Page Views / Sessions My Bag 5.63K Page Views 4.86K Enter 3.94K (81.1%) Exits 4.84 s Onload 920K (18.9%) Continue 1.16 Page Views / Sessions Category 2.12K Page Views 1.84K Enter 0K (0.0%) Exits 4.64 s Onload 1.84K (100.0%) Continue 1.15 Page Views / Sessions Landing Page Step 3 Step 4 Step 5 Step 6 Cart-oss-getinfo 987 Page Views 920K Enter 0 (0.0%) Exits 0.57 s Onload 920 (100.0%) Continue 1.07 Page Views / Sessions My Bag 5.41K Page Views 4.40K Enter 2.63K (59.8%) Exits 4.92 s Onload 1.77K (40.2%) Continue 1.23 Page Views / Sessions Cart-oss-getinfo 2.02K Page Views 1.77K Enter 0 (0.0%) Exits 0.53 s Onload 1.77K (100.0%) Continue 1.15 Page Views / Sessions checkout-VT 2.05K Page Views 1.77K Enter 0 (0.0%) Exits 0.24 s Onload 1.77K (100.0%) Continue 1.16 Page Views / Sessions checkoutConfirmation-VT $54,192 Sales 579 Enter 579 (100.0%) Exits 0.12 s Onload 0 (0.0%) Continue $94 Avg Order Value preBag-addToBagproductRecomendations 35.99K Page Views 14.03K Enter 9.63K (98.6%) Exits 0.44 s Onload 4.40K (31.4%) Continue 2.57 Page Views / Sessions addToBag-VT 18.0K Page Views 14.03K Enter 0 (0.0%) Exits 0.76 s Onload 14.03K (100.0%) Continue 1.29 Page Views / Sessions
Experience the Journey Hack #2

Hack #3Create a Culture

It’s no secret that different stakeholders in your business have different priorities. So, how do you bring them all together to focus on optimizing the customer experience?

By changing the conversation around performance and experience and relating it to revenue and business outcomes. This will help create a company culture of Continuous Experience Optimization.

A good starting point is tag governance.

Now, this won’t be as easy as implementing a tag manager solution and calling it a day. True, you will need the right technology, but it will also require planning and collaboration.

Pro Tip: One of the most important success criteria for optimizing tag governance is having buy-in across every level and department in your company with a vested interest in the customer experience.

So, we recommend creating a Tag Governance Committee with diverse representation across your company, from:

/ Engineering

/ Product | eCommerce

/ Marketing | Advertising

/ Digital Analytics | Tag Management.

7
Copyright © 2023 Blue Triangle / +1 (877) 258-3107 / sales@bluetriangle.com

/ Creating a Tag Governance Committee

Strategic planning is crucial to successful tag management and governance. Each team and department have their own priorities. But, a Tag Governance Committee can drive business value for the entire company. It will allow your organization to extract as much value as possible from optimization projects for maximum ROI.

These Tag Governance Champions should meet regularly to gain alignment on all tags and optimize them to prevent revenue-robbing friction from hurting your business and customer experience.

If You Only Remember One Thing

If there’s only one thing you take away from these 3 hacks, it’s this:

Customer experience and revenue should be at the forefront of all the data you’re collecting.

Why? Because frictionless customer experiences will be more important than ever in 2023 to build customer trust and loyalty. Which can translate into more returning customers and revenue down the line!

8 EBOOK / bluetriangle.com
Create a Culture Hack #3
Marketing eCommerce / Product Analytics / Tag Manager Owner Engineering

About Blue Triangle

Copyright © 2023 Blue Triangle / +1 (877) 258-3107 / sales@bluetriangle.com
Blue Triangle is the only complete platform purpose-built for Continuous Experience Optimization that begins with quantifying the cost of revenue-robbing friction and ends with validating revenue and business outcomes. We empower online and omnichannel brands across industries to build a culture of continually improving their customers’ digital experience to maximize revenue and ROI. Learn more about the cost of friction on your site with a FREE, NO OBLIGATION Friction Quantified Assessment. / Start Quantifying Friction /

Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.