Improve “Sign in with” Dropdown UX (Sort & Filter)

Introduction

Long-time Family and professional user here, and I must say I’ve been missing a better UX for the “Sign in with” feature for quite some time already...

More specifically: As a user, when interacting with the "sign in with" dropdown and when I have too many "sign in with" options, it becomes difficult to find exactly which one I want to use.

Image: Sign in with dropdown

1Password for Mac 8.12.2 (81202037)

Suggested changes

1. Sorting

The dropdown currently doesn’t appear to follow a clear or predictable order. Looking at the image above, entries like “Beatport” and “Bitwig” appear between “Google” and "Microsoft", and it’s not obvious why.

So, how about

• Use a clear default sort order (e.g., alphabetical by Name)
• Bonus: allow an optional (ascending or descending) sorting criteria by other fields, such as
  • Username
  • Website
  • Tag
  • Date (last edited)
  • ...

2. Searching / Filtering

Frequently when I open this dropdown, I already know which login I want to use. So it would be much faster if the dropdown supported typing to filter results...

Even a basic, incremental search would be good enough already (because, currently, we have nothing.)

Conclusion

These changes are small UX improvements, but that would make daily use smoother for power users. With many entries, predictable ordering, searching and filtering make a big difference...

And, of course, from an implementation and design perspective, you could also put all that into a reusable UI component. Who knows, searchable dropdowns might be useful elsewhere in the app…!