Feedgrids Original

In Web Design, by Dimi Arhontidis, January 23, 2010

Standardizing the Social Bookmarking Buttons

I am not talking about the simple share buttons, the ones that can be designed to fit any theme, but the vote up buttons provided by services like Reddit, Digg, Twitter etc. through a Javascript call.
Social Bookmarking buttons

I don't know about you guys, but I get frustrated when I work so hard on a design only to have it look broken and weird once I add the much-needed Vote Up social bookmarking buttons. I am calling for a revolution, the creation of standards for services to follow. It should not be a stretch for them considering they already offer many option for their users to choose from, the problem is none of them match with any other service out there.

This will be a hard battle to win but its worth a shot! I know every service has its own brand identity to protect, so I am not talking about re-branding anyone, just simply reworking their buttons, or simply adding an additional button to their collection that fits the new standard sizes, whatever those might be 64x64 etc.

I took the liberty of re-designing a few of these buttons all within a 64x64 box in order to showcase how easy this would be to do without distorting the familiarity of these iconic buttons, and how much better they would look right next to each other on everyone's website. Obviously I did not go through and redesign every single one of the buttons but enough of them to make a point.

Here is a list of the services currently providing us with such buttons: Digg, Reddit, DZone, Buzz up, retweet, Facebook, Design Bump, Design Float, Stumble. (I might have missed a couple, feel free to share in the comments area.)

Here is a screen shot of what the social buttons look like currently on feedgrids.com

Social Bookmarking buttons

And here is how they could look:

Social Bookmarking buttons
Social Bookmarking buttons

As you can see just by slightly resizing and reworking a few pixels what a difference it can make, everything looks cleaner and more balanced!

What can we all do to help?

Well, I don't have the answer to that yet, maybe we can start by approaching our favorite up and coming services like Design Bump and Design Float and asking them to consider such a move, and make our way up to the big boys. I have not put much thought into what can be done to get this movement going, I just had to post this out of frustration, plus I want to leave it up to the whole community to decide, if I'm just crazy, if its something worth pursuing, or does it even matter enough?

I would love to know what you guys think, and where you stand on this issue, feel free to flood our comments, and let's see what comes out of this.

Stay up to date! Follow us on twitter @feedgrids and subscribe to our rss feeds: Originals Only or Entire Site

About the Author
Dimi Arhontidis

Dimi Arhontidis is the designer and co-founder of feedgrids.com. He has been designing for about 14 years. Started his career in graphic design and corporate branding, and in the last few years made his way into web and application design.

Read more about Dimi or follow him on twitter

Share this post

Check These Out!

Comments

John Campbell On January 29th, 2010

This is a good article and you make good points. When I first created the DB external button this is something I gave some thought to. But, Digg, Reddit, Delicious, and StumbleUpon all have different size buttons. There was no base or standard for me to conform to.

I would be happy to comply if I had something to comply with smile

In the meantime, it shouldn’t be too hard to overwrite the CSS used to form the buttons how you’d like. I am all open for changes or suggestions if anyone has any. Just shoot me a message using the contact form at DesignBump.com - it might take a day or two but I always answer.

Best,

John

feedgrids On January 29th, 2010

Oh I totally agree! Nothing wrong on your part at all, or anyone else for that matter, like you said there was nothing to comply with. But maybe now is the time to start thinking about standards, and hopefully any new site that comes out in the future will have something to go by.

I am just so glad that you are so open for changes, and taking the time to drop a comment!!

The difficult part would be convincing people to take the time and change, I guess someone has to start and we just have to market the movement somehow.

Thanks John!

bluefaqs On January 29th, 2010

You bring up some great points. There are a few social buttons that, as much as I would like to have them, I don’t use simply because of the size/shape variation. Like advertisements, there does need to be some type of standardization. Great article!

ncus On January 29th, 2010

I know how you feel, every button is like saying “click me!!! click me!!”.

Personally I like tweetmeme and new facebook share button. Tweetmeme need to tone down the color tho. It’s too bright, it makes the button more important than the design it self.

I am in!! About the size, how about using standard icon size? 48x48, 32x32. 64 wide is way too big.

feedgrids On January 29th, 2010

Yes, sizes can be something like 48x64 (taller than they are wide) my comps look a bit wider than they should be now that I look at them again.

There should also be some wide versions with the number of votes on the left and the service name on the right almost like the tweet counter buttons. I think those are like 90x20 or so.

The thing is there could be, and should be a few options for designers to be able to choose from. smile

Justin Mrkva On March 22nd, 2010

I couldn’t agree more.  Standardization of things like this is what allows designers to integrate things properly.  Excellent article.  I’ve felt the same way when seeing buttons like these - they always look out of place.  I’m glad someone’s doing something about it!

* Name:

* Email:

URL:

* Please enter the word you see in the image below: