Sign up FAST! Login

I like the implementation of Pinterest and Share buttons on @allwomentalk's blog.

ifindkarma
I like the implementation of Pinterest & Share buttons within this image http://yfrog.com/h4hjfip found on @allwomentalk's blog via @iphonegirl
11:22 AM Feb 08 2012

Stashed in: Mobile!

To save this post, select a stash from drop-down menu or type in a new one:

I'm still looking for great examples of share buttons.

These mouseover share circles are easy for a user to understand and use.

I think Imgur Gallery is the best example on the Web right now of well-implemented share buttons: the tight row of buttons in the image footer with tips on mouseover is a clean, simple, elegant design.

the iOS dev In me says:

- No mouseover please!

- the imgur icons are too tight and hard to tap.

On a website, I like a simple "Share" button that exposes a nice spaced array of tappable buttons with labels. No mouse over, no scrubbing, no surprises, and hopefully, no mistaps. Just two taps total.

Rule of thumb: 40x40 pixels minimum for finger tapability, with 5-8 pixels of margin.

Thank you for the rules of thumb. We'll employ these when we implement the PandaWhale share buttons.

You May Also Like: