To reach our MVP we need to combine the new header and collections tiles with a rearrangement of the current My Library layout. This page will be the new my_library destination; the intermediary page (the current homepage, future /home page) should remain in place.
Mockups/prototypes:
- Desktop: https://www.figma.com/file/oaSWwRSb25ZkLKBD8uOXqr/My-Library?node-id=200%3A0 (Frame 76)
- Mobile: https://www.figma.com/file/oaSWwRSb25ZkLKBD8uOXqr/My-Library?node-id=323%3A839
Acceptance criteria
- The numbers next to My Collections and Available Collections should reflect how many collections are listed in each category.
- Clicking My Collections and Available Collections should switch between collections the user is authorized for (and expired authorizations) and all other available collections.
- This should take streams into account - if a user has access to Springer Nature (SpringerLink), Springer Nature should still show in Available Collections because there’s another stream (Nature) that they don’t have access to.
- Selecting a language or subject from the dropdown menu should immediately filter the collections via javascript.
- Expired authorizations in My Collections or Favourites should move below a line at the bottom of the list. (Frame 75)
- Mobile version
- Clicking the hamburger menu should slide the filters out from the side. The panel can fill the vertical space of the screen but should retain ~20% of the background on the right hand side to indicate this is on top of other content. (Frame 81)
- All other behaviour should match the desktop experience.