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
Beyond Artboards An Essay by Chuánqí Sun medium.com The Pursuit of Lossless Design-Development Handoffs. Can't developers just see?We are the ones who paved the pathUntil we get there processinterfacesdesign
Can't developers just see? We designers love artboards. From rough UI sketches to high fidelity mockups, we see ourselves as visual artists expressing ideas on artboards that have a pre-defined width and height. To start a new project, we declare the size of the artboard in the first step. What about responsive design? Not a problem! We diligently design on three artboards — one for mobile, one for tablet, and one for desktop — with content elegantly adapting, scaling, reflowing, reordering, and reprioritizing. We proudly hand off the artboards to developers while patting ourselves on the back: this is how responsive design should be done. After weeks of arduous engineering, the product finally comes out. We find, to our great dismay, that some copy is hanging off the grid, the focal point of the hero image has been cropped out, the font sizes don’t even come close to the type ramp. What went wrong? Can’t the developers just see everything on all those artboards? Nope. Start drawing, then put the box around it
We are the ones who paved the path No matter how many screen sizes our artboards account for, some user’s browser will break loose from our prescription. With users resizing, rotating, and zooming the screen, new devices stretching, squashing, curving, and cutting (e.g. the speaker area in iPhone X) the screen, the sizes become infinite. Good luck making an artboard for each one of them. Artboards are a lossy format. Using artboards in a handoff is a lossy process. When we pitch a finite number of plans against an infinite number of situations. We inevitably get in-betweens. Once there are in-betweens, there are unknowns. Once there are unknowns there is guesswork. Once there is guesswork, there are surprises. Engineers take the path of least resistance. We are ones who paved the path. gridless.designChanging Our Development Mindset
Until we get there As a designer, learn writing HTML, or better still, semantic HTML. If coding up the entire design is too hard, try coding up one component at a time, and not worrying about CSS. The HTML alone will prove invaluable for developers to understand the content structure. In addition, you are forced to optimize the information architecture as you work out the code from content. If coding by yourself is out of the question, pair up with the engineer who will receive the design. Work closely with him or her to prototype the design, validate responsive behaviors, and obtain feedback on the feasibility. Don’t call it an iteration until the design has seen played with in code. As a manager for large enterprise, co-locate your designers and developers, encourage interdisciplinary learning, understand that each minute spent on coding before the handoff translates to ten minutes saved from changing and fixing issues after the handoff. As a stakeholder in the handoff meeting, give the designer a thumbs-up when he or she demos live code running in browsers in place of mockups on artboards. That’s a design champion you are looking at. html