I'm currently redesigning a member profile page and wondered if anyone had a creative way to show having multiple connected/authorized social media accounts linked to their profile. For example, I have an account on StackExchange, and I want to link 3 other social media accounts (Google+, LinkedIn, Twitter, whatever).

I'd like to show a simple way for the user to be able to add/remove one of these accounts with the least amount of clicks, and use OAuth. I'm attaching my wireframe idea for it here. Any other thoughts?

2 Answers
2

There are a lot of social networks, but only some are popular. So you could design the dialog which allows to connect to the popular platforms in a quick way, displaying appropriate buttons, and propose to select other platforms with additional control.
Connected platforms are visually distinct and ordered. This allows to perceive information faster.

The advantages are:

Reduced information overload, as only small (reasonable) number of items are displayed

Thoughtful input, @Alexey – very appreciated. We've decided which social networks are the most valuable/likely to be used by our specific audience, so are not too worried about showing more than a few options. This may change with time and feedback, of course. So, if there were more than a few, I do like your show/hide with "Connect to others". I also like the addition of tooltips.
–
michaelduskusNov 12 '13 at 16:05

I would disagree with removing the add/remove links from default view. That would reduce the discoverability of these options.
–
JonW♦Nov 12 '13 at 15:51

Thanks, @Renaud. I currently still agree that having the simple Add/Remove prompts help with clarity; particularly with our older users (medical), where some have social channels, but are still adapting their use. Again, I do like the rollover/hover idea.
–
michaelduskusNov 12 '13 at 16:08