Would love some feedback on this.
Currently adding animation but the thought is that once a user clicks the heart icon, the social "bubbles" spin/slide out, allowing the user to choose where they would prefer to "like" the associated content.
Thanks to @Visual Idiot for his background pack.
over 1 year ago
looks very nice Josh, great idea, but would like to see him excited soon :)
My concern is that clicking from a UX perspective indicates user commitment. Since you're saying "Wait, you haven't committed yet... (Haha, got ya!)" I would stick to having it happen on :hover. I think the click is interesting, but might be confusing. What if I just wanted to "like" it (like an on-site, no-login "like")? What if my network is not listed?
Thanks @Brian Feister, those are great comments / questions and have given me more to think about.
Going off of @Brian Feister ... I feel that a "heart" acts like Dribbble likes. I believe if you chose another symbol for sharing that'd be better. I wouldn't worry about not having a network that someone wants to share with. This is where I believe you have every right to control that experience. For instance, you might prefer people shared something over Dribbble than Forrest or even Facebook over Reddit. This all depends on the audience and the presence you have on each network or even want to have.
Looks really good!
Thanks @Kevin Jannis!
looks great, wonder how the bg blur was made, it is not simple blur, right? :)
I like this! Inspired by Path? The only concern would be the icons being potentially confusing as to what they are...
@Zoltán Garami it's box blur
Love it... Much better then my version of a round menu.. Great job
Love. I can imagine this animating already!
If you click on the heart, it should randomly rotate and highlight a single website like dribble, then link you to something from that network
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter