ElkArte Community

Elk Development => Feature Discussion => Exterminated Features => Topic started by: TestMonkey on July 17, 2013, 10:15:32 pm

Title: Like buttony
Post by: TestMonkey on July 17, 2013, 10:15:32 pm
A quick thought for the icon of the 'Like' buttony-gizmo:
https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/img/glyphicons-halflings.png
The thumbs-up icon looks very fine and understandable (used it elsewhere) and it doesn't strike the eye with red hearts and other stuffs.

Thoughts? Sorry for the fast post.
Title: Re: Like buttony
Post by: TE on July 18, 2013, 12:39:01 am
The Icon is fine, but IIRC glyphicons license isn't perfect for Elk: http://glyphicons.com/glyphicons-licenses/ (prominent link needed)
Alternative: http://fontawesome.io/icons/#new http://fontawesome.io/license/
Title: Re: Like buttony
Post by: TestMonkey on July 18, 2013, 02:06:36 am
I think I agree... Interesting. CC-BY is an okay license (as far as the license goes), but if the project insists on a particular place, and every visible page, then we'd better not.

Hmm, I don't have time atm, but I will check if CC-BY is understood somewhere else to require visible display on every page using the graphic. I don't think I saw this case before. The link in credits, as we have for others third-party design, is commonly accepted as attribution. (I see the humanly-readable "deed" for CC-BY states "in the manner specified by the author" though, indeed.)
Title: Re: Like buttony
Post by: Spuds on July 18, 2013, 08:16:12 am
I always thought the use of the thumbs up was funny because of ....  O:-)

Quote"Thumbs up" traditionally translates as the foulest of gesticular insults in some Middle Eastern countries — the most straightforward interpretation is "Up yours, pal!".[7] The sign has a similarly pejorative meaning in parts of West Africa, South America, Iran, and Sardinia, according to Roger E. Axtell's book Gestures: The Do's and Taboos of Body Language Around the World."[7]

In Iran, it is traditionally an obscene gesture, equivalent to the use of the middle finger in the Western world.


Here are some icons from the sets we already use / credit (not sure where the folder one finally came from or if we are crediting the entire set or ...) ... anyway seems like any of these could work
Title: Re: Like buttony
Post by: emanuele on July 18, 2013, 08:43:30 am
Starz are nice! :D (But maybe just because I'm used to see them at github lol)
Title: Re: Like buttony
Post by: Xarcell on July 18, 2013, 02:47:59 pm
Why don't we use a font instead of png?
Title: Re: Like buttony
Post by: Antechinus on July 18, 2013, 07:15:37 pm
Quote from: Spuds – I always thought the use of the thumbs up was funny because of ....  O:-)


Quote"Thumbs up" traditionally translates as the foulest of gesticular insults in some Middle Eastern countries — the most straightforward interpretation is "Up yours, pal!".[7] The sign has a similarly pejorative meaning in parts of West Africa, South America, Iran, and Sardinia, according to Roger E. Axtell's book Gestures: The Do's and Taboos of Body Language Around the World."[7]

In Iran, it is traditionally an obscene gesture, equivalent to the use of the middle finger in the Western world.
Yup. Already knew that, and thought it was a good reason for avoiding a thumbs up icon.


QuoteHere are some icons from the sets we already use / credit (not sure where the folder one finally came from or if we are crediting the entire set or ...) ... anyway seems like any of these could work
TBH I'd just go with a heart icon. It's easy to understand, and there's precedent for it being used for likes.
Title: Re: Like buttony
Post by: TestMonkey on July 19, 2013, 12:04:05 am
Thumbs-up, heart, +1, "like" (simple text), star, all have precedents in other software for the "Good post" button.

I find the heart thingie kinda kindergardenish tbh. If we go incorporate changes that come closer to the social networking habits of people nowadays (and we do, where appropriate), it doesn't follow, to me, that we have to do it as if it was for popularity only. Because it's not: offering people an easy way to express their 'ok' on the content of a post is a simple feature, should be easy to use, and just say your 'ok' instantly and move on; without being too eye-catching, without changing position btw, without looking it up.

That is, the buttony from the droppy should be in the same place with the "how many" display. Change instantly count display. Done.
Visible all the way, but not more visible than the content, to put it this way. G+ iirc does things this way: it displays +1 and the count, a differently-colored +1 if you have +1ed it, and at hover, it shows you '-1' if you have +1ed it. We might want something more fancy than that, perhaps, but lets remember that it needs to not distract from the post.
Title: Re: Like buttony
Post by: TestMonkey on July 22, 2013, 08:45:49 am
https://github.com/elkarte/Elkarte/pull/727

Thanks, SpudsMan! This does pretty much all these improvements: it's streamlined, 'just click and move on', which is perfect, the expected behavior of them likes. And it ain't no red heart, a bit on which Spuds haz my deep thanks.  O:-)
Title: Re: Like buttony
Post by: Antechinus on July 22, 2013, 06:33:13 pm
Had a bit more of thinking about this, and some related buttony bitz.

https://github.com/elkarte/Elkarte/issues/742
Title: Re: Like buttony
Post by: emanuele on July 24, 2013, 05:30:40 am
Why not what Spuds did for the like and drop the texts?
Title: Re: Like buttony
Post by: TestMonkey on July 24, 2013, 06:46:38 am
Which texts do you mean?

ETA: on a side note, around this topic. I played around removing the " likes" string ($txt['likes']) from the display, leaving only the star image. It's an even simpler look and you still get what's all about. You can hover for a short explanation, otherwise icon alone (with a number).
Title: Re: Like buttony
Post by: emanuele on July 24, 2013, 09:51:49 am
"Quote", "Quick edit", "Remove", etc.
Just like the "like" that doesn't have a text, but only the star.
Title: Re: Like buttony
Post by: IchBin on July 24, 2013, 02:43:38 pm
When is the next update for the site to implement all the small changes that have been put in? I feel like reporting a lot of annoyances. lol But I'm sure that most already have, and want to make sure they are in the next update before I start whining. :D
Title: Re: Like buttony
Post by: TestMonkey on July 24, 2013, 04:59:20 pm
Doing that. Basically asap, sorry for the unintended delay these days.
Title: Re: Like buttony
Post by: Antechinus on July 25, 2013, 07:11:48 pm
Quote from: emanuele – Why not what Spuds did for the like and drop the texts?
Yeah fine. Was more thinking about the details of using anchors with preventDefault, and using standard classes and sprites for stuff. IOW, a11y and convenience. That doesn't preclude wihat Spuds did for likes (although it does still mean some specific css for likes, but that's fine).
Title: Re: Like buttony
Post by: Antechinus on July 25, 2013, 07:13:35 pm
Quote from: IchBin – When is the next update for the site to implement all the small changes that have been put in? I feel like reporting a lot of annoyances. lol But I'm sure that most already have, and want to make sure they are in the next update before I start whining. :D
They probably haven't been put in the repo. Betcha there are still plenty of bugs to grumble about. ;D
Title: Re: Like buttony
Post by: TestMonkey on July 28, 2013, 12:02:00 am
Quote from: IchBin – I feel like reporting a lot of annoyances. lol But I'm sure that most already have, and want to make sure they are in the next update before I start whining. :D

Please, feel free to check out the repo in the meantime, though. ;)