Cartographist ☁️ Cartographist is an experimental web browser optimized for rabbit-holing. Instead of opening new windows (with cmd-click), Cartographist spawns horizontally scrollable panes. Instead of forcing you to find things in a linear history, Cartographist shows a tree-structured outline of your browsing. Instead of always starting fresh, Cartographist can save, and load "trails" — the exact state of the session you've left — supporting researching topics over long periods of time. An Application by Szymon Kaliski szymonkaliski.com Miller columnsNiri: A scrollable-tiling Wayland compositor.Historical TrailsAndy's Working NotesTangent Notes +1 More browserslayoutnavigationresearchsearchtrails
No Chrome ☁️ one of Research Themes at Ink&Switch UI should be just content, everything else directly manipulatable, any buttons and menus take up space that could be there for the actual data A Principle by Szymon Kaliski & Ink & Switch szymonkaliski.com No matter how cool your interface is, less of it would be betterPixel Space and ToolsThe Visual Display of Quantitative InformationGoing to the cinema is a data visualization problemTransforming the National Gallery, one painting at a time +1 More minimalismdatacontentuiinteraction
Pixel Space and Tools ☁️ mapping huge spaces onto small screens seems to be one of fundamental problems in "UI" somehow free panning in x/y makes me feel like looking through a loupe - I don't get that feeling when scrolling only vertically though I'm curious how many and what kinds of projectors would I need to have a wall for doing/thinking ... another thing to keep in mind is the "data-ink ratio" idea from Tufte - for power users the best UIs allow for making a lot of information visible at once, with the least amount "UI cruft" possible another idea to gain pixel space is to filter out what's irrelevant maybe the problem is not so much about the size of the display, but about the DPI? (for reference: reMarkable 2 has 226 DPI, Apple iMac Retina 5k has 218 DPI, so only ~18% of what's possible on paper) A Note by Szymon Kaliski szymonkaliski.com this is a photo of my study space at this very minutePaper's resolutionAs much data as possible without scrollingMechanisms by which a user debugsNo Chrome uispacetoolsdetailscontextthinkingproductivitydatascrolling
Orientation in Fractal Software ☁️ games are interesting here, for example The Witness: color-coding whole specific areasvarious elements exist only in specific areas a couple of high landmarks visible from almost every part of the map, which makes it easy to figure out where I am fractal software makes it hard to orient yourself, since everything looks the same regardless of the "depth" level - which is a feature of fractals Gordon Brander suggests looking into how orientation works in cities – through landmarks – how could this look like in software? for some reason I'm not using the color tags in macOS, which could be helpful? – or is this too small of a landmark to matter? bash prompt, miller columns, urls, breadcrumbs are all a way to show "you are here" in fractal structures A Note by Szymon Kaliski szymonkaliski.com Paths, edges, districts, nodes, landmarksClues for software design in how we sketch maps of cities fractalsmapssoftwaredepthcolornavigation
Canvas for Thinking ☁️ laying out information spatially seems to work well for me for divergent thinking - putting ideas next to each other, recombining them, rich media and text intermixed on the same infinite canvas keeping in mind Thinking by Writing ideas, canvas for thinking should probably be a very personal thing all my attempts so far, to share the work in progress canvases have failed - they seem to be too close to my internal concept map for them to be useful to anyone else in the spatial form A Note by Szymon Kaliski szymonkaliski.com KinopioMuse: Dive into big ideasSemilatticeSpatial SoftwareLatticework personalizationselfspaceinformationthinkingmedia
Second-Order Tool Building ☁️ there are multiple levels to this: from Smalltalk-like self-hosted-ness and moldability (just change how the object behaves live, and use it to solve the problem at hand), to more nuanced in-tool generative potential (make your own swatches in Photoshop "on the side", show history of the design work by duplicating frames in Figma, etc.) the former (the Smalltalk-like approach), is related to the ideas of Fractality of Software Tools - everything is objects within objects (or functions within functions in Lisp-land), and when you can change how they behave, you can make your own tools in the tool the latter is also very interesting, but seems more like a "happy accident" than planning for this explicitly A Note by Szymon Kaliski szymonkaliski.com Fractality of Software ToolsIn ways you didn't anticipateAll sorts of ways to use the machineStretching the product softwaretoolsutility
The Incredible Power of The Right Interface ☁️ the right interface can have an incredible power making something that was previously extremely hard, available to everyone (switching from Roman to Arabic numerals as an interface to mathematics) making invention possible (Feynman Diagrams) making Solving Things Visually possible (Cartesian Coordinates) Data Visualization can be thought of as an alternative, sometimes more powerful, interface to data working with the amounts of data for which we don't have enough Pixel Space (Collection-Browsing Interfaces) new powerful notations "stick around" and infect human thinking for generations A Note by Szymon Kaliski szymonkaliski.com The representation of a taskThe interface was wrongWhere Should Visual Programming Go? abstractionuiinterfacesmathinventionvisualizationthinkingdata
Fractality of Software Tools ☁️ Notion, Roam, Muse, file systems feel "fractal": blocks within blocks in Notion boards within boards in Muse bullet points within bullet points Roam folders within folders in file system hash-maps are also fractal Figma is not fractal - tabs, canvases and layers are all different things, and can't be nested ad infinitum fractal tools seem to give more freedom, but at a cost - how to Orient Myself in these possibly infinite structures A Note by Szymon Kaliski szymonkaliski.com Second-Order Tool BuildingNutshell: make expandable, embeddable explanations fractalshierarchymaterialrecursionsoftwaretoolsui
Embodied Cognition ☁️ Embodied cognition is the theory that many features of cognition, whether human or otherwise, are shaped by aspects of the entire body of the organism. The features of cognition include high level mental constructs (such as concepts and categories) and performance on various cognitive tasks (such as reasoning or judgment). The aspects of the body include the motor system, the perceptual system, bodily interactions with the environment (situatedness) and the assumptions about the world that are built into the structure of the organism. A Note by Szymon Kaliski szymonkaliski.com Metaphors We Live ByHow Bodies Matter: Five Themes for Interaction Design bodycognitionsensesthinking