Description
When a user is viewing a story, the story page transitions from one to the other. If the user needs to spend more time reading the story text, or scroll through it, there would need to be a way to pause the page transition.
Test Scenarios
- Verify the user can tap a CTA which would halt the transition to another page.
- Verify the user can scroll through the text area (if lengthy) without the page transitioning.
- For a paused page, verify that tapping on the same CTA would resume the transition to another page.
Design
| Story playing | Story paused | |
- On mobile, a tap on pause/play icon would pause or play the story page.
- On desktop, a click on pause/play icon would pause or play the story page.
- Move close icon to left side of a story page to avoid accidental tap/click.
- Also pause the story viewer when a user scroll through the story text.