Official Less Wrong Redesign: Nearly there

matt

LESSWRONG
LW

39 Official Less Wrong Redesign: Nearly there

by matt

24th May 2011

1 min read

39

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:

Site Meta

Personal Blog

39

New Comment

75 comments, sorted by

top scoring

Click to highlight new comments since: Today at 10:38 AM

Some comments are truncated due to high volume. (⌘F to expand all)Change truncation settings

[-]komponisto13y230

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?

[-]komponisto13y180

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.)

4SarahSrinivasan13y

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.

4ArisKatsaris13y

How about typing the words "You are awesome"?

4Clippy13y

The paperclips forgone to make them.

0matt13y

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"

8Alicorn13y

I would-have-upvoted-in-isolation 3, 4, 5, 6, and 7.

[-]Kutta13y200

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

[-]Raemon13y100

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.

1Kutta13y

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.

2gjm13y

I don't; I find it a bit too cutesy.

2jsalvatier13y

Looking quite good. I agree. I didn't realize it was Map/Territory until now!

[-]Kaj_Sotala13y190

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

[-]Bongo13y160

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.

4badger13y

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.

3Emile13y

"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?

4gwern13y

Maybe we should. I think I'm a very agreeable fellow. But maybe that's the cognitive biases talking...

1matt13y

Right.

5gjm13y

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...

2Emile13y

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]13y

It was a pejorative pretty much.

[-][anonymous]13y160

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.)

0AdeleneDawner13y

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]13y

I checked and the text definitely has a different color. It's currently #538D4D, but something like #38A174 in the screenshots.

8Alicorn13y

It's not just the headers. Green text on the body of the page is bluer looking too. It's brighter and uglier.

7RHollerith13y

Definitely like the old green better.

[-]Alicorn13y130

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

[-]badger13y110

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.

0jsalvatier13y

I think #1 is what 'popular' does which is already implemented.

3badger13y

Ah, I thought 'popular' was a combination of 'new' and 'top', sorting by recency and net votes.

1jsalvatier13y

Actually, you're right.

[-]Emile13y110

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).

2curiousepic13y

If the thumbs are kept, a more iconic, abstract thumb icon would be preferable.

0matt13y

We'll show a total, and word choice for the total might solve that problem: +5 agree vs -3 (disagree)

4Pfft13y

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_Cunningham13y

How about showing: With the 5 and 3 clickable.

2matt13y

I think I am convinced that thumbs should be used for karma, and +- for agree/disagree.

9steven046113y

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_Nesov13y

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.

1wedrifid13y

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_Smith13y

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.

1Emile13y

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.

[-]Alicorn13y90

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?

9matt13y

Absolutely yes.

[-]Emile13y80

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)

[-]jimrandomh13y70

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)

[-]Manfred13y60

I like the idea of nesting from the left only.

Thanks for giving meetups their own space!

[-]Bongo13y60

This is a poll.

[-]Bongo13y410

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

[-]Bongo13y250

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

[-]Kaj_Sotala13y130

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

1thejash13y

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.

-45Bongo13y

[-]FAWS13y50

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".

8Manfred13y

I think it's thoroughly ambiguous either way - context will have to do most of the work.

3steven046113y

But surely we'll want plus/minus to be the buttons that add to/subtract from karma.

[-]Yurifury13y40

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.

[-]Armok_GoB13y40

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.

[-]luminosity13y30

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?

[-]RHollerith13y20

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.)

[-]Kevin13y10

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

[-]David_Gerard13y00

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

0wedrifid13y

No. There will be two voting systems in the redesign.

[-]Kevin13y00

Can we make karma transferrable?

3wedrifid13y

Too gameable.

0Kevin13y

That's what rules are for. Mainly well specified prediction market bets.

0[anonymous]13y

If you go down this road, you'll probably end up reinventing money.

[-]saturn13y00

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

0curiousepic13y

I'd rather not have the thought that an animal died to make the header.

1Pavitra13y

Unless the header took less than five-ninths of a second to make, it's a little late for that.

[-][anonymous]13y00

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.

[+]Clippy13y-90

Moderation Log

75Comments