22

We are actively working on top bar improvements, many of which are a part of bringing the new top bar to the Stack Exchange network sites. Several of the changes are relevant to SO. As such, you should read the full update here.

Specifically, I wanted to call out the following issues which have received attention here on Meta SO.

Review queue icon sucks

Concern: The review queue icon doesn't look anything like what I'd expect. It isn't recognizable. (note: this is actually a hold over from SO feedback)

Status:

Explanation: We are happy to change this icon to one that works better for everyone. We ran a survey for people to pick their top two favorite icons. Over 600 people participated. We are doing some additional design review on the top two candidates and will announce the results soon.

Review queue false positives

Concern: The review queue shouldn't "light up" or have the red dot when there are no items to review.

Status:

Explanation: We've squashed some bugs with the new design, but probably have a few more to deal with. We will continue on our bug stomping journey.

Add labels to icons

Concern: Still, the icons aren't as recognizable as they should be. But if you add labels below them they would be. Please add labels.

Status:

Explanation: There is no room for legible labels in the current design. The font would have to be so small that it is arguable if it would help many people. (The example posted to meta cheated a bit by changing "achievements" to the much shorter "awards".)

11
  • 2
    Was a little concerned with the "just take this survey!" link, but the options look good. Some of them seem like improvements to me at least.
    – Travis J
    Oct 9, 2017 at 23:07
  • 3
    Icons: 1. Open notepad, 2. Discuss agenda, 3. Enable hamburger menu, 4. Approve something, 5. Go racing, 6. Let's talk stapler, baby! I think the fourth comes closest...
    – honk
    Oct 10, 2017 at 6:15
  • 1
    obligatory reference to best review icon suggestion I've seen so far
    – gnat
    Oct 10, 2017 at 6:56
  • 4
    I say we go for something like this: meta.stackoverflow.com/a/351081/7733026 Oct 10, 2017 at 7:50
  • 2
    I'm missing the review items count on the top bar.
    – xenteros
    Oct 10, 2017 at 7:50
  • 1
    @Joe Firend Awesome! It's great to see You guys keep constantly improving and taking feedback into consideration! Keep up the good work :)
    – Skipper
    Oct 10, 2017 at 9:30
  • @JamesDouglas Please don't start polishing turds.
    – Luuklag
    Oct 10, 2017 at 14:10
  • Labels: How about showing a tooltip when hovering one of the icons?
    – idmean
    Oct 10, 2017 at 18:15
  • 4
    @idmean We currently show tooltips.
    – Joe Friend
    Oct 10, 2017 at 18:23
  • 6
    while spending so much efforts on questionable UX changes, how hard it would be to find an hour or two of dev time to address this simple request: Looking for stats on how frequency of skip actions correlates with amount of reviews done by user? I ask because it is closely related to the problem you're trying to address, one of the awful attrition of reviewers - "...many users find it difficult to work in review queue... even after substantial amount of reviews, many users still fail to discover a way to work productively..."
    – gnat
    Oct 11, 2017 at 8:20
  • User this userstyle for Firefox addon Stylish to fix. Jul 30, 2018 at 14:40

2 Answers 2

19

Small comment regarding shapes: three of those icons have three horizontal lines

three suggested review icons

To me this clashes with the Stack Exchange icon. With either one, we'll have two adjacent icons containing three lines. The second icon is the worst here, it almost mirrors the Stack Exchange icon:

enter image description here

5
  • 13
    Valid point. The checkmark helps a lot, I think. I actually kind of like the flag icon, because it's clear and completely unambiguous. Someone on MSE made the argument that flagging and reviewing are two completely separate actions, but I'm not sure I see it that way. Flags are (generally) how you put an item into review, so you're basically just reviewing flagged posts. Makes sense to me. Oct 10, 2017 at 8:28
  • 7
    @CodyGray - I didn't like the flag icon at first and didn't vote for it, but it grew on me over the past long hours. Some flags do end up on the queue, so it does make sense. It has a distinct shape. It also feels like the user is receiving more responsibility - the user is helping resolve flags, not completing tasks. I may be overthinking this though.
    – Kobi
    Oct 10, 2017 at 8:40
  • 1
    Reading these comments it might be nice to turn the flag red in case there is a overflowing queue.
    – Luuklag
    Oct 10, 2017 at 14:11
  • 5
    The middle one looks more like a chat bubble to me.
    – aynber
    Oct 10, 2017 at 16:33
  • Wow I did not understand the flag at all. I thought it was the worst because I couldn't make heads or tails of it. Seeing the comments here it makes more sense now
    – Tas
    Oct 10, 2017 at 21:17
7

I feel an urge to quoting the @canon answer at https://meta.stackoverflow.com/a/351081/4758255 about the review:

Go for a hybrid, imo. When accompanied by an icon, the text doesn't have to be as big as the first-class links.

icon text hybrid links

The current review icon looks like an edit icon. Here an edit icon (from fontawesome) vs review icon (SO):

Edit icon:

enter image description here

Review icon:

enter image description here

I don't get any information from current review list except red alert. Take a look at previous review list vs current review list below:

previous review list from Please change the review icon back to a text link:

enter image description here

current review details:

enter image description here

The current review list feel so bland. It didn't encourage me to do the review.

Please bring back the previous review list.

Quoting from Steve Krug, Don't Make Me Think: A Common Sense Approach to Web Usability book:

Designers love subtle cues, because subtlety is one of the traits of sophisticated design. But Web users are generally in such a hurry that they routinely miss subtle cues.

.

Your objective should always be to eliminate instructions entirely by making everything self-explanatory, or as close to it as possible. When instructions are absolutely necessary, cut them back to a bare minimum.

1
  • 5
    I think it's better to split your answer, that way people can vote for some parts of your answer, and the SE team gets feedback on a smaller part of the navigation, so they can perform more directed fixes
    – Ferrybig
    Oct 12, 2017 at 15:53

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .