I have a Q&A website exactly like StackOverflow. Now I'm trying to create a box for notifications. My question isn't about programming, I just want to know your opinion about the UI design.

As you know, SO has two different box for comments and votes. My website has just one box for all kind of notifications. So all rows don't have an identical structure. Here is what I've designed so far:

enter image description here

I just want to know your opinion about the structure of those two rows. Just the structure, not the color, font, size etc .. . Just tell me is that structure user-friendly and delightful?

As you see, first kind of row has a separator and a score like this | +2, But the second kind of row doesn't have that separator, but it has a short part of the content like this: this is a test content, ...

Ok, so what's your opinion about the UI?

closed as off-topic by JohnGB Aug 12 '16 at 12:28

This question appears to be off-topic. The users who voted to close gave this specific reason:

  • "Questions about Site Reviews are off-topic because questions here are expected to be relevant for a variety of people in the same situation. Reviewing a site, flow or interface only helps one person at a specific time. Instead try to ask a focused question about a particular aspect of the design that solicits solutions, not opinions." – JohnGB
If this question can be reworded to fit the rules in the help center, please edit the question.


I recommend the following :

  • Remove the label "vote" and the seperator. They are reduntant elements.

  • Place the vote and the title on the same line.

  • Remove the label "comment".

  • Use mouse over tooltip for the vote/comment icons.

enter image description here

  • 1
    Does an orange triangle effectively communicate this is a vote? – SteveD Aug 12 '16 at 9:10
  • Thx . . . +1 ..! – Shafizadeh Aug 12 '16 at 19:53

Not the answer you're looking for? Browse other questions tagged or ask your own question.