Google has rolled out a number of improvements to the capabilities to AMP (Accelerated Mobile Pages) project as part of Q1 2019.
This week, an overview of the updates to AMP user experience including video, forms, lists, consent and more was announced.
Here are the details on the improvements to AMP user experience:
Google now let minimize a video to the corner of the viewport when a user scrolls. This is made possible with minimization support added to dock attribute on .
The feature is useful in cases where a user need to read text same time when viewing a video, for example a video with a recipe instructions, or with transcript.
A GIF animation below shows video minimization:
Developers also now have a new customization option for video docks.
Another new feature related video include a new , that let developers to integrate a customized video player with built in AMP Video Interface feature like autoplay, dock, and more.
The now provides an easy way for publishers to monetize video by including ads from any video network.
The following updates are now available:
- Showing video controls on hover
- Video controls during Ad playback
- Muting / Unmuting videos
- Replaying / Looping videos
- Ad X of Y labels with i18n support
Improvements to Lists
Developers can now specify the moment for a container to resize on a user interaction. For example, when contains an that a user taps on.
Infinite scroll. When a user scrolls down to the end of a list of items such as search results, product cards, etc.), the list can now be populated with more items.
A GIF below shows infinite scrolling:
Input Masking in Forms
Designed to make the task of filling in forms easier, it allows developers to add enhancements, like spaces, interstitial characters, dates, payment details and phone numbers etc.
A GIF demonstrates input masking in forms:
Image Transitions Improvements in Lightbox
Better transitions in allows scaling up an image as well as now support change in ‘crop.’
Here is an animation of new image transition in AMP lightbox:
Consent Management Platforms are now allowed to integrate with AMP . Publishers are also now able to show their own consent UI inside AMP.
Publishers can now use component to show localized dates, so users can see article publishing dates in their local time.
AMP Stories now allow publishers to enhance a Google ad request with additional targeting information.
It is achieved with the Real Time Config when used with the Google Ad Manager ad implementation.
Upcoming AMP Features
- A dedicated component for typeahead autocomplete in AMP.
- A new carousel experience coming soon in the next few months.
- An easy-to-deploy Service Worker library for AMP.
- A component to allow developers easily integrate reCaptcha v3 on AMP documents.
Google backed AMP team also said it will soon publish improvements in the AMP Stories, including support for links in the top 80 percent, a hamburger menu, hold to pause, a new desktop UI, and attachments.