I have an app that allows the user to add and select multiple accounts and servers, and switch between them.

Here's what I have currently:

enter image description here

The account and server boxes are swipe-able pagers, and the rightmost entry is always a plus sign, as follows:

enter image description here

Tapping either plus sign opens a wizard to add an account or server. If there was more than one account or server, the pager would have those before the 'add' pages.

This approach feels wrong somehow, and it uses a lot of space. Is there a better way to go about this?

  • A question first: does each card need so much space? Isn't a vertical list (with icons, like android contact list) effective? Sep 25, 2015 at 6:28
  • @adriano I don't think they really need this much space, but I also don't see a way a vertical list could work; it would end up being two vertical scrolling lists on the same screen, which seems like it would be worse than the current approach, or it would be three screens.
    – Una
    Sep 25, 2015 at 22:58

2 Answers 2


Swiping elements mechanism is not obvious for me. I would tweak it a little by turning each Account/Server into an icon, which will scroll horizontally.

Wireframe 01

This is only a draft idea - you can make icons a little bit bigger, if you need more description underneath each of it, you can add context menus when long-pressing an icon, etc, etc.


Use two Dropdown lists to select from the list of accounts and servers.It makes good use of space and makes things simpler for the user.

  • I've considered using a dropdown, but they don't seem to work very well on a mobile device in general, especially if they get long enough to start scrolling. I'll try it anyway, and see if it works better.
    – Una
    Oct 5, 2015 at 16:28

Your Answer

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

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