1. EffectiveDiscussions Forum
  2. Sandbox

Tutorial — 2D layout

By user_145 (KajMagnus)3 years ago, edited 2 months ago by various people

Do this:

  1. Scroll: click and hold left mouse button on the white background, and drag the mouse leftwards, upwards, with the mouse button held down.

Please note: The two dimensional layout can be disabled; there's a per website setting. To disable it on this page only, click here, to enable it again, click here.

  1. Scroll down to the Example Discussion below. Note how much text you don't need to read: pointless comments are collapsed — they don't waste your time.

  2. Think about whether interesting comments appears at the top / to the upper left, and boring comments appear far away downwards / to the right. — The intention is that you find the most interesting comments first, when you start reading.
    (Imagine the example discussion below, but moved to a "normal" forum: one single flat column, replies sorted by time — it would be unreadable. All you found wold be "Test", "Testing", "Test test" comments. But with Debiki, you find what you're looking for.)

  3. Test to leave a reply: click Reply. And click Like to like some comments :-)

Example Discussion

Topic: Which animal species is the kindest species in the world?

What's your opinion?

  • 252 replies
  1. Anonymous?3 years ago

    Dolphins.

    They have no arms and can do no evil. And they are intelligent, and always smile :-)

    Well, that wasn't entirely true. — They are bullying each other sometimes. And although they many times have saved humans from drowning, or from sharks, they have also actually killed humans — some poor fellow that surprised them by jumping from the boat down in the middle of them.

    1. blah?2 years ago

      I like dolphins

      1. Anonymous?2 years ago

        Dolphins are the greatest.

      2. In reply toblah:
        Anonymous?2 years ago

        I like dolphins too

        1. Anonymous?2 years ago

          they swym

          1. Anonymous?2 years ago

            fast

            1. In reply toAnonymous:
              Click to show more comments
            2. In reply toAnonymous:
              Anonymous?2 years ago

              they jump

              1. da?2 years ago

                impresionante!

              2. In reply toAnonymous:
                Click to show more comments
                1. Click to show more replies
              3. In reply toblah:
                Click to show more comments
                1. Click to show more replies
              4. In reply toAnonymous:
                Click to show more comments
                1. In reply toAnonymous:
                  Click to show more comments
                  1. In reply toAnonymous:
                    Click to show more comments
                    1. In reply toAnonymous:
                      Anonymous?7 months ago

                      asdfasdfasdf

                      333

                      1. Click to show more replies
                    2. In reply touser_145:
                      Anonymous?3 years ago

                      The Dodo bird

                      It's extinct now though

                      1. Click to show more comments
                        1. In reply toAnonymous:
                          Click to show this comment
                          1. Anonymous?3 years ago

                            Interesting idea.

                            1. Anonymous?3 years ago

                              Reminds me of a mind map.

                              1. Anonymous?3 years ago

                                Does it ever become to complex for the users to handle?

                                1. For old people: Yes I suppose it might become too complex.

                                  click to show
                            2. In reply toAnonymous:
                              Anonymous?3 years ago

                              Very interesting.

                              1. Anonymous?2 years ago

                                nested reply?

                                1. Anonymous?2 years ago

                                  not interesting. reply can only nest for 3 levels.

                                  1. Replies can nest to any level. However if there's only 1 reply, then there's really no need to increase indentation — instead I'm simply pla

                                    click to show
                                    1. In reply toAnonymous:

                                      Example of nested reply with arrows.

                                2. In reply toAnonymous:
                                  Click to show more comments
                                  1. In reply toAnonymous:
                                    Click to show more comments
                                  2. In reply toAnonymous:
                                    Anonymous?2 years ago

                                    test

                                  3. In reply touser_145:
                                    Kitty overlord?3 years ago

                                    Kittens

                                    Cats!

                                    Just kidding.

                                    1. Cats eat birds. But what about kittens? They are cute and drink milk instead

                                      1. Click to show more comments
                                        1. In reply touser_145:
                                          Click to show more comments
                                      2. In reply touser_145:
                                        Anonymous?2 years ago

                                        It's very annoying to scroll to the right so far to see new comments...

                                        1. Anonymous?2 years ago

                                          true

                                        2. In reply toAnonymous:

                                          You're drag-scrolling with the mouse? (I.e. clicking and dragging on the white background)

                                          You would have had to scroll an even longer distance, downwards, had everything been placed in a single 1D column. (Isn't that worse? I think)

                                          It's a problem, however, I agree — and now I'm thinking about [replies-to-the-OP that don't get any replies themselves]. They make the page very very wide, leaving it mostly blank.

                                          Illustration: (the two rightmost replies are problematic because they make the page too wide. I wonder how that can be fixed?? Placing them on top of each other somehow?)

                                          [the Original Post]
                                          [....             ]
                                          \
                                           `+--------+----------------+-------–...
                                            [Reply]  [Reply with no]  [Another ]
                                            |        [replies, bad ]  [one, bad]
                                            [Re. 2]
                                            [Good ]
                                            |
                                            [Re. 3]
                                            [...  ]
                                          
                                          1. Anonymous?2 years ago

                                            You could tab the comments, eg with twitter bootstrap tabs,

                                            left tab - most interesting (or newest/oldest) center tab - less interesting right tab - least interesting

                                            Would also solve the problem of having to scroll right, especially on smaller screens.

                                            1. That cold work unless there are too many replies to the root post. For example, on this page, there are 36 direct root post replies — then there would be 36 tabs?

                                              Perhaps it's possible to make it work anyway, by showing only the next 3 tabs or something like that.

                                              I'm afraid some people wouldn't realize that they were supposed to click on the tabs to find more comments.

                                              1. bigspud?4 months ago

                                                wow, just trying the 2d setup, and wondering why a preview pane is necessary on the post

                                                1. The preview is useful if you use Markdown syntax, and e.g. writeboldtext oritalictext, or

                                                  click to show
                                              2. In reply toAnonymous:
                                                Anonymous?2 years ago

                                                Also, the arrows make little sense with the comments already nested. The arrow distract from the content. Most people should be familiar with nested comments anyway.

                                                1. That is true. I think the arrows are really only helpful when the replies "branch out", I mean, when there are >= 2 replies to a comment.

                                                  click to show
                                                  1. In reply toAnonymous:

                                                    I've removed most arrows now, and only kept arrows that are actually needed (which they are if there are many replies to a reply, since the layout isn't the standard nested comment layout: the last reply isn't indented).

                                            2. In reply touser_145:
                                              Anonymous?3 years ago

                                              Horizontal and vertical scrolling? No thank you.

                                              1. Dmitri?2 years ago

                                                It works pretty great with a MacBook's trackpad (via two-finger scrolling).

                                                1. Anonymous?2 years ago

                                                  I was just thinking this!

                                                  1. Click to show more comments
                                                2. In reply toAnonymous:
                                                  Anonymous?2 years ago

                                                  Agreed, it is annoying

                                                  1. In reply toAnonymous:
                                                    Click to show more comments
                                                    1. In reply toAnonymous:

                                                      Okay. Now I've implemented single column layout too, if you just want to scroll down.

                                                      1. In reply toAnonymous:
                                                        Anonymous?7 months ago

                                                        asdfasdfasdf

                                                        333

                                                      2. In reply touser_145:

                                                        Humans?

                                                        It's the kindest and cruelest species

                                                        1. Click to show more comments
                                                          1. In reply touser_145:
                                                            Click to show more comments
                                                            1. In reply touser_145:
                                                              Anonymous?2 years ago

                                                              Agreed!

                                                              1. Click to show more comments
                                                              2. In reply touser_145:
                                                                Anonymous?2 years ago

                                                                Are you sure it's also the kindest? Most of the time we're being kind is when we're trying to fix our own or somebody else's cruelty.

                                                                Like helping the homeless is kind. But the reason they're homeless is most likely due to other people's cruelty.

                                                                1. I think when finding the kindest species, it's individuals that counts, not the average :-) And usually the ones that help the homeless aren't the ones who were cruel against them. So if you look at individuals, then among humans you'll find the most kind hearted beings and also the most cruel beings.

                                                                2. In reply touser_145:
                                                                  Click to show more comments
                                                                  1. Click to show more replies
                                                                3. In reply touser_145:
                                                                  Anonymous?3 years ago

                                                                  dupa

                                                                  click to show
                                                                  1. In reply touser_145:
                                                                    Cicero?3 years ago

                                                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

                                                                    click to show
                                                                    0 chat comments