Add visual delimiters between fpps?

August 8, 2002 4:14 PM

On the front page I sometimes mistake a thread with an empty line and then another link in the comment for two separate threads. I don't associate all of the text with a single post because the spacing is the same as it would be for two posts. It's a minor thing and I realize there was more to the comment when I view it, but what about adding a delimiter to make it easier to tell threads apart? Or am I the only one that makes this mistake?
posted by jaden to feature requests at 4:14 PM (35 comments total)

There very, very first time I saw MetaFilter (August of 2001), I took a look at it and could barely make sense of it. It looked like a big stream of consciousness in yellow and white text....

I don't know if there is a design feature that can help with this without being too obtrusive, but it would probably be handy.
posted by insomnyuk at 4:17 PM on August 8, 2002

I'm thinking of something simple like indenting the "posted by" line or adding an extra newline between posts (although that would make the front page a lot longer). Something unobtrusive that would make it easier to quickly scan all the threads on the front page.
posted by jaden at 4:23 PM on August 8, 2002

It's a tough design problem to solve.

I would rather add more vertical whitespace, instead of HR lines or dashes, or any visual clutter. I could get rid of vertical space completely, though every once in a while it's necessary (but usually not).
posted by mathowie at 4:26 PM on August 8, 2002

Here are some of the ideas that people mulled over before. Matt wasn't mad keen on the idea of breaking the front page up too much but things change...
posted by MUD at 4:26 PM on August 8, 2002

... and sometimes they stay pretty much the same.
posted by MUD at 4:28 PM on August 8, 2002

Ah, thanks for the link MUD. I looked at some of the ideas and didn't see anything that really seemed right. What about this one?
posted by jaden at 4:36 PM on August 8, 2002

Hey, I like that!
posted by rushmc at 4:48 PM on August 8, 2002

On the front page, I'd recommend eliminating line breaks and truncating the posts to less than 500 characters with an auto [more...] link into the thread if they go past that.

Unless somebody can point to 1 single post that would have been harmed by those contraints (including by the way my own recent 561 character post which I secretly knew should have been edited better for brevity).
posted by willnot at 5:06 PM on August 8, 2002

I am experimenting with some changes. I really like the indent with newlines but newlines without indent is okay too. They both take up an extra line per post, but it sure makes it easier for me to read.
posted by jaden at 5:17 PM on August 8, 2002

willnot: have that show up on preview (there's a preview right? I've never submitted a link), and you've got something. Everyone will notice what their post will look like and will edit accordingly... Will
posted by ODiV at 5:18 PM on August 8, 2002

I'm not too keen on the idea of eliminating vertical space in posts because the extra space makes it easier to read. I also like being able to read the entire description at a glance, so I wouldn't be in favor of truncating.
posted by jaden at 5:28 PM on August 8, 2002

I like this, that's what I suggested above, simply adding more space.
posted by mathowie at 5:43 PM on August 8, 2002

How about right-justifying the "posted by" line?
posted by mediareport at 6:26 PM on August 8, 2002

It looks kind of strange
posted by jaden at 6:33 PM on August 8, 2002

Right justifying is too much of a deviation from the norm. Familiarity is important, and right justifying looks really awkward.

Personally, I think the posted by line should be left where it is, even the indentation, while it helped demarcate posts visually, did not look "right". I can't explain it, the gal dern thang just don't look raht. It almost makes me want to think that posts below the top one are somehow nested, what with the indentation. Please tell me if that makes any sense.

posted by insomnyuk at 8:00 PM on August 8, 2002

Or how about some fairly subtle CSS work, like this(just play with the border properties for the smallcopy class). Or you could go extreme with something like this or this.
posted by insomnyuk at 8:19 PM on August 8, 2002

I think the indent layout is very effective, and not too crazy. I hear you, insomnyuk -- it's different, not sure if I'm really all the way into "don't look right" territory -- but it also strikes me as a teensy bit exciting and fresh and shiznit.
posted by cortex at 8:36 PM on August 8, 2002

Yuck. I hate the examples with all the extra space between links. It's wasteful, makes it harder to scan the front page, and just looks BAD (and amateurish). I much prefer the indented "posted by" line.
posted by rushmc at 9:02 PM on August 8, 2002

insomnyuk's second example is startlingly easy to scan/read.
posted by rushmc at 9:04 PM on August 8, 2002

Matt's example has too much space; insomnyuk's are too boxful. I think a relatively subtle typographical solution might be enough - just tighten up the leading a little. (Looks good on IE5 and Mozilla on the Mac, anyway.)
posted by nicwolff at 9:36 PM on August 8, 2002

(But looks like poo on OmniWeb.)
posted by nicwolff at 9:40 PM on August 8, 2002

I agree that the extra spacing is icky looking, especially on my old-school laptop with a teeny tiny monitor. I really like nicwolff's suggestion - it's a fairly invisible change, but still solves the problem.

Here's another suggestion - instead of indenting the posted by line, could you sort of out-dent it? That would provide a clearly visible break between posts (but might put too much emphasis on the posted by line). I don't have the html/css knowedge to provide an example, sorry.
posted by kelperoni at 10:45 PM on August 8, 2002

I realize there are lots of ways to do this, but I want to explore how things would look, so I did three more: 4, 5, 6. You could change the background color, or indent, or add a small border on the top, bottom, or left, or you could do all of those things at the same time. For this purpose I really don't give a damn how it looks aesthetically, I just want it to be readable. Maybe I'll pull the RSS feed to my site from now on and use my own customized metafilter look....

kelperoni: it may be possible to make it look that way with CSS, probably just by adjusting the margin, I cheated and faked indentation by adding spaces...
css ramble:
There are advantages and disadvantages to the way Matt has structured each post, the DIV tag for each post has the "copy" class applied to the entire thing, which makes it harder to have the "posted by" line truly independent, although this may not be a bad thing.

cortex: I'm liking the indenting the more I see it, as long as its not too extreme.

That was a fun diversion, but I'm going to bed now.
posted by insomnyuk at 11:08 PM on August 8, 2002

What an enjoyable thread! I had no idea you could mess around with the design and post suggestions in such a neat way.

Speaking as a reader who likes things as they are, I must say this solution of Jaden's, which Matt singled out, seems a real improvement, as it doesn't seem like a change, yet is significantly clearer. If that makes any sense...
posted by MiguelCardoso at 11:40 PM on August 8, 2002

I respectfully submit this suggestion.
posted by crunchland at 12:05 AM on August 9, 2002

I don't know, I've always been partial to this look.
posted by patrickje at 12:56 AM on August 9, 2002

OK. Another monitor debited 50/50 to crunchland's and patrickje's ongoing bills.
posted by MiguelCardoso at 1:11 AM on August 9, 2002

I like the indented "posted by" solution, but I like all these user interface suggestions even better. Would it be possible to add a user field or cookie to define an external style sheet, so members can create, use, and share their own demented Metafilter designs?
posted by rcade at 5:22 AM on August 9, 2002

It would be easier to do this kind of thing with CSS if Matt used P tags around the paragraphs of posts, rather than separating them with BR tags.

Then, yeah, he could just add an option in user prefs for a stylesheet URL, and CFIF's in every page to add the LINK tag if it's set...

All in his copious free time. Jeez I wish MeFi were in mod_perl so I could offer to help with this stuff!
posted by nicwolff at 7:15 AM on August 9, 2002

I've always been partial to this look

Ha! Yeah, here's another proposed redesign.
posted by Shadowkeeper at 1:22 PM on August 9, 2002

For what it's worth, I've had the same experience as jaden; of the proposed solutions, I much prefer the indent—the extra newline looks awkward to me. (Of course, it's hard to resist the subtle elegance of crunchland's suggestion...)
posted by languagehat at 1:24 PM on August 9, 2002

That was supposed to be an em dash, dammit.
posted by languagehat at 1:27 PM on August 9, 2002

how about this with just the first letter a little bigger, i think that looks professional still and no lines or anything...

it looks a little fishy in ie, use mozilla ;)
posted by rhyax at 3:06 PM on August 9, 2002

It seems to me there's a much easier way to solve this problem:

Why not just disallow line breaks in front page posts?
posted by webmutant at 1:09 AM on August 10, 2002

I thought long and hard about this, but I kind of like it just the way it is.
posted by Spoon at 3:29 PM on August 10, 2002