- 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.
-
- Mar 2024
-
chiselapp.com chiselapp.com
-
0@0 corner: 100@200.
Este es un patrón común en Pharo para representar geometría básica en interfaces gráficas de usuario y otras aplicaciones de visualización.
-
- Nov 2023
-
datagubbe.se datagubbe.se
-
The mIRC interface was in no way perfect, and yet it was so advanced we're apparently no longer able to recreate it
I think about how good mIRC was (is?) all the time.
Tags
Annotators
URL
-
- Jun 2023
-
stackoverflow.com stackoverflow.com
-
Anything that isn't explicitly enforced by contract is vulnerable to misunderstandings. It's doing your teammates a great service, and reducing everyone's effort, by eliminating ambiguity and enforcing information flow by design.
-
-
-
Even most of the emergent gestures in our interfaces are tweaks on tech-first features—@ symbols push Twitter to implement threading, hyperlinks eventually get automated into retweets, quote-tweets go on TikTok and become duets. “Swipe left to discard a person” is one of a handful of new gestures, and it’s ten years old.
Author discusses specific socially oriented interface functions (left/right swiping, @-mentions) that are few and old. There's also the personal notes on new connections in Xing and LinkedIn (later), imo. And the groupings/circles in various platforms. Wrt social, adding qualitative descriptions to a connection to be able to do pattern detection e.g. would be interesting, as is moving beyond just hub with spokes (me and my connections) and allowing me to add connections I see between people I'm connected to. All non-public though, making it unlikely for socmed. Vgl [[Personal CRM as a Not-LinkedIn – Interdependent Thoughts 20210214170304]]
Tags
Annotators
URL
-
- 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
-
documentation.mailgun.com documentation.mailgun.com
-
You can access Events through a few interfaces: Webhooks (we POST data to your URL). The Events API (you GET data through the API). The Logs tab of the Control Panel (GUI).
-
-
theinformed.life theinformed.life
-
Mark: Cathy Marshall at Xerox PARC originally started speaking about information gardening. She developed an early tool that’s the inspiration for the Tinderbox map view, in which you would have boxes but no lines. It was a spatial hypertext system, a system for connecting things by placing them near each other rather than drawing a line between them. Very interesting abstract representational problem, but also it turned out to be tremendously useful.
Cathy Marshall was an early digital gardener!
-
-
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.scrintal.com www.scrintal.com
-
Registered 2022-09-07
-
-
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
-
maggieappleton.com maggieappleton.com
-
7 Backlinks
Why are these back "links" not actually HTML links? Annoying. Conjecture: Since this is what you get with creator-controlled presentation, that's one of the reasons why people opt for Twitter et al.
-
-
www.npmjs.com www.npmjs.comco1
-
The yieldable objects currently supported are: promises thunks (functions) array (parallel execution) objects (parallel execution) generators (delegation) generator functions (delegation) Nested yieldable objects are supported, meaning you can nest promises within objects within arrays, and so on!
-
-
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>
-
- Nov 2021
-
www.typescriptlang.org www.typescriptlang.org
-
Type aliases and interfaces are very similar, and in many cases you can choose between them freely. Almost all features of an interface are available in type, the key distinction is that a type cannot be re-opened to add new properties vs an interface which is always extendable.
-
- 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
-
- Aug 2021
-
philip.greenspun.com philip.greenspun.com
-
web sites did not have sui generis navigation tools or colors that took a few minutes to learn
-
- Jul 2021
-
news.ycombinator.com news.ycombinator.com
-
Most users crave pleasant UX
I don't even think that's it. Plenty of people are willing to do with poor UX. (Look at GitHub.) The overriding factor is actually a consistently familiar interface. (Look at GitHub.)
Related: https://www-archive.mozilla.org/unity-of-interface.html
Tags
Annotators
URL
-
- Jun 2021
-
github.com github.com
-
The first argument to shared_context (the shared group name) is superfluous. It feels a bit like "what's this argument for again?" (Note that you could still use it with include_context to include the group manually, but it's a bit odd to mix-and-match the approaches).
-
-
github.com github.com
-
Once a variable is specified with the use method, access it with EnvSetting.my_var Or you can still use the Hash syntax if you prefer it: EnvSetting["MY_VAR"]
-
-
gitlab.com gitlab.com
-
naildrivin5.com naildrivin5.com
-
-
It’s easy to create bugs because the environment is a somewhat degenerate settings database.
-
Most programming languages vend environment variables as strings. This leads to errors like so:
-
-
github.com github.com
Tags
Annotators
URL
-
-
github.com github.com
Tags
Annotators
URL
-
-
github.com github.com
Tags
Annotators
URL
-
- Mar 2021
-
trailblazer.to trailblazer.to
-
Currently, I’m working on designing the interfaces and it’s real fun!
-
- Feb 2021
-
trailblazer.to trailblazer.to
-
provide interfaces so you don’t have to think about them
Question to myself: Is not having to think about it actually a good goal to have? Is it at odds with making intentional/well-considered decisions?  Obviously there are still many of interesting decisions to make even when using a framework that provides conventions and standardization and makes some decisions for you...
-
-
trailblazer.to trailblazer.to
-
Using a terminus to indicate a certain outcome - in turn - allows for much stronger interfaces across nested activities and less guessing! For example, in the new endpoint gem, the not_found terminus is then wired to a special “404 track” that handles the case of “model not found”. The beautiful thing here is: there is no guessing by inspecting ctx[:model] or the like - the not_found end has only one meaning!
-
-
en.wikipedia.org en.wikipedia.org
-
In object-oriented programming, information hiding (by way of nesting of types) reduces software development risk by shifting the code's dependency on an uncertain implementation (design decision) onto a well-defined interface. Clients of the interface perform operations purely through it so if the implementation changes, the clients do not have to change.
-
-
softwareengineering.stackexchange.com softwareengineering.stackexchange.com
-
Programming to an interface means that when you are presented with some programming interface (be it a class library, a set of functions, a network protocol or anything else) that you keep to using only things guaranteed by the interface. You may have knowledge about the underlying implementation (you may have written it), but you should not ever use that knowledge.
-
The problem with this is that it creates a strong coupling between your code and the implementation, exactly what the interface was supposed to prevent.
-
- Oct 2020
-
-
By using HTML as the uniform interface, we can separate the interface from the engine.
-
-
github.com github.com
-
interfaces
-
-
developer.mozilla.org developer.mozilla.orgEvent1
-
Event itself contains the properties and methods which are common to all events.
-
-
en.wikipedia.org en.wikipedia.org
-
Interface specifications can be reused through inheritance but implementation need not be.
-
The existing interface is closed to modifications and new implementations must, at a minimum, implement that interface.
-
This assumes that the module has been given a well-defined, stable description (the interface in the sense of information hiding).
-
- Sep 2020
-
github.com github.com
-
Explicit interfaces are preferable, even if it places greater demand on library authors to design both their components and their style interfaces with these things in mind.
Tags
- maintenance burden
- component/library author can't consider/know ahead of time all of the ways users may want to use it
- maintenance burden to explicitly define/enumerate/hard-code possible options (explicit interface)
- burden
- run-time dynamicness/generics vs. having to explicitly list/hard-code all options ahead of time
- explicit interfaces
- being explicit
Annotators
URL
-
- Jul 2019
-
www.evanmiller.org www.evanmiller.org
-
Undo/Redo Have you noticed that Undo support on almost all web applications is either nonexistent or terrible? It's hard to implement, but Core Data solves the problem elegantly. An Undo button encourages users to experiment with the application and not be afraid of making mistakes.
huh, nice
-
- Feb 2019
-
dougengelbart.org dougengelbart.org
-
And the screens are almost horizontal
It took quite a long time to get to more tactile interfaces, yet still, predominantly (as I am using a laptop right now) interfacing more of a vertical interface.
Tags
Annotators
URL
-
- Sep 2015