Page MenuHomePhabricator

Search: Revise Qualifier popover copy and layout
Open, NormalPublic

Description

User story: As a Commons searcher, I want a less confusing Qualifier popover, so that I can understand and use it if needed.

We have this:

  • Significant popover width
  • Lots of padding
  • Unaligned elements
  • Unclear instructional copy
  • Large X's
We want this:

Revisions to the popover UI:

  • Reduce the width of the popover to something like 566px
  • Reduce padding overall
  • Move the placement of the qualifier X's to the right of the input fields (to strengthen the left alignment of the elements)
  • Make the X's smaller
  • Update the UI copy to:
    • Tag qualifiers (optional)
    • If you search with a “cat” tag, you can be more specific by selecting a qualifier property such as “color” equals “black.”
  • Make the operator dropdown set to equals by default, since that is most likely going to be used the most (saves the user a click)
  • Add the tag being searched (in this example: "dog") to show what qualifiers are being added to which tag (it's not interactive in any way)
  • Change how removing qualifiers works: when there is just one qualifier, no X is needed. When an additional qualifier is added, then the first qualifier gets an X also
Acceptance criteria
  • Reduce the width of the popover to something like 566px
  • Reduce padding overall
  • Move the placement of the qualifier X's to the right of the input fields
  • Make the X's smaller
  • Update the UI copy
  • Make the operator dropdown set to equals by default
  • Add the tag being searched (in this example: "dog") to show what qualifiers are being added to which tag
  • Change how removing qualifiers works: when there is just one qualifier, no X is needed. When an additional qualifier is added, then the first qualifier gets an X also

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptMar 27 2019, 8:34 PM
Ramsey-WMF triaged this task as Normal priority.Mar 28 2019, 1:22 PM
Ramsey-WMF moved this task from Untriaged to Next up on the Multimedia board.
Cparle renamed this task from Revise Qualifier popover copy and layout to Search: Revise Qualifier popover copy and layout.May 28 2019, 10:17 AM
Restricted Application added a project: Multimedia. · View Herald TranscriptSat, Aug 10, 11:55 PM