Why Do All Websites Look the Same? An Article by Boris Müller modus.medium.com On the visual weariness of the web. The Great Blight of DullnessWhat On Earth is a Brutalist Website?All Social Networks Look The Same NowAll websites are just digital movie theaters now wwwboredominterfaces
Menus, Metaphors and Materials: Milestones of User Interface Design An Article by Boris Müller medium.com Students traditionally learn art and design by studying the masters, analyzing, sketching and interpreting the grand visions of the past. In doing this, they get to understand the ideas, concepts and motivations behind the visual form. In user interface design, this practice is curiously absent. Interface design is ephemeralXerox StarMagic CapInformation LandscapesBeOS Icons+1 More The Mother of All DemosEssential vs. nice to haveMetaphors We Web By interfaceswwwhistorylearning
In Defence of Intuition An Essay by Boris Müller borism.medium.com Design, it seems, is not only becoming more methodical but also more scientific. This is not surprising. Design as a discipline has moved from “product beautification” to being a central part of product development. It has incorporated methodologies from human-computer interaction, sociology, and anthropology as well as advertising and management. And with the rise of design thinking, a wider range of professional disciplines are using creative methods. I don’t want to criticize design methodologies. But against the backdrop of an overly structured design process, it is important to remind our community that there is one fundamental aspect to design that cannot be formalized in a methodology. And that is intuition. We feel it in our fingers designintuitionprocess
Open Transclude for Networked Writing An Essay by Toby Shorin subpixel.space Not an accumulation of factsMore that can be doneOpen Transclude Designing Synced Blocks informationwritinghypermedia
Not an accumulation of facts Knowledge is not an accumulation of facts, nor is it even a set of facts and their relations. Facts are only rendered meaningful within narratives, and the single-page document is a format very conducive to narrative structure. The hypertext books that have gained popularity (I’m thinking here of Meaningness.com) have largely conformed to this in two ways: 1) there is an intended reading order, and 2) the longer essays within the project do most of the heavy lifting in terms of imparting the author’s perspective to readers. On the other hand, the notion of the “document” that is intrinsic to web development today is overdetermined by the legacy of print media. The web document is a static, finished artifact that does not bring in dynamic data. This is strange because it lives on a medium that is alive, networked, and dynamic, a medium which we increasingly understand more as a space than a thing. knowledgenetworks
More that can be done The web is still a very young medium, and it has been influenced more than anything else by print media design. There is so much more that can be done with text on a screen than is being done today. Citations, drawing, chat, speech-to-text. There are opportunities everywhere, and the bar is low! If we are serious about unlocking the value of knowledge we should consider how to improve every part of the knowledge production stack, and that includes reading. As Laurel Schwulst says: Imaginative functionality is important, even if it’s only a trace of what was, as it’s still a sketch for a more ideal world. writingwwwmedia
Open Transclude What you are looking at is an scroll-locked iframe that links to a quote I picked out of my blog post “Notes on Comparative Psychology.” You can use Open Transclude anywhere you can drop an <a> tag on your own site. Open Transclude: Works anywhere on your own domain Compatible with most static site generators / templating engines 12 lines of HTML, 80 lines of SCSS, 22 lines of JS (4.5 kb total) Has 0 dependencies — this is native web technology Open Transclude is extremely simple, and the heaviest part of the code is the CSS, which you can simplify at your whim. That’s why I am referring to it as a UX pattern. This is not a protocol. The code is really a commodity. What’s interesting about it is the idea and the design, and this is just one viable implementation! Feel free to adapt it however you like. The principal improvement over a block quotation is sense of context. code