Skip to content

UI for adding a page to a list is unintuitive, could be improved #4480

@jdlrobson

Description

@jdlrobson

The list UI is not great. It's not clear that clicking list names will add the current book to the list, and it becomes even more confusing when those same links link to the lists themselves.

Evidence / Screenshot (if possible)

Relevant url?

Any book page. e.g. https://openlibrary.org/works/OL194006W/Diary

Steps to Reproduce

I was playing around with the list feature today, and opened the list widget:

Screen Shot 2021-01-23 at 9 15 25 PM

Click the list "Jon's Recommended".

Expected: I will go to the list.
Actual: My book was added to the list without any confirmation and no obvious way to remove it.

Details

  • Logged in (Y/N)?
  • Browser type/version?
  • Operating system?
  • Environment (prod/dev/local)? prod

Proposal & Constraints

At minimum. I think the "My Reading Lists:" heading should be changed to "Add to existing list:",
when I click the link I should get a confirmation saying "Are you sure you want to add to the list?"

A better solution might be to display all my lists with checkboxes next to them, or at least empty checkboxes next to the title. This also allows me to undo if necessary.

Related files

Stakeholders

@mekarpeles

Metadata

Metadata

Assignees

No one assigned

    Labels

    Affects: ExperienceIssues relating directly to service design & patrons experienceAffects: UIIssues with the web site's user interface. [managed]Lead: @mekarpelesIssues overseen by Mek (Staff: Program Lead) [managed]Needs: Community DiscussionThis issue is to be brought up in the next community call. [managed]Priority: 2Important, as time permits. [managed]Theme: DesignIssues related to UI design, branding, etc. [managed]Type: BugSomething isn't working. [managed]

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions