- Aug 2024
-
frontside.com frontside.com
-
Designers want every part of the app interface and all the elements to have the same look and feel, and design tokens were created to help them achieve that outcome.
Design tokens are platform-agnostic and are the first layer of design decisions in a design system.
-
- Jan 2023
-
whalebird.social whalebird.social
-
https://whalebird.social/en/desktop/contents
Whalebird is a Mastodon, Pleroma, and Misskey client for desktop application
-
- Dec 2022
-
borretti.me borretti.me
-
https://borretti.me/article/unbundling-tools-for-thought
He covers much of what I observe in the zettelkasten overreach article.
Missing is any discussion of exactly what problem he's trying to solve other than perhaps, I want to solve them all and have a personal log of everything I've ever done.
Perhaps worth reviewing again to pull out specifics, but I just don't have the bandwidth today.
-
-
rhiaro.co.uk rhiaro.co.uk
-
I'd love it to be normal and everyday to not assume that when you post a message on your social network, every person is reading it in a similar UI, either to the one you posted from, or to the one everyone else is reading it in.
🤗
-
Thinking about the circular relationship between UX and human behaviour - how they shape each other. The affordances of the system determine certain usage patterns, but people subvert those affordances, turn them to unexpected ends, and the system is often changed (if not directly by the designers, then indirectly through reinterpretation by the users) as a result.
We shape our tools and thereafter they shape us....
-
-
fasiha.github.io fasiha.github.ioYoyogi1
-
https://fasiha.github.io/yoyogi/
Yoyogi is an alternate Mastodon reading interface that shows messages by author / thread and not as the traditional timeline.
Similar to Pinafore
-
- Nov 2022
-
app.sane.fyi app.sane.fyiSane1
-
https://app.sane.fyi/space/kevinmarks-gmail-com-tools-for-thought-87615
An example of the Sane user interface.
-
- Oct 2022
-
www.denizcemonduygu.com www.denizcemonduygu.com
-
https://www.denizcemonduygu.com/philo/browse/
History of Philosophy: Summarized & Visualized
This could be thought of as a form of digital, single-project zettelkasten dedicated to philosophy. It's got people, sources, and ideas which are cross linked in a Luhmann-sense (without numbering) though not in a topical index-sense. Interestingly it has not only a spatial interface and shows spatial relationships between people and ideas over time using a timeline, but it also indicates—using colored links—the ideas of disagreement/contrast/refutation and agreement/similarity/expansion.
What other (digital) tools of thought provide these sorts of visualization affordances?
-
-
natto.dev natto.dev
-
Natto https://natto.dev<br /> built by Paul Shen https://twitter.com/_paulshen
-
- Aug 2022
-
ncase.me ncase.me
-
For those interested in the ideas of annotations, inline footnotes, expandable text, additional context, stretch text, hovercards, etc., Nicky Case has recently released a new project called Nutshell (https://ncase.me/nutshell/) which has some fun user interface as well as code with which to play.
-
- Apr 2022
-
anildash.com anildash.com
-
I'm sure I read this ages ago, but it's not in my notebook yet. Perhaps worth another pass for notes.
-
-
winnielim.org winnielim.org
-
https://winnielim.org/library/collections/personal-websites-with-a-notes-section/
Winnie has some excellent examples of people's websites with notes, similar to that of https://indieweb.org/note. But it feels a bit like she's approaching it from the perspective of deeper ideas and thoughts than one might post to Twitter or other social media. It would be worthwhile looking at examples of people's practices in this space that are more akin to note taking and idea building, perhaps in the vein of creating digital gardens or the use of annotation tools like Hypothes.is?
-
-
winnielim.org winnielim.org
-
Most content is typically displayed in these formats:
What other forms/shapes might it take?
-
We have to endlessly scroll and parse a ton of images and headlines before we can find something interesting to read.
The randomness of interesting tidbits in a social media scroll help to put us in a state of flow. We get small hits of dopamine from finding interesting posts to fill in the gaps of the boring bits in between and suddenly find we've lost the day. As a result an endless scroll of varying quality might have the effect of making one feel productive when in fact a reasonably large proportion of your time is spent on useless and uninteresting content.
This effect may be put even further out when it's done algorithmically and the dopamine hits become more frequent. Potentially worse than this, the depth of the insight found in most social feeds is very shallow and rarely ever deep. One is almost never invited to delve further to find new insights.
How might a social media stream of content be leveraged to help people read more interesting and complex content? Could putting Jacques Derrida's texts into a social media-like framing create this? Then one could reply to the text by sentence or paragraph with their own notes. This is similar to the user interface of Hypothes.is, but Hypothes.is has a more traditional reading interface compared to the social media space. What if one interspersed multiple authors in short threads? What other methods might work to "trick" the human mind into having more fun and finding flow in their deeper and more engaged reading states?
Link this to the idea of fun in Sönke Ahrens' How to Take Smart Notes.
-
- Mar 2022
-
micro.blog micro.blog
-
pratik This may be too late to be a Micro Camp topic but does anyone knows if any UX research exists on the ideal post length for a timeline view? Twitter has 280 chars (a remnant from SMS). I think FB truncates after 400 chars. But academic abstracts are 150-300 words (not chars).
@pratik Mastodon caps at 500 as a default. The information density of the particular language/character set is certainly part of the calculus.
Here's a few to start (and see their related references): - https://www.semanticscholar.org/paper/How-Constraints-Affect-Content%3A-The-Case-of-Switch-Gligoric-Anderson/de77e2b6abae20a728d472744557d722499efef5 - https://www.nature.com/articles/s41599-019-0280-3
-
-
kiriska.com kiriska.com
-
And it’s easier to share a personal story when you’re composing it 280 characters at a time and publishing it as you go, without thinking about or knowing where the end may be. It’s at least easier than staring down a blank text editor with no limit and having to decide later how much of a 2,500 word rant is worth sharing, anyway.
Ideas fill their spaces.
When writing it can be daunting to see a long blank screen and feel like you've got to fill it up with ideas de novo.
From the other perspective if you're starting with a smaller space like a Twitter input box or index card you may find that you write too much and require the ability to edit things down to fit the sparse space.
I do quite like the small space provided by Hypothes.is which has the ability to expand and scroll as you write so that it has the Goldilocks feel of not too small, not too big, but "just right".
Micro.blog has a feature that starts with a box that can grow with the content. Once going past 280 characters it also adds an optional input box to give the post a title if one wants it to be an article rather than a simple note.
Link to idea of Occamy from the movie Fantastic Beasts and Where to Find Them that can grow or shrink to fit the available space: https://harrypotter.fandom.com/wiki/Occamy
-
- Feb 2022
-
every.to every.to
-
https://every.to/superorganizers/the-fall-of-roam
A user talks about why they've stopped using Roam Research.
I suspect that a lot of people have many of the same issues and to a great extent, it's a result of them not understanding the underlying use cases of the problems they're trying to solve.
This user is focusing on it solving the problem of where one is placing their data in hopes that it will fix all their problems, but without defining the reason why they're using the tool and what problems they hope for it to solve.
Note taking is a much broader idea space than many suppose.
-
- Jan 2022
-
annotations.lindylearn.io annotations.lindylearn.io
-
https://annotations.lindylearn.io/
What a great UI for annotations on Hypothes.is and Hacker News.
I wonder if this is pulling data from the public Hypothesis API? What triggers inclusion into the lists?
-
-
julian.digital julian.digital
-
As John Palmer points out in his brilliant posts on Spatial Interfaces and Spatial Software, “Humans are spatial creatures [who] experience most of life in relation to space”.
This truism is certainly much older than John Palmer, but an interesting quote none-the-less.
It could be useful to meditate on the ideas of "spatial interfaces" and "spatial software" as useful affordances within the application and design spaces.
-
- Dec 2021
-
www.newyorker.com www.newyorker.com
-
For a long time, I believed that my only hope of becoming a professional writer was to find the perfect tool.
What exactly would be the ideal group of features in a writer's perfect tool? There are many out there for a variety of axes of production, but does anything cover it all?
Functionality potentially for:
- taking notes
- collecting examples
- memory
- search or other means of pulling things up at their moment of need
- outlining functionality
- arranging and rearranging material
- spellcheckers
- grammar checkers
- other?
With
- easy of use
- efficiency
- productivity
-
https://www.newyorker.com/magazine/2021/12/20/can-distraction-free-devices-change-the-way-we-write
<small><cite class='h-cite via'>ᔥ <span class='p-author h-card'>Aaron Davis </span> in 📑 Can “Distraction-Free” Devices Change the Way We Write? | Read Write Collect (<time class='dt-published'>12/27/2021 14:09:33</time>)</cite></small>
-
- Oct 2021
-
www.sjscience.org www.sjscience.org
-
There is a close relation between the conceptual knowledge on which a narrative relies and the notation that it employs. Domain-specific vocabulary directly names relevant concepts. Shorthand notation replaces frequently used words and lengthy sentences that involve these concepts. For example, Newton's laws of motion are commonly written as F=m⋅a
This part resonates strongly with Victor's enunciation on "how Writing made thought visible". (Previous video at 10'33") and "Mathematical notation made mathematical structure visible" (11'33'") and how the invention of modern mathematics was not because of a particular idea, but because of the equations notation "user interface" (~12'30")
Tags
Annotators
URL
-