back
20 comments
A well distilled (yet detailed if you follow all the links) summary of good practices for good-thinking-supported-by good-note-taking.

The actual form of the piece nicely serves to illustrate (one of) the thesis it puts forward: that more complex, fully articulated works can grow out of a body of more atomic, partial, linked notes.

I found particularly interesting these assertions: - knowledge work practices are often ad-hoc (often unknowingly) - note writing is a core skill of knowledge work - note writing skill often plateaus because improvement is not ‘salient’

Scroll the page to the right to see the breadcrumbs/stack accumulate on the right. I think this style of presentation greatly encourages the reader to jump to other sections of the website, without worrying about losing track of where they left off the previous page.

I would love to know more about how to implement this technique, and possibly see this implemented in websites like Wikipedia.

I think the idea is very cool however the UX of scrolling horizontally isn't easy when using a mouse. It might be okay if using a touch screen or a touchpad though.

Maybe you can implement:

1. scrolling vertically at the bottom edge of the page translates it into a horizontal scroll instead?

2. Ability to use the left and right arrow to go to next page in the stack?

The latter makes total sense to me! I don't love vertical and horizontal scroll gestures being swapped, personally; feels jarring.
Yea, I agree. I think the keyboard option is the best.
How about mousewheel? Would it be too unintuitive for shift-wheeldown to scroll right and shift-wheelup to scroll left?
I think that's too complex. Any frequently used gesture which involves both keyboard and mouse can get quite annoying.
My mousewheel doubles as a middle button, how about button-wheel scrolling?
Most people don’t have that ability in their mouse and even many people who do don’t know about it. UX should always be easily accessible and to as many people as possible.
I had no idea what this was about because I visited on mobile. On mobile, this site is extremely confusing.
What this really need is, when I scroll to the end of a note and keep scrolling down, it should go to the other note.
yeah, this breaks one of my fundamental web expectations--things don't scroll left to right, scrolling is up and down. If it would translate my scroll wheel to into left right action, or if it was changed to stacking old pages at the top rather than on the left, it would work much better for me.
Nice, I would love to see better use of large screens, such as demonstrated in this demo. This reminds me of the pressreader.com UI. Some feedback:

You're showing heading of the last section on the right edge ("Note-writing practices are generally ineffective"). This probably isn't the most useful one - the reader is more interested in the "next" section rather than the last one. Or show all of them, like you do on the left edge.

Offer a way to skip to a section by clicking its collapsed card.

Pretty neat. Maybe it's just my laptop's screen, but I find the scrolling effect on the text to almost hurt my eyes. Cool concept though.
This is awesome - I’d suggest that notes in the “stack” should be clickable to take you back to them. Right now I just get a text selection cursor.
Eh, I'm the type who would accidentally click and then regret, so maybe if there were just a small return-to icon, not the whole titles being clickable?
Reminds me of older Azure UI in 2018 where clicking on items would open them on the right and if you have to go back you just scroll to left.
The stacked/accordian presentation of pages would be interesting with your browser tabs. Haven't come across anything like that, but it would be an interesting approach to cutting down on context switching.
Fun. Needs a bit more work though.

When the tab titles positions are attached to the page scroll. When you scroll to the bottom of a page and move on, the title is already scrolled off and the tab is blank.

I get a “could not fetch note” on iOS