0

I am looking for references for a UI component that can allow selecting multiple values out of a huge set of optional values (even millions) each value is a string. The list of optional values will grow on a daily basis (it is users' names).

Maybe even a combination of several different components

1
  • Would you add a small drawing so I can understand more? I'd be happy to help
    – Hamza
    Nov 24, 2021 at 17:44

1 Answer 1

1

It's likely a combination of several components, because there are a few tasks here:

  1. Search for each user that is needed by entering a partial or full name
  2. Select the correct user from a list of options
  3. Collect the selected users for the next task

There are two products that do this pretty well, Microsoft Office (Email) and Microsoft Teams. Here's how they do this workflow:

  1. User initiates a new task (email or chat). A "To" box appears to let the user know that names are the expected value.

Blank field with "To" label

  1. User types part of a name into what is essentially a Search box. The system returns a brief list of names, pictures, and other information that allows the user to make the right decision. NOTE: The system is optimized to return suggestions based on relevance to the user, often based on history with the potential recipient.

List of potential options for the user to select based on the name Sam

  1. User selects the correct option, which becomes a chip in the Search box. It can be removed but not edited.

Chip with Samwise Gamgee on it

  1. Repeat steps 2 - 3 until all desired recipients are selected.

  2. Finish the task that will engage the selected entities.


This requires the user to know at least partial names of the records they're searching for. It doesn't cover use cases like "add all people on Mark Farrington's team" or "Add all quality assurance engineers". If your user might not know names, you might have to allow searching/filtering with other criteria.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.