=== Overview
Build a prototype for the "Article queue" concept update to the the app and article navigation.
=== How does the "Article queue" concept differ from the current app?
This concept maintains the same navigational structure as the existing app but provides a prominent ‘landmark’ to enable quickly returning to reading tab “queue”.
**Navigation structure:** {F18471664}
=== Proposed design
==== App navigation
- Remove article tab icon from the Explore feed toolbar and make it a floating element visible across all bottom nav menu items when the Article view is minimized
- Remove Explore feed overflow and place options in a side drawer
- New floating "article queue" element shows the exact number of tabs open
- "Article queue" element shows a thumbnail from the top tab page
- There is a transition between the full article view when it is minimized to the "article queue" and vice versa
- There is an additional option on article list items to "Open in new tab"
Feed with floating article queue:
| Version (a) {F18479787} | Ver (b) {F18479812} | Ver (c) {F18479814}
==== Article view
Besides the transition to the article queue element, make the following improvements the current tab interactions and behavior to enable easier switching between articles within the ‘queue’.
- **Update the article view's top toolbar elements:**
- Replace the "x" close icon with a bespoke "<W" icon on the top left which upon tapping minimizes the tab stack into the floating article queue element, and returns the user to the Explore Feed.
- Show actual number of tabs open using an updated tab icon as background [T150462]
- **Update and amend article tabs design:**
- Simplify the tab structure from 3 separate elements per tab to a single layer per tab [T176014]
- Active tab body should scroll with tab headers [T112980] - this may be fixed by the above change
- Update the toolbar icons and overflow options in the "exploded tabs" view
- Ensure tabs are dismissable by swiping when in exploded tab view [T103955]
- Allow users to move between tabs when swiping left and right in the top toolbar area (similar to mobile browsers like Chrome)
- When swiping down in the top toolbar area, expose all tabs (similar to mobile browsers like Chrome) [T113369]
- Add "Undo close tab" toast [T158082]
- Bottom article toolbar updated so that all actions except ToC are aligned left with 24dp between each icon
- Move Font and theme changer from overflow actions to bottom article toolbar
- On scrolling down, the status bar, toolbar, and bottom article toolbar all animate off the screen
| Article view {F18479036} | Article view overflow | Article with exploded tabs {F18475503} | All tabs overflow menu {F18479824}