I’m unclear why people are expanding the “see who liked this” so often. I do that maybe, maybe once a day and that’s being generous. Also, use the … button instead if your goal is to expand the likers.
Maybe I’m just nosy but I do it all the time. Many times a day.
I do that quite often, as likes are kind of a reward. The notification system sometimes squashes them together, showing just one notification. But actually there‘s three of them for example.
Admittingly I also read Twitter and FB likes, this shows appreciation and gives a good feeling ![]()
I do that all the time as well. I find it helps me get more “metadata” about the current topic (eg. who helped who, who found that post interesting/useful, who enjoyed that joke).
And I have been having troubles (ie. misliked) with the click target getting smaller. So far I’m not
this change. I guess I’ll have to teach myself to use the … instead (habits are hard to change)
@HopscotchRemixer one very important thing here to keep in mind is that your community was just deployed with the change yesterday. There is going to be a transition period getting used to it.
When this was first deployed I was like ![]()
![]()
post a few rounds of refinement I was at
… 2 weeks later I am at ![]()
I am now used to the change, I guess one thing that changed for me is that I don’t expand likes as much. But… I love less text on the screen, that is great. I think that maybe once the change settles in everywhere we can look at some future refinements.
totally agree with this, one solution would be to make more space between the number and heart and another solution would be to reinstate the Like word as it would look more natural.
another thing is i think people will get confused on to which symbol to press, i have been getting confused and i find it annoying when i forget which button is which, i.e. it is not a well defined button.
Yeah that would be a good idea…it would make it look better
How about making the new default a 
Liked posts remains the same filled-with-color (default red) and the own-like becomes filled-with-grey.
Another alternative I played with looks like this:
Just a tiny bit of differentiation goes a long way here.
Not a bad idea what do you think @sam and @awesomerobot
I think icon-heart-empty should be on your own posts though @erlend_sh.
Maybe. I guess I see “heart-empty” as begging to be filled up with unconditional
. But as long as there’s a visual difference between the icons I don’t care what’s used where.
And Twitter uses an empty heart that gets filled when you click it.
I agree with what others have said about the number and the heart being too close together. I often want to see who liked a post, and now I often accidentally like (or unlike) a post instead, especially on mobile. Personally, I don’t see what was wrong with the old design.
Click the “…” button, then.
I personally would prefer if it didn’t use the empty heart for the self-likes post, since I’m pretty sure the whole idea of proposing the empty heart was to differentiate the likes indicator from likes button..
Haha, I like how you sneakily introduced the heart button back into all those forums where they switched it to some other icon. On the Asana Forum, for example, there is now the empty heart and when you press it, it becomes a
… (Not sure the forum admin is very amused, though)
I had to stop and think a moment until I could wrap my head around the different ways of using the filled and empty heart icons.
So the original proposal was:
This is what @notriddle is asking for (right?) and I tend to agree because an empty heart invites me to click and fill it, but I’m not supposed to do that on my own posts. That’s why it makes sense to have the filled grey heart on your own posts.
The logic would then be:
empty heart = posts I have not yet liked but could like
grey heart = posts I have not yet liked and cannot like - or perhaps: which I by definition like but it doesn’t count - aka my own posts
coloured heard = posts I have liked
If they/anyone used CSS hack to change
icon to
then they have to change the CSS like below
// Replace heart with thumbs-up
.fa-heart:before {
content: "\f164" !important;
}
// Replace heart-o with thumbs-o-up
.fa-heart-o:before {
content: "\f087" !important;
}
Upgraded to 2.0.0beta7 today, and I have to admit, the current design is pretty slick. One can click the number to see who liked it, and the visuals with the empty and filled heart highlight the own action in a great way. I very much like how you’ve turned feedback here into a small and effective change ![]()
I pushed an update for the mobile post buttons that should make the like count a bit easier to tap. This also puts a little more space between the post buttons in general (when space is available)



