Skip to content

Amp Story Desktop One Panel I2S #35267

@processprocess

Description

@processprocess

Summary

We are migrating away from the 3 panel desktop UI to a more simplified UI that focuses on the page being viewed. This change enables us to deliver a consistent user experience across phones, tablets and desktops and enables rich effects (like page transitions) to work well on desktops. We've also added an effect to enliven the space around the Story page on desktops.

Jul-16-2021.14-09-26.mp4

This update:

  • Removes viewport warnings (All screen sizes will now render stories)

Screen Shot 2021-07-16 at 1 54 37 PM

- Removes the desktop-panels UI mode

Screen Shot 2021-07-16 at 1 54 07 PM

- Adds a blur overlay which selects the largest image or video on the current page.

Screen Shot 2021-07-16 at 1 56 05 PM

- Player support with next and previous story buttons

Screen Shot 2021-07-16 at 2 18 38 PM

Intent-to-Implement (I2I) Issue

#34479

Experiment(s) to Enable

amp-story-desktop-one-panel

Release Tracking Issue

The story one-panel and blur code is part of
2107240354000

The amp-story-player update is not yet in a release and pending merge of #35423

Demo Instructions

Demo link

Rollout details

The amp-story updates (panel and blur) will be activated prior to the amp-story-player updates.
This ensures the new player UI updates position correctly on the new panel experience.

Notifications

/cc @ampproject/wg-approvers

Metadata

Metadata

Labels

INTENT TO SHIPProposes shipping an implemented significant new feature. https://bit.ly/amp-contribute-codeWG: stories

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions