• About PeterSIronwood

petersironwood

~ Finding, formulating and solving life's frustrations.

petersironwood

Tag Archives: Christopher Alexander

5. Positive Space

04 Wednesday Aug 2021

Posted by petersironwood in Uncategorized

≈ 1 Comment

Tags

aesthetics, beauty, Christopher Alexander, Design, HCI, pattern language, Patterns, usability, UX

5. Positive Space

(This is the fifth in a series of 15 blogs that explore Christopher Alexander’s “Fifteen Properties” of good design, natural beauty, living spaces, etc.). 

Life is a dance on the edge between chaos, on the one hand, and sameness & repetition on the other hand. Repetition without variation or change is not life. On the other hand, endless random variation without any pattern or principle is also not life. Planet Earth is sometimes said to be a “Goldilocks Planet” — not too hot and not too cold — to support life. Most of the life forms on planet earth themselves exhibit a “positive shape” — a shape that wants to expand and fill out — and yet, there are limits because of circulation, gravity, communication etc. so that growth is typically not unrestricted. The tension between trying to grow and having to stick close enough to form creates positive space. 

Life may not always be “a bowl of cherries” but nonetheless, a bowl of cherries does illustrate the property of “positive space.” The bowl connotes living things trying to expand right up to the boundaries possible. A bowl that is filled with cherries and even slightly over-filled but without inducing a fear of spillage, to me, connotes life being vigorous and healthy. To me, a single cherry sitting all alone in a large bowl seems to exhibit positive space much less — at least at the scale of the bowl. 

When I look at an individual cherry, I also see positive space. The cherry is not a perfect sphere, featureless and smooth. If it were, to me, it would be a much less positive space. The fact that there is a stem and a noticeable indentation where the stem goes provides a kind of center. So too does the slight asymmetry of the cherry. It appears as though it might have developed as two halves that tried to circle a space at the same time from two different directions – clockwise and counterclockwise. They met and merged to form the almost spherical cherry. 

The cherry is not the only natural food that has this kind of positive space. Think of corn on the cob. Each kernel seems to have tried to grow as large as it can. It pushes up against and into other kernels. Each kernel seems therefore to be “bursting with life.” 

Consider a cucumber. It’s roughly cylindrical. But “roughly” is important here. To me, it would seem much less an example of “Positive Space” if it were literally a cylinder. It tapers at the ends and it bulges at the middle. That seems more “positive.” 

A person who doesn’t understand that life is primarily a cooperative endeavor among all the parts of the vast tree of life, but instead sees the world only as a zero-sum game, it must seem as though the positive living space of a cucumber makes the space around the cucumber less positive and less living. But this is not true! The space around the cucumber’s slightly rotund shape is much more positive and living than the space around a perfect cylinder. 

Think of a tree trunk compared with a telephone pole. They are both made of wood and they are both approximately cylindrical. But a tree trunk feels much more alive to us than a telephone pole. I don’t think this is simply because we “know” a tree is alive. It looks more alive and if you allow yourself to “tune in” to it, it feels more alive. And, importantly, not only does the space that the tree inhabits seem more living. So too does the space around it! A long line of telephone poles may exhibit “Levels of Scale” and “Alternating Repetition” and such a picture may make us feel some life to it. 

Photo by Lerkrat Tangsri on Pexels.com

But a single telephone pole does nothing to stir life in me. In that sense, it’s nothing like a tree. It’s flat and it kills the space on either side as well. The columns in the Parthenon are roughly cylindrical and obviously not literally alive. But they, unlike a telephone pole, have positive space and create positive space around them. Life is not fundamentally a zero-sum game. The bee does not “steal” the flowers pollen and thus damage the flower. The bee helps the flower. The flower helps the bee. Positive space in an object does not steal from or detract from the space around the object. It enhances it! 

Similarly, the “competition” for space among the kernels of corn on a cob of corn shows that competition can be a beautiful thing. I like to see the kernels pushing against each other. All of them seem living and positive. Imagine instead a cob of corn in which one kernel had grown like a giant spider of orange cancer and took up 98% of the cob. Aside from this one ultra-greedy cell, there were only a few widely spaced and shriveled up kernels. Would you pick that from the pile of corn? Would want to slather it with butter and bite into it? I sure wouldn’t! And to me, that is exactly what cruelty, unfairness, and greed look like. It might seem positive — after all, the dictator is trying to “grow.” That is true but he’s rigged the game. Competition is no longer beautiful when the game is rigged. Competition is no longer beautiful when your tennis opponent slices off your leg before the match starts or pays off the chair umpire to call everything you hit out. 

I don’t think there’s anything particularly special about cucumbers or cherries or corn. I just happened to have been washing vegetables before writing this. These radishes also exhibit positive space. And, although their shape is not the same as a cherry or a cucumber, the radishes also enhance the space around them. And, so does the avocado. An avocado that is just past ideal ripeness begins to flatten irregularly and the “pebbles” of the skin also flatten making a less positive space. The pebbles of a perfectly ripe avocado are themselves tiny positive spaces that add to the overall impression of vigor. 

Flowers provide numerous examples of positive space. And, so far as I can tell, the positive space of flowers invariably also enhances the positivity of the space around them. 

Animals also generally exhibit positive space. Their shapes, after all, come about through a struggle among different tradeoffs that have been “learned” by each species over four and a half billion years. But whether you look at the leg of a turtle, the leg of a turkey, or the leg of a polar bear, you will see positive space. The shapes are quite different because their histories are quite different. But in every case, the shape is determined by the history and each of those histories is the same length — 4.5 billion years. The fact that each of these shapes comes about through the dance of trying to survive and thrive in all their various habitats makes every one of them beautiful in its own right — even those whom most of us don’t particularly like to interact with such as rattlesnakes or lions. Even if we don’t wish to come face to face with a lion or grizzly bear we do recognize their beauty. And, I would claim that as those animals walk through any landscape, they will not only exhibit their own positive shape; they will also enhance the positivity of the shape around where they are walking. Think how many times photographers and painters have put an animal in the foreground of a landscape! Of course, doing so makes the scene immediately more living, more interesting, and more beautiful. 

Photo by Anastasia Shuraeva on Pexels.com

What does this have to do with the user’s experience on a computing device? I would have to say that most interfaces on most devices do not do a lot to bring the interface “alive” including having positive space. The tool bar icons on this version of my Mac are very slightly “bulging” like a living cell (or kernel of corn). Even more subtly, the windows have slightly rounded corners. 

It’s an entirely different story with many games though. It seems to me that some of the game artists are among the best artists in the world. They have created many very beautiful games. Could they be more beautiful still if game designers consciously thought about using Christopher Alexander’s “Properties” in general, and “Positive Space” in particular? I think so, but for many games, such as Horizon Zero Dawn, many of the elements are copied so closely from nature that aspects such as “Positive Space” are mostly already taken care of by evolutionary bias toward the beautiful. (Yes, I do think there is such a bias, but it will have to be the subject of a different post.)

What about other applications and systems? Do you think you’ve seen good examples of “Positive Space” in such systems? How could you see incorporating “Positive Space” in UX? 

————————————

Winning by Cheating is Losing

Life Will Find a Way

Math Class: Who are you?

Life is a dance

Myths of the Veritas: The Forgotten Field

Strong Centers

29 Thursday Jul 2021

Posted by petersironwood in Uncategorized

≈ 2 Comments

Tags

beauty, Christopher Alexander, Design, HCI, UX

This is the second posting in a series of fifteen which examine Christopher Alexander’s “Fifteen Properties” of natural beauty and suggests how these properties might apply to user experience design. 

Photo by Dominika Greguu0161ovu00e1 on Pexels.com

2. “Strong centers” is probably one of the most overlooked properties of design in UX/HCI. Often, what exists for the user, from their perspective, is a “sprawl” of functions, tool bars, and icons with no obvious overall or subsidiary organization. A better design would allow the user to quickly find a “home base” from which, it would be obvious where to find subsidiary home bases. There is some sense in which hyperbolic trees, fisheye lenses, and home pages partly begin to address this issue. 

Instead of “strong centers”, the impression I often get in looking at applications for word processing, organizing photos, searching, or dealing with settings is that the designers are given or generate a long list of functions to be supported. Which ones are related to which though? Which ones are central? In many cases, UX practitioners give users (or, more often, potential users), a set of cards with one function each and ask the users to sort these into piles. I am not against such studies, but they are unlikely to lead to a coherent design with a strong center. The users are not, in most cases, professional designers. In many cases, an application is supposed to support many different specific actions. For example, I use word processors to write essays, poems, and fiction. I also use a word processor to proofread something, to re-organize ideas, to “jot down” a bunch of ideas, or to write an outline. These are very different tasks, at least to me. If asked sort cards, I would do it differently depending on which type of task and which type of material I’m thinking about. 

As I type this, I glance at the “Pages” tool bar which includes: Pages, File, Edit, Insert, Format, Arrange, View, Share, Window, and Help. None of these seems like “home” to the task of writing an essay. I know from experience that if I want to write any kind of material, I must go to the “File” menu even though, as best I can recall, my initial impression of this label was that it would be something to do after I was “done” with the tasks of composing and proofreading. The toolbar gives no impression of their being any “center” at all, let alone a “strong center.” 

In my native language (English), I read from top to bottom, left to right. In that sense, the Apple Icon is first and the “Pages” item is next and it is in bold print. That could be considered a subtle clue that it’s the “most important.” In a way, the items on the “Pages” menu are “meta-items.” In that sense, I suppose you could argue that they are “important” — though as a writer, none of the items seem that important. In fact, if we get right down to it, nothing in Pages really seems designed to support the actual writing process. And, I’m not trying to single out Pages because it’s the only one or the worst one. Lack of a “strong center” seems true of nearly all applications. 

Different people use different processes for writing — and I myself use different processes for different types of writing, so perhaps trying to organize the features and functions so that there is a “strong center”reflective of the “strong center” of the task of writing is just not feasible. I am certainly not advocating for resurrecting “Clippy.” 

Ideally, it should be possible for users to “know where the action is” upon entering an application or a web page.

In another interpretation, “strong centers” refers more to underlying architecture and points to the need for a core of functionality that transcends a specific release or even a specific application. A good underlying architecture will communicate this essential center (related to central purpose or style) to the user.

All too often, the processes involved in developing an application or system themselves have no “strong center.” If the development process is itself a hodgepodge political process of accommodating to a portfolio of features and functions that are advocated for by diverse and uncoordinated stakeholders, then, what one has are a long, unorganized list artificially shoved into menus and sub-menus and toolbars. It should not be surprising then, that the user finds it difficult to know where to begin when first encountering an application — even if the user knows exactly what they want to accomplish. 

Compare and contrast most menu structures and user interfaces with the “strong centers” that are extremely common in life forms. Here are some examples of butterflies. 

Photo by Cu00e1tia Matos on Pexels.com

The central axis includes the head, the thorax and the abdomen. These are in a line in the strong center. Typically, they are colored differently from the wings. The bilateral symmetry of the wings as well as the overall shape reinforces the strong center. Wing patterns, and even the antennae and legs lead the eye back to the strong center. 

Most people think of butterflies as beautiful — and I agree. When asked, however, most people will say they are “brightly colored.” Some are; some are not. But “bright colors” don’t necessarily give rise to beauty!

Strong Centers doesn’t just apply to butterflies. Look at most birds, fish, mammals, insects and you will see how the symmetries and smaller centers reflect and strengthen the major center. Indeed, Strong Centers are not limited to the animal kingdom. The trunk of a tree provides a strong center. Each branch is itself a center and the connection of the branches to the trunk reinforces the strength of the central trunk. 

Photo by Snapwire on Pexels.com

Even single cells often exhibit strong centers (and many of the other 15 properties, by the way). 

It would love to be able to provide you with a process or checklist or formula so you could design user experiences with “strong centers.” I cannot really do that. Nor can anyone else. If you keep it in mind, even at the back of your mind, you may see opportunities to help make that happen with regard to whatever you’re working on. I’m curious to hear your thoughts about “Strong Centers.” 

———————

Some useful links to more information, discussion, and examples relevant to “strong centers” or to the fifteen properties.

Christopher Alexander – Fundamental Property 2: Strong Centers

https://www.archdaily.com/626429/unified-architectural-theory-chapter-11

Subscribe

  • Entries (RSS)
  • Comments (RSS)

Archives

  • January 2026
  • December 2025
  • November 2025
  • October 2025
  • September 2025
  • August 2025
  • July 2025
  • June 2025
  • May 2025
  • April 2025
  • March 2025
  • February 2025
  • January 2025
  • December 2024
  • November 2024
  • October 2024
  • September 2024
  • July 2024
  • April 2024
  • March 2024
  • February 2024
  • January 2024
  • December 2023
  • August 2023
  • July 2023
  • May 2023
  • April 2023
  • March 2023
  • February 2023
  • January 2023
  • December 2022
  • November 2022
  • October 2022
  • September 2022
  • August 2022
  • July 2022
  • June 2022
  • May 2022
  • April 2022
  • March 2022
  • February 2022
  • January 2022
  • December 2021
  • November 2021
  • October 2021
  • September 2021
  • August 2021
  • July 2021
  • June 2021
  • May 2021
  • April 2021
  • March 2021
  • February 2021
  • January 2021
  • December 2020
  • November 2020
  • October 2020
  • September 2020
  • August 2020
  • July 2020
  • June 2020
  • May 2020
  • April 2020
  • March 2020
  • February 2020
  • January 2020
  • December 2019
  • November 2019
  • October 2019
  • September 2019
  • August 2019
  • July 2019
  • June 2019
  • May 2019
  • April 2019
  • March 2019
  • February 2019
  • January 2019
  • December 2018
  • November 2018
  • October 2018
  • September 2018
  • August 2018
  • July 2018
  • June 2018
  • May 2018
  • April 2018
  • March 2018
  • February 2018
  • January 2018
  • December 2017
  • November 2017
  • October 2017
  • September 2017
  • August 2017
  • July 2017
  • June 2017
  • May 2017
  • April 2017
  • March 2017
  • February 2017
  • January 2017
  • December 2016
  • November 2016
  • October 2016
  • September 2016
  • August 2016
  • July 2016
  • June 2016
  • May 2016
  • April 2016
  • March 2016
  • February 2016
  • January 2016
  • December 2015
  • November 2015
  • October 2015
  • September 2015
  • August 2015
  • May 2015
  • January 2015
  • July 2014
  • January 2014
  • December 2013
  • November 2013

Categories

  • AI
  • America
  • apocalypse
  • cats
  • COVID-19
  • creativity
  • design rationale
  • driverless cars
  • essay
  • family
  • fantasy
  • fiction
  • HCI
  • health
  • management
  • nature
  • pets
  • poetry
  • politics
  • psychology
  • Sadie
  • satire
  • science
  • sports
  • story
  • The Singularity
  • Travel
  • Uncategorized
  • user experience
  • Veritas
  • Walkabout Diaries

Meta

  • Create account
  • Log in

Blog at WordPress.com.

  • Subscribe Subscribed
    • petersironwood
    • Join 661 other subscribers
    • Already have a WordPress.com account? Log in now.
    • petersironwood
    • Subscribe Subscribed
    • Sign up
    • Log in
    • Report this content
    • View site in Reader
    • Manage subscriptions
    • Collapse this bar
 

Loading Comments...