425

LESSWRONG
LW

424
Site Meta
Personal Blog

39

Official Less Wrong Redesign: Nearly there

by matt
24th May 2011
1 min read
75

39

Site Meta
Personal Blog

39

Official Less Wrong Redesign: Nearly there
23komponisto
18komponisto
4SarahNibs
4ArisKatsaris
4Clippy
0matt
8Alicorn
20Kutta
10Raemon
1Kutta
2gjm
2jsalvatier
19Kaj_Sotala
16Bongo
4badger
3Emile
4gwern
1matt
5gjm
2Emile
0[anonymous]
16[anonymous]
0AdeleneDawner
8[anonymous]
8Alicorn
7RHollerith
13Alicorn
11badger
0jsalvatier
3badger
1jsalvatier
11Emile
2curiousepic
0matt
4Pfft
3Oscar_Cunningham
2matt
9steven0461
2Vladimir_Nesov
1wedrifid
1Nic_Smith
1Emile
9Alicorn
9matt
8Emile
7jimrandomh
6Manfred
6Bongo
41Bongo
25Bongo
13Kaj_Sotala
1thejash
-45Bongo
5FAWS
8Manfred
3steven0461
4Yurifury
4Armok_GoB
3luminosity
2RHollerith
1Kevin
0David_Gerard
0wedrifid
0Kevin
3wedrifid
0Kevin
0[anonymous]
0saturn
0curiousepic
1Pavitra
0[anonymous]
-9Clippy
3Alicorn
-6Clippy
8Alicorn
New Comment
75 comments, sorted by
top scoring
Click to highlight new comments since: Today at 8:15 AM
Some comments are truncated due to high volume. (⌘F to expand all)Change truncation settings
[-]komponisto14y230

Things I don't like:

1. Disappearance of the background art in the heading.

2. "Discussion" tab is right next to "Comments". This may be confusing to visitors, who will not immediately know the difference.

3. The bolding scheme in the Recent Comments sidebar, which is

Alicorn on Theism, Wednesday, and Not Being Adopted

instead of

Alicorn on Theism, Wednesday, and Not Being Adopted

(the current) or

Alicorn on Theism, Wednesday, and Not Being Adopted

4. The fact that comment scores have been moved from the top of the comment boxes to the bottom. This makes visual scanning by score harder.

5. Upvote/Downvote/Agree/Disagree buttons are not clearly labeled. They should be labeled with words, as they are now, not pictures, and also put next to each other, to remind people that there are two categories of voting and prevent new users from noticing only one of them.

6. I'm not sure I like the two categories of voting -- a change in this area will change the existing status dynamics, to which my brain is already accustomed.

7. There seems to be more bright whiteness in the new design, as opposed to the "gray" feeling of the current scheme.

8. What's wrong with bullets?

Reply
[-]komponisto14y180

Also: "Hall of Fame" is not a good substitute for "Top Contributors", since it implies that the people in it are no longer active. (Why bother to rename the list anyway? "Top Contributors" is a perfectly fine description.)

Reply
4SarahNibs14y
Why oh why can't we have a way of bringing information that would be good for people to see into their view without turning the underlying system into "status dynamics"? :( I don't care that karma is currently descriptively status, let's figure out what we want to do, then how to implement it so the useful behavior doesn't get hijacked by the status parasite. Edit: Here's what I want, off-the-cuff: I want a classifier for posts that buckets them into "definitely not worth anyone's time", "friggin' awesome and everyone on LW and probably elsewhere should read this", and "the rest". I would like a classifier for comments that buckets them into "troll or hopeless", "important part of the conversation", "practically a required addendum to the post", and "the rest". I would like another classifier for comments that buckets them into "hilarious or otherwise worth reading", "may cause loss of brain cells by reading", and "the rest". I would like a way to tell the author of a post or a comment "you are awesome". I would like a way to tell the potential readers of a post or a comment "you will find this an important part of the conversation" or "you do not need to read this". I would like a way to tell the potential readers of a post or comment "this is hilarious or awesome" or "this is distasteful". I would not like these things to be conflated.
4ArisKatsaris14y
How about typing the words "You are awesome"?
4Clippy14y
The paperclips forgone to make them.
0matt14y
8 separate points in this comment, and 9 upvotes. I can't tell which of your points has community support, so I'm discounting all of them. That's a shame - I'm losing a lot of information. Next time, 8 separate comments? PS: "discount" != "ignore"
8Alicorn14y
I would-have-upvoted-in-isolation 3, 4, 5, 6, and 7.
[-]Kutta14y200

I prefer the old map-territory themed header over the new design.

Reply
[-]Raemon14y100

I didn't realize it was map/territory until now. I think it is clever, but it always felt a little odd and hard to read and I think I prefer the functionality of the new one.

Reply
1Kutta14y
I think the old header is sorta refreshing because the rest of the page is very clean (perhaps to the point of sterility) and devoid of graphic elements. Also, I find that the header guides the eye quite effectively towards the FHI and SIAI logos on the right.
2gjm14y
I don't; I find it a bit too cutesy.
2jsalvatier14y
Looking quite good. I agree. I didn't realize it was Map/Territory until now!
[-]Kaj_Sotala14y190

Thank you for all the effort you've put into this!

Reply
[-]Bongo14y160

If we go through with the double karma, let's at least collect statistics: given that a user voted something up/down on one karma, with what likelihood did they also vote it in the same direction on the other karma?

Maybe it'll be revealed that for most posts, most users either click neither or both, and in the same direction.

Reply
4badger14y
One important use for the "agree/disagree" mechanism would be polling, which shouldn't be tracked. Maybe the "a/d" buttons should show up only if the commenter chooses.
3Emile14y
"Double karma" is a weird phrasing - from what I understood, "agree/disagree" shouldn't have any impact beyond a single post, we don't keep a tally of how many people agreed or disagreed with each user ... right?
4gwern14y
Maybe we should. I think I'm a very agreeable fellow. But maybe that's the cognitive biases talking...
1matt14y
Right.
5gjm14y
I worry that if we decouple "I agree with this" and "I like this", the latter will correlate less well with contributing usefully to LW than the un-decoupled "vote up" currently does. I don't have any particularly convincing reasons why I should worry that; just a vague feeling that it'll have more tendency to reflect poster status, applause lights, random witticisms, etc., and less tendency to indicate insight and expertise. Then again, looking at my own comment scores, I can't say that my highest-rated comments have been the ones with most insight or expertise behind them as things are...
2Emile14y
Hm, I have the opposite impression, so let's break this down. Current reasons to vote on a post: A: Agree/disagree with the conclusion B: Think the post is well argued / badly argued C: Think the post is witty / appeals to applause lights Right now the votes are A + B + C, now it would become B + C, you're worried about the increased weight of C, I'm happy about the increased weight of B :)
0[anonymous]14y
It was a pejorative pretty much.
[-][anonymous]14y160

Maybe it's just a screenshot artifact, but did you change the calming LW green to a more blueish, unpleasant hue? If so, let me be the first to say They Changed It, Now It Sucks.

(No, I don't have anything more substantial to comment on.)

Reply
0AdeleneDawner14y
The colors look the same to me. The first letters of the words are capitalized in the new headers, though, which means that the first L shows more of the darker, bluer green than the old header's L did. That might be what you're noticing.
8[anonymous]14y
I checked and the text definitely has a different color. It's currently #538D4D, but something like #38A174 in the screenshots.
8Alicorn14y
It's not just the headers. Green text on the body of the page is bluer looking too. It's brighter and uglier.
7RHollerith14y
Definitely like the old green better.
[-]Alicorn14y130

In the headers, the Singinst logo appears to be positioned lower than the FHI one, which is awkward-looking.

Reply
[-]badger14y110

I didn't join in the bikeshedding on the first round of discussion, but I might as well now!

  • Sorting by "Top" tends to disproportionately favor old posts. Is it possible to implement Wilson scoring ala Reddit?
  • I liked the map/territory distinction in the old banner. The new ones look good, except that the background looks like grey fleece or lint to me.
  • To my eye, too much padding around elements. Everything seems like it could be tightened up a little.
  • The comment icons seem a little cartoony. I have no attachment on text vs icons, but not a fan of those particular ones.
  • Are the tags gone from the sidebar? They are ugly as currently presented, but I don't see anything that would even take me to a list of tags.
Reply
0jsalvatier14y
I think #1 is what 'popular' does which is already implemented.
3badger14y
Ah, I thought 'popular' was a combination of 'new' and 'top', sorting by recency and net votes.
1jsalvatier14y
Actually, you're right.
[-]Emile14y110

The "thumbs up"/"thumbs down" look too much like they are for voting up or down. I don't have much better suggestions for meaning "agree" or "disagree" though -maybe just a an X and a check-mark, like this? (but without colors, they'd be distracting).

Reply
2curiousepic14y
If the thumbs are kept, a more iconic, abstract thumb icon would be preferable.
0matt14y
We'll show a total, and word choice for the total might solve that problem: +5 agree vs -3 (disagree)
4Pfft14y
If you are showing words anyway, do you need the thumbs at all? How about just making the text clickable, and when you click it it becomes bold (like the current voting system) and the count updates. I agree with Emile that showing thumbs seems like a bad idea, because (at least for me) "thumb up"/"thumb down" means "this is good"/"this is bad". Indeed, the original meaning of "spare him"/"feed him to the lion" seems more like up/downvoting than like agree/disagreeing.
3Oscar_Cunningham14y
How about showing: With the 5 and 3 clickable.
2matt14y
I think I am convinced that thumbs should be used for karma, and +- for agree/disagree.
9steven046114y
Maybe the most natural thing for agree/disagree is a green check mark and a red cross? Then karma could maybe stay +/-. ETA: I see Emile's example incorporates a check mark and cross also, though there the cross looks a little like it's being used as a check mark.
2Vladimir_Nesov14y
I think thumbs shouldn't be used for agreement, since this is a more specific characterization than relevance/quality/yay! of Karma (and the purpose of agree/disagree is partially to make this component explicit where it's well-defined), but +/- for agree/disagree will just be confusing. My suggestion for agree/disagree are '==' (equals) and '=/=' (not equals) symbols drawn in sufficiently clear way, perhaps in circles.
1wedrifid14y
So long as mouseover text (for example) makes it clear what on earth the == stuff means. Mind you I suspect I will opt out of the agree/disagree feature via greasemonkey anyway. I tend to find that the judgement of humans is leaky and that the underlying cause of a negative judgement (be it disagreement with the comment, disagreement with other comments that are similar, disapproval of the subject or disapproval of the author) is something that must be inferred from the context. I suspect that I would find the behavioural patterns related to the agree/disagree feature slightly irritating to watch. I think it is the honesty or straightforwardness of karma votes that appeals to me. "Trivial positive political action; trivial negative political action". So when I see something that is obviously correct that gets downvoted heavily it just means that some folks had personal reasons to downvote. Fair enough. But if there were lots of 'disagree' votes then that really would mean that the thinking processes of the community was defective. The above isn't meant as an argument against or a complaint about the implementation of the new feature. I'm sure it'll be great for those who are interested in that sort of thing. I just may personally filter it out of my awareness. :)
1Nic_Smith14y
This might be too late to the discussion, but have you considered combining the vote systems into a grid below each comment, with the Y-axis as karma and the X-axis as agree/disgree? This would halve the number of clicks needed to vote.
1Emile14y
How about something like this? The agree / disagree info is nice and short at the bottom right, and you get an explanation in a tooltip.
[-]Alicorn14y90

I'm not thrilled with the voting etc. buttons having their text replaced with symbols. Will they at least have mouseover text explaining what they do?

Reply
9matt14y
Absolutely yes.
[-]Emile14y80

The subscribe, save and report icons may be distracting, they're not things you need very often. They could be hidden in a submenu (that drop-down thing at the top right, in which case you wouldn't need icons any more), or be completely hidden (not greyed) when your mouse isn't over the comment's div.

The permalink icon could also be removed by instead making the time-and-date clickable (or it could be left as an icon - it's not very distracting - but put next to the time-and-date.

(Also, thank you a lot for your work! Sorry for just offering criticism, of course plenty of things are very neat, but that goes without saying)

Reply
[-]jimrandomh14y70

Great work! I especially like the "new since last visit" highlight; that will help following conversations across multiple visits quite a bit. That said, as Armok_GoB observed,

There is something which seem more... cold and hard somewhat than the current aesthetic, which is bad, but otherwise it seems great.

I noticed that too. I'm not sure why, exactly, but I have a few hypotheses. It could be that the shade of green has changed (it's darker and more saturated now). I'm neutral on this change. Another big difference is that the sidebar has gre... (read more)

Reply
[-]Manfred14y60

I like the idea of nesting from the left only.

Thanks for giving meetups their own space!

Reply
[-]Bongo14y60

This is a poll.

Reply
[-]Bongo14y410

Upvote this if you think separate agree/disagree and upvote/downvote buttons are a good idea.

Reply
[-]Bongo14y250

Upvote this if you think separate agree/disagree and upvote/downvote buttons are a bad idea.

Reply
[-]Kaj_Sotala14y130

I'm rather skeptical and leaning towards "bad", but am not confident enough to vote either option. I say we give it a try.

Reply
1thejash14y
Above, emile broke it down to: "Current reasons to vote on a post: A: Agree/disagree with the conclusion B: Think the post is well argued / badly argued C: Think the post is witty / appeals to applause lights" Separating into agree/disagree and upvote/downvote changes it into A and B+C, as emile pointed out. However, none of us really want karma to be about C. Maybe we could do better with a simple rewording? "good argument/poor argument" vs "upvote/downvote"? Wording could go in place of the icons, or as hover text.
-45Bongo14y
[-]FAWS14y50

Switch the symbols, thumbs up/down for good/bad post, plus/minus for agree/disagree. Thumb pointing is rating a performance, not voting to show agreement, while the jump form "me too" to "+" is fairly small. On some boards there even seems to be a convention of replying with "+1" to signify something like "I wanted to say that, too".

Reply
8Manfred14y
I think it's thoroughly ambiguous either way - context will have to do most of the work.
3steven046114y
But surely we'll want plus/minus to be the buttons that add to/subtract from karma.
[-]Yurifury14y40

Not quite related to the redesign, but can the comment "Sort By" dropdown's values have a #comments anchor appended to them? When I change the way comments are sorted, I want to be start reading through them straight away, without having to scroll down.

Reply
[-]Armok_GoB14y40

This looks awesome. There is somehting which seem more... cold and hard somewhat than the current aesthetic, which is bad, but otherwise it seems great.

Reply
[-]luminosity14y30

The single line motto in the main section header next to the two-lines of motto in the other two is a little disconcerting. Any reason not to have it match them?

Reply
[-]RHollerith14y20

Background image of the new header is much less dorky than the map and aerial photo but it causes a What Is It? reaction in me that causes me to examine it in detail to see if it signifies anything.

I'll probably suppress the background image with Adblock Plus like I do the current one. (Actually, there are two, one being a gradient.)

Reply
[-]Kevin14y10

In the post editor, make plain text copy paste the default.

Reply
[-]David_Gerard14y00

So, karma scores officially mean "agree/disagree" rather than "more like this/less like this"?

Reply
0wedrifid14y
No. There will be two voting systems in the redesign.
[-]Kevin14y00

Can we make karma transferrable?

Reply
3wedrifid14y
Too gameable.
0Kevin14y
That's what rules are for. Mainly well specified prediction market bets.
0[anonymous]14y
If you go down this road, you'll probably end up reinventing money.
[-]saturn14y00

I think the header should look more like this. (The font difference is unintentional; I didn't have the same font)

Reply
0curiousepic14y
I'd rather not have the thought that an animal died to make the header.
1Pavitra14y
Unless the header took less than five-ninths of a second to make, it's a little late for that.
[-][anonymous]14y00

Agreement/disagreement distinction is too simplistic, I think it's a bad idea to polarize along these lines. Do I agree with Luke's post on neuroscience and values, or do I disagree with it? What would that even mean? There are many comments for which the situation is similar. Do I "disagree" with a comment that boldly asserts the existence of God?

I propose that voting should be for quality and relevance of content.

Reply
[+]Clippy14y-90
Moderation Log
More from matt
View more
Curated and popular this week
75Comments

Design sketches

1. Notes on differences between these images and what we're planning on implementing:

 

2. Meetup widget in sidebar, listing the 5 nearest meetups occurring in the next 2 weeks, linking to:
(something like right-click & "Open Image in new tab" will help here)

 

3. New headers: