112. Entrance Transition Problem: Buildings, and especially houses, with a graceful transition between the street and the inside, are more tranquil than those which open directly off the street. Solution: Make a transition space between the street and the front door. Bring the path which connects street and entrance through this transition space, and mark it with a change of light, a change of sound, a change of direction, a change of surface, a change of level, perhaps by gateways which make a change of enclosure, and above all with a change of view. Christopher Alexander, Murray Silverstein & Sara Ishikawa, A Pattern Language Walking through doorways causes forgetting53. Main GatewaysAt the Green MosqueThe wind's pulling us inOne who has trodden this garden pathA more spiritual place transitionsdoors
The door handle is the handshake of a building Juhani Pallasmaa, The Eyes of the Skin: Architecture and the Senses What is this static modernism? metaphordoorsinteraction
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
Always start at the doorstep If you are having trouble knowing where to start, always start at the doorstep. Bill Mollison, Introduction to Permaculture doorswisdom
At the Green Mosque In Broussa in Asia Minor, at the Green Mosque, you enter by a little doorway of normal human height; a quite small vestibule produces in you the necessary change of scale so that you may appreciate, as against the dimensions of the street and the spot you come from, the dimensions with which is is intended to impress you. Then you can feel the noble size of the mosque and your eyes can take its measure. You are in a great white marble space filled with light. Beyond you can see a second similar space of the same dimensions, but in half-light and raised on several steps (repetition in a minor key); on each side still a smaller space in subdued light; turning round, you have two very small spaces in shade. From full light to shade, a rhythm. Tiny doors and enormous bays. You are captured, you have lost the sense of the common scale. You are enthralled by a sensorial rhythm (light and volume) and by an able use of scale and measure, into a world of its own which tells you what it set out to tell you. Le Corbusier, Towards a New Architecture 112. Entrance Transition doors
Open doors, open minds I suspect the open mind leads to the open door, and the open door tends to lead to the open mind; they reinforce each other. Richard Hamming, You and Your Research doors
Walking through doorways causes forgetting A Research Paper news.nd.edu Entering or exiting through a doorway serves as an ‘event boundary’ in the mind, which separates episodes of activity and files them away. Recalling the decision or activity that was made in a different room is difficult because it has been compartmentalized. 112. Entrance Transition memoryarchitecturewalkingexitsdoors
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