[UX] Library UI

[lime124]

Added Meta for Library

UPDATE 3/21: This issue captures the overall design requirements for the Library but the engineering tasks are addressed in individual category issues for Sessions, Downloads, Bookmarks and History. Global search for Library is moved to Post-MVP backlog issue #1118

The Library is a place to store information related to people’s browsing activity. People can access all their Sessions, Downloads, Bookmarks and History in the Library. They can quickly find items they are looking for and they can edit or delete items.

User Story
As a user I want to quickly retrieve and view information I find while browsing the web so that I can continue a task I started or find something again. I also want to be able to edit, delete or organize items in the Library.

• the Library contains Sessions, Downloads, Bookmarks and History
• people can access the Library from home or from a site
• the Library items are sorted per date and follow the desktop convention: Today, Yesterday, Last 7 days, This month, January, December 2018, November 2018, October 2018, September 2018, Older than 6 month
• people can search for something in the Library, search is per category for now, mixed result search on Library overview can be done later
• people have various options depending on item to manipulate it

Problem and Scope

• How might we enable people to find something again?
• How might we help people to continue a task?
• How might we support people to edit, delete or organize information in the Library?

Current Design Status

• In Good Shape
• Foundational Design Done

Design Priority
P1

Mockup
https://mozilla.invisionapp.com/share/8ZQVRNUJW3H
Please go to the grid overview and scroll down to the Library sections – let me know if you don't have access to the prototype to use the inspector.

• Missing: confirmation flow for deleting an item
• Item selection: possible via menu and long press
• Get in touch to discuss detailed flows if needed

Related

• "Your Library" menu item:- move to bottom of list & change name to "My Library" #469
• Update UX for history management #563

┆Issue is synchronized with this Jira Task

[bbinto]

• Biggest eng work will be the search functionality
• Search functionality needs UI/UX
• Creating the Library section with functioning link to "sessions", other screens needs to have further UI flows

Meta: Build home for collections of data to live in

UX to work out flows for

• Screenshots
• Downloads
• Favourites
• History
• Logins

[Meta] for each section for UX

[bbinto]

UX/Eng to talk about what's feasibilty of scope for milestones

[vesta0]

@topotropic @mheubusch can we close this issue?

[topotropic]

yes, I'll close it and we can add follow-up stories