I'm trying to come up with a way to display toggles for whether you want to share your status on Facebook, Twitter or Tumblr. This is intended for a web application.
I looked at a couple of other sites to see how they do it:
Foursquare's iPhone app has a nifty little icon that disables when clicked and enables when clicked again.
Hoot Suite displays avatars from all my social networks and then lets me click on them to enable or disable sharing. This is clear enough to use, but takes up too much space to be implemented in my design.
LinkedIn uses modified icons for the social networks. So, instead of using the regular rounded-corners square icons, it uses a blue bird for twitter for example and puts a checkbox next to it,
This is a mock profile design that I'm working on. This website allows users to link to different social networks and then displays those in the form of icons on the user's profile. So say, if I visit someone's profile, I can click on the Facebook icon there to be taken to their Facebook profile.
I'm also trying to implement the ability to share or not share using these social networks. I used to have checkboxes there, with text like "Share on Facebook" right next to it. But that would be too crowded if I want to put in 3 options.
If I use the square icons for toggling, they will look too similar to the icons next to the avatar and confuse the users, hence the circular icons idea. But is that still too confusing? Is there a better way to implement this that will be more intuitive?