3. Modern Web Technology

The Internet is a helpful place. There are lots of solutions out there that can help you deliver a great mobile experience. In this chapter of Win on Mobile, we look at the modern web technology available to improve your mobile website. 

Modern Tech Web

Video course

Infographic

Accelerated Mobile Pages (AMP)

Make webpages faster

Median Load Time
Less Data
Mobile AMP
Increase conversions
Faster webpages

Source: The Total Economic Impact™ of AMP across publishers and e-commerce, 2017, Forrester Consulting


 

Progressive Web Apps (PWAs)
- make web pages more like apps

Progressive Web Apps load and look like regular websites but are…

More reliable

More reliable

Load instantly and never show the downasaur, even in uncertain network conditions.

Faster

Faster

Respond quickly to user interactions with silky smooth animations and no janky scrolling.

More engagement

More engaging

Feel like a natural app on the device, with an immersive user experience.

Google Pay
- simplifies the checkout

If companies want to Win on Mobile, they need to have a great checkout experience. On average, visitors need to type 120 taps to complete a purchase — which is one explanation for why 27% of users abandon orders due to “too long/complicated checkout process”.

Source: The average checkout flow has 14.88 form fields – twice as many as necessary, 2016, Baymard

Abandon
120 Taps
Less taps

The good news – this can be solved! Check out simplifying payment solutions like Google Pay, and how it can make a checkout go from 120 taps to about 4!

A better way to pay

Logged in and ready to pay

Logged in and ready to pay

Checkout in a few clicks

Checkout in a few clicks

One API that enables web & app

One API enabling web & app

Higher conversion rates

Higher conversion rates

Integrate in just a few days

Integrate in just a few days

Future proof

Future proof

Available globally

Available globally

No fees

No fees

Google Pay

Exercise: Start acting

Stakeholders, ask your developers if AMP could help improve your mobile experience. Start testing by implementing AMP for some landing pages and check the results.

Learn more about the AMP Project.

Start acting

Next, let’s take a look at the importance of the mobile experience.

Next episode 

The mobile experience

The mobile experience