Humans are spatial creatures Humans are spatial creatures. We experience most of life in relation to space. We sit in a circle with our family. We drive down the left side of the road in Ireland and try to stay in our lane. We ride scooters down a path along the water. We sculpt a human body out of stone. We follow signs to our train. We walk, through arches, or on crosswalks beside bike lanes, or to follow our brother across a bridge. We position our camera to frame the shot while our friend leans out over a balcony. We sense ourselves in space in relation to all of the other objects in our environment. And this is powerful knowledge that we've left out of lots of software. In fact, while most obvious in 3D, this thinking does work outside of just three-dimensional software. Almost any software can use spatial concepts to become easier to understand. John Palmer, Spatial Interfaces body
The tacit wisdom of the body It is evident that the architecture of traditional cultures is also essentially connected with the tacit wisdom of the body, instead of being visually and conceptually dominated. Construction in traditional cultures is guided by the body in the same way that a bird shapes its nest by movements of its body. Juhani Pallasmaa, The Eyes of the Skin: Architecture and the Senses Architecture Without Architects bodytraditionhistory
A simple pleasure that comes from just using it People have a sense of warmth and coolness, a thermal sense like sight or smell, although it is not normally counted in the traditional list of our five senses. As with all our other senses, there seems to be a simple pleasure that comes from just using it, letting it provide us with bits of information about the world around, using it to explore and learn, or just to notice. There is a basic difference, however, between our thermal sense and all of our other senses. When our thermal sensors tell us an object is cold, that object is already making us colder. If, on the other hand, I look at a red object it won't make me grow redder, nor will touching a bump object make me bumpy. Lisa Heschong, Thermal Delight in Architecture sensesbody
Half-winged, half-imprisoned The contrast between man’s ideological capacity to move at random through material and metaphysical spaces and his physical limitations, is the origin of all human tragedy. It is this contrast between power and prostration that implies the duality of human existence. Half winged—half imprisoned, this is man! Paul Klee, Pedagogical Sketchbook ideasbody
(an architectural stem cell that might transform itself into any organ for living) Michael Sorkin, 20 Minutes in Manhattan euphonybodyarchitecturespace
We have turned our faces towards the future During the modern era, we have even changed our bodily position in relation to the flow of time; the Greeks understood that the future came from behind their backs and the past receded away in front of their eyes, but we have turned our faces towards the future, and the past is disappearing behind our backs. Robert McCarter & Juhani Pallasmaa, Understanding Architecture timebody
In our bodies We tend to think of our memory as a cerebral capacity, but the act of memorizing engages our entire body. Remembering is not solely a mental even; it is also an act of embodiment and bodily projection. Memories are not only hidden in the electrochemical processes of the brain; they are also stored in our skeletons, muscles, senses, and skin. Robert McCarter & Juhani Pallasmaa, Understanding Architecture memorybody
The same material as the sun I have to apologize. I was born with a disfigurement where my head is made of the same material as the sun. It makes it impossible for you to look directly at me. It has always been this way. Shane Carruth, Upstream Color bodysurrealism
A Brief Rant An Essay by Bret Victor worrydream.com Like, just a post complaining that screens should be better designtechnologywwwinteractionbody
The body image A Quote The body image is informed fundamentally from haptic and orienting experiences early in life. Our visual images are developed later on, and depend for their meaning on primal experiences that were acquired haptically. Metaphors We Live ByGods of the WordThe Eyes of the Skin: Architecture and the Senses bodymeaning
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