Restrained beauty Braun design had a beauty that was more than skin deep. It would be wrong to say that because the Braun approach spurned fashion in an ongoing quest for functional and useable perfection, it ended up with this beauty by accident. There is a very strong aesthetic sense in both the proportion and materials of nearly all the products of the Rams era. They have a ‘restrained beauty’, he admits. Braun products designed by Rams and his team have a haptic aesthetic as well: when you pick them up, handle them, and use them as the tools they are supposed to be, you become aware of the effort that has gone into making them sit comfortably in the hand, of the texture, weight and balance they possess, and of the satisfying click of the control buttons. Sophie Lovell & Dieter Rams, Dieter Rams: As Little Design as Possible Such an unholy alliance beautytouchtexture
This tactile form of doodling Paper clips have also served as objects of more inwardly directed aggression by providing something for the fingers to twist grotesquely out of shape during phone calls, interviews, and meetings. This tactile form of doodling may consume only a fraction of the twenty billion paper clips produced each year, but it underscores the almost limitless functions to which a single form can lead. Henry Petroski, The Evolution of Useful Things In ways you didn't anticipateAll sorts of ways to use the machineStretching the product drawingtouch
What is this static modernism? Why can't office buildings use doorknobs that are truly knob-like in shape? What is this static modernism that architects of the second tier have imposed on us: steel half-U handles or lathed objects shaped like superdomes, instead of brass, porcelain, or glass knobs? The upstairs doorknobs in the house I grew up in were made of faceted glass. As you extended your fingers to open a door, a cloud of flesh-color would diffuse into the glass from the opposite direction. The knobs were loosely seated in their latch mechanism, and heavy, and the combination of solidity and laxness made for a multiply staged experience as you turned the knob: a smoothness that held intermediary tumbleral fallings-into-position. Few American products recently have been able to capture that same knuckly, orthopedic quality. Nicholson Baker, The Mezzanine The door handle is the handshake of a building modernismdoorstouchobjects
Time turned into shape A pebble polished by waves is pleasurable to the hand, not only because of its soothing shape, but because it expresses the slow process of its formation; a perfect pebble on the palm materializes duration, it is time turned into shape. Juhani Pallasmaa, The Eyes of the Skin: Architecture and the Senses timetouchform
Vision reveals what the touch already knows Juhani Pallasmaa, The Eyes of the Skin: Architecture and the Senses touchvision
Crown A Poem by Kay Ryan www.poetryfoundation.org Too much rain loosens trees. In the hills giant oaks fall upon their knees. You can touch parts you have no right to— places only birds should fly to. naturetreesmelancholytouch
To see, to caress A Quote by Johann Wolfgang von Goethe The hands want to see, the eyes want to caress. The Eyes of the Skin: Architecture and the Senses touchseeing
The Fidelity Curve An Article by Ryan Singer m.signalvnoise.com How do we choose which level of fidelity is appropriate for a project? I think about it like this: The purpose of making sketches and mockups before coding is to gain confidence in what we plan to do. I’m trying to remove risk from the decision to build something by somehow “previewing” it in a cheaper form. There’s a trade-off here. The higher the fidelity of the mockup, the more confidence it gives me. But the longer it takes to create that mockup, the more time I’ve wasted on an intermediate step before building the real thing. I like to look at that trade-off economically. Each method reduces risk by letting me preview the outcome at lower fidelity, at the cost of time spent on it. The cost/benefit of each type of mockup is going to vary depending on the fidelity of the simulation and the work involved in building the real thing. Four levels of fidelityTime to build versus confidence gained prototypesinterfaces
Four levels of fidelity Suppose we have four levels of fidelity… Rough sketch (on paper or an iPad) Static mock-up (eg. Photoshop or Sketch) Interactive mock-up (eg. Framer, InVision) Working code prototype (HTML/CSS, iOS views) Depending on the feature you’re working on, these levels of fidelity take different amounts of time to create. If you plot them in terms of time to build versus confidence gained, you could imagine something like a per-feature fidelity curve.
Time to build versus confidence gained Show image 0 Show image 1 Show image 2 Take a simple CRUD web UI, where you’re just navigating between screens. It doesn’t take much more time to build the real version than it does to mock it when the design is simple. If you were to build out an interactive mock first, you would end up spending twice as much time in total without gaining much out of it. Contrast that with a complicated Javascript interaction. Or a native iOS feature that requires programmer time to build out. If it takes substantially more time to build the real code version, then it may be smart to do an interactive mockup first.