Authenticator: Improved user experience for long list of codes

Created on 13 Mar 2019  路  7Comments  路  Source: mattrubin/Authenticator

As of today I am up to 31 codes in the app. This poses user experience challenges when looking for a specific code as I this is almost 5 pages of codes. I know I can manually rearrange the codes, but it'd be nice to have some other out of box or usability enhancements.

Some ideas:

  • A search box/option - Allow a user to quickly locate a specific code by filtering them
  • Sort options - Allow a user to sort the codes, without manually rearrange them.

I'm open to other ideas, such as #257 and #249 which would help in different ways.

Most helpful comment

You can filter the codes using the search field in the title bar. Perhaps its double-duty as the title bar makes it less obvious that it's also a text entry field:

IMG_1C95FE83DF45-1

All 7 comments

You can filter the codes using the search field in the title bar. Perhaps its double-duty as the title bar makes it less obvious that it's also a text entry field:

IMG_1C95FE83DF45-1

@mattrubin I suppose it might make sense to adopt the now standard search field UI pattern that exists in apps like _Contacts_. Originally I was trying to duplicate how _Mobile Safari_ worked.

Or even change it to say "Search" since saying "Authenticator" isn't really all that useful.

@beaucollins Both good suggestions for improving discoverability. I actually have an old branch that switches to the standard navigation bar search field, but I had shelved because of a UIKit bug. I'll revisit and see if it would work.

Ha. I never even realized that was a search input, and I鈥檝e used it for years. Improving discoverability would have helped me for sure.

That really solves my issue.

To have a seamless UX integration with mobile, I would propose a grid matrix app.
I would like to add custom logo in every Token/App and a scroll left/right page, instead of folders.

_Disclaimer_ I am not a UX person but I do have a lot of 2fa apps that now I have to scroll through my phone.

image

How about a toggle between the current row style and a more compact one showing the same info but more compact.

A collection view could work too. But I think it is a good feature to actually show the number since not all 2FA interactions allow for copy paste.

Closing this because the pointer to the search box helped me with what I needed.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

ghost picture ghost  路  3Comments

jeroenleenarts picture jeroenleenarts  路  3Comments

njosephg picture njosephg  路  17Comments

mattrubin picture mattrubin  路  11Comments

anthonycastelli picture anthonycastelli  路  10Comments