As a reader, I want to be able to navigate through different sections of articles as quickly as possible, so that I can target the content I am most interested in.
We investigated collapsing sections and came to the conclusion that collapsed sections are the optimal experience for users. We would like to explore combinations of collapsed sections with a table of contents.
We will have a floating button dedicated to scroll to the top of the section and close the section. this button will be available while scrolling and will be tied to each section.
- user sees list of closed sections
- user taps on a section to open, a floating action button pops on bottom right
- user scrolls, the button stays in position. first time ux - show a tip saying what the button does
- user taps on the button, the page scrolls to the section header in view. and closes the section. no animation for closing section. but scroll to the section name might be preferable.
I'm working on prototyping a number of solutions to this problem/opportunity. The prototypes can be found here: https://in-article-navigation.firebaseapp.com/. They are meant to be used on mobile devices.