User profile dropdown 5 or more users

A user can switch between multiple user profiles in the navbar of the page (like when you choose a user of google chrome). But now we have the case that sometimes the quantity of the profiles can be overwhelming and use the entire page to display the list of users, and it get's worse in mobile because the viewport height is more little, so I'm thinking to put a scroll when more than 4 profiles are displayed but I'm not convinced yet.

The list has a configuration/logout option that is not about the profile but the logged user. It seems that the standard is to have those options in the navbar but when using a scroll this will be at the bottom.

Which of this options do you think has the better user experience.

Right Now

The image of the profile is displayed in the circle, the selected profile is displayed differently on the list. Configuration and logout actions are at the bottom. Works well when the quantity of the profile is not high.

enter image description here

Right Now Problem

A lot of profiles can be displayed in the drop-down, the average is 3 but it can even be 14. The drop-down becomes huge and in mobile is useless. enter image description here

Mobile View

In mobile, I have the app logo and a hamburger when clicked in the hamburger the options of the navbar are displayed when clicking an option that has sub-options the sub-options are displayed, the same with the profiles. (I'm thinking of using the google approach here, click on the profile image and then redirect to a page where you can choose the profile). enter image description here

Option #1

Put a scrolldown in the drop-down. With this approach the configuration/logout actions are going to be at the bottom and the user have to scroll down to use them.

enter image description here

Option 2 Put a scroll down only in the user of list, and stick the configuration/logout to the bottom and a search box at the top.

enter image description here

Option 3 Move the configuration/logout actions at the bottom of the selected profile and then list of the profiles. enter image description here

Option 6 When the profile is more than 5 use this approach. I liked but it will be a little weird when the profiles are odd. enter image description here

Questions

  • Which of this options do you think is best?
    • The google approach to the profile selection in mobile is good?
Tags: