Story. 49.1 Updated Dropdown Enhancements

Sell Your Bag – Dropdown Enhancements Story

General info

Optimize dropdowns on the Sell Your Bag form by enhancing existing inline dropdowns:

  • Search-as-you-type within dropdowns; matches highlighted in bold (e.g., typing “handle” shows Timeless Handle)

    • Substring matching functionality – match any part of the option text

  • Option ordering: brand-specific entries first, then general entries, and always leave Other at bottom (remove redundant “I don’t know” option)

  • Replace “I don’t know” with “Other” and keep existing function to always show it when there is no match

  • Cascading logic (already in place): Model+Size filtered by Brand; Color and Material filtered by Brand

  • Optional: Combine Model+Size into one dropdown (entries like “Birkin”, “Birkin 25”, “Birkin 30”)

  • New Hardware dropdown with brand-specific finishes (Palladium, Gold Tone, Silver Tone, Ruthenium)

User story

As a seller,
I want dropdowns that filter instantly and highlight matches,
So that I can fill fields quickly without unnecessary scrolling or extra options.

Flow overview

  1. Tap a dropdown field—list expands inline beneath the input.

  2. Type in the search box at top of dropdown; keyboard opens only when typing.

  3. Options filter by substring; matching portion of each entry is bolded for clarity.

  4. Ordering: brand-specific options appear first, followed by general options, then Other.

  5. Hardware field: brand-specific finishes listed.

  6. (Optional) Model+Size field combines model and size entries, e.g., “Birkin”, “Birkin 25”, “Birkin 30”.

  7. Select an option; dropdown closes and field populates.

Acceptance criteria

#

Scenario

01

Given I type “handle” in any dropdown

When filtering

Then “Timeless Handle” appears with handle bolded

06

Given no options match searc

 When filtering

Then only Other remains visible

Future: Use analytics to refine option lists and consider AI enhancements.

Comments

Leave a Reply