Can I haz the circle around the star back? Without circle, it looks tiny and not MSE-ish. Want it back.
Old design:
New design:
Meta Stack Exchange is a question and answer site for meta-discussion of the Stack Exchange family of Q&A websites. It only takes a minute to sign up.
Sign up to join this communityCan I haz the circle around the star back? Without circle, it looks tiny and not MSE-ish. Want it back.
Old design:
New design:
I really didn't think that many people would notice. There are two reasons the circle around the star was removed:
Some of our sites have no circle around the star, and we're looking to normalize variables across network sites in order to be able to release new global features more easily in the future (like the new profile.)
It was a logical decision — the thinking was that adding something to your favorites is a less important of an action than upvoting or downvoting. By removing the circle, the star gets less visual weight than the arrows, giving the voting icons more prominence.
Personally, I like the new star because it seems to be a bit cleaner, but I can see from a UX perspective why it may not be as useful as the old button.
So, for those of you who hate change (or the lack of circles), here's a userscript that adds the circles back.
// ==UserScript==
// @name Old Meta.SE Stars
// @namespace http://greasyfork.org/
// @include *://meta.stackexchange.com/questions/*
// @exclude *://meta.stackexchange.com/questions/tagged
// @author Cameron Bernhardt (AstroCB)
// @version 1.0
// @description Reverts to the old Meta.SE star style
// ==/UserScript==
var newStyle = document.createElement("style");
newStyle.innerText = ".envelope-on, .envelope-off, .vote-up-off, .vote-up-on, .vote-down-off, .vote-down-on, .star-on, .star-off, .comment-up-off, .comment-up-on, .comment-flag, .edited-yes, .feed-icon, .vote-accepted-off, .vote-accepted-on, .vote-accepted-bounty, .badge-earned-check, .delete-tag, .grippie, .expander-arrow-hide, .expander-arrow-show, .expander-arrow-small-hide, .expander-arrow-small-show, .anonymous-gravatar, .badge1, .badge2, .badge3, .gp-share, .fb-share, .twitter-share, #notify-container span.notify-close, .migrated.to, .migrated.from { background-image: url('https://web.archive.org/web/20150221090806/http://meta.stackexchange.com/content/stackexchangemeta/img/sprites.png?v=145e63c0320f'); } .star-on, .star-off { height: 50px; } .votecell .vote-count-post { margin: 5px 0 17px 0; }";
document.getElementsByTagName("head")[0].appendChild(newStyle);
I like the old one better from a 'user experience' point-of-view. The design itself doesn't matter a lot to me.
The old button is in line with the upvote and downvote buttons. Novice users will sooner see this is something to click, which is a good thing.
I'm going to agree that taking away that circle seems to make the feature a little less easy to discover. Then again, I'm not certain the star does the best job of advertising the feature with the circle either. From a design perspective I think I could go either way, so advertising the feature better is probably the best criteria.
Not declining or accepting, because I think we're going in circles here. Is the star (adorned with a glorious circle or not) really the best way to advertise this? The whole 'favorite' thing is a little strange to begin with because it's useful to apply to posts that you simply want to watch but don't necessarily have 'love' for (thus, a heart is out of the question).
While this has come up, multiple times in the past, I'm open to links to feature requests you were fond of that suggested an alternate icon. Not saying there are any plans of changing it, but another look at the feature itself is on my plate for this year so ..
I'm thinking more .. Watch and waypoint this post, which is essentially why people that know the button works click it in the first place, at least most of them.
Why? What does that circle add?
The new design (which is simply copied from MSO) is sharper and give more "professional" look to things in my opinion.