====Description
The new design of the read next story option will let users select & read stories attached to an article which will improve story reading experience. The current design has some problems, such as the visibility of "read next story" button on some images can be problematic, distracting users from reading the story text available on the last story page. This will improve the story reading experience.
|{F35224003 width=260}|
====Description/User story
As a reader,
I want to see the "read next story" button clearly
so that I can continue to the next page.
====Design
**If an article has only one story attached**
- Do nothing.
**If an article has more than one story attached**
|{F35489959 width=260}|
- Insert a page at the end of a story to show list of stories.
- If there are more stories than what can be displayed on device screen then randomly select set of stories to show.
- Inserted page will have status bar, play/pause button, close & overflow menu too.
- Click/Tap on a story will open it.
- Tap on a close icon will return back to the article.
**Loading state**
- Show thumbnail placeholder while story image is loading.
**Error state**
|Page loading error|Connection error|
|{F35490768 width=260}|{F35490769 width=260}|
- Show an error message when page fails to load.
- Show no connection message when connection goes off while loading the page.
- Tap/Click on Retry button will load the page again.
|At present|After removing the next story button
|{F35489955 width=260}|{F35489954 width=260}|
- Adjust the padding between text box and image license as currently we have it to keep "Next story" button. We can try different values once the code is available is ready.
[[ https://www.figma.com/file/pj2ASYTU23ieu3hFvclMer/Wikistories-MVP?node-id=4961%3A9467 | Design file
]]
====Acceptance Criteria
Given a reader is looking at the current page,
When reading wiki stories,
Then they should be able to see clearly and click on the "read next story" button to move to the next page.
Given a reader is looking at the last page,
When reading wiki stories,
Then they should not be able to the "read next story" button and they can instead go back to the article.
====Test Scenarios
====Open questions