• About PeterSIronwood

petersironwood

~ Finding, formulating and solving life's frustrations.

petersironwood

Tag Archives: Web design

Symmetry

23 Sunday Dec 2018

Posted by petersironwood in management, psychology, Uncategorized

≈ 4 Comments

Tags

Business, Design, HCI, human factors, Human-Computer Interaction, politics, truth, UX, Web design

{Something went wrong with WordPress the first two times I tried to post this. I tried to track it down. As best I can tell, my problems came from trying to cut and paste pictures from my Pages file. Even though it looked fine in the editing interface, it appeared blank in the actual viewing interface.}

Symmetry

IMG_3316

(Original, free-hand drawing by Zoe Colier).

There are many varieties of symmetry. In many cases, symmetry exists rampantly in nature and symmetry is incorporated into many human designs as well. In this short essay, I want to remind people of several varieties of symmetry and then show how symmetry may also be used as a tool of thought to help solve problems by simplifying the space of possibilities that must be considered. 

Symmetry is a concept with far broader application than cutting out paper snowflakes or choosing a nice looking Christmas Tree, Menorah or other Holiday decoration. It is fundamental in logic, mathematics, physics, chemistry, biology, and even in social science. Symmetry exists at many different scales as well. Planets are generally roughly spherical and their orbits are roughly circular. 

IMG_5895

The human body, along with most other animals, exhibits rough bilateral symmetry in external appearance. If you examine your own fingerprints or the pattern of your moles, for instance, you will see that one side of your body looks slightly different from a mirror image. If, like me, you are a righty who play tennis, you will find the forearm muscles on your right arm are slightly larger than those on the left. What is remarkable to me is not that there are slight variations between left and right but just how slight those variations are! And, we are not alone. Fish, insects, flatworms, roundworms, snakes, turtles, lizards, horses, dogs, cats, apes, and humans are all roughly bilaterally symmetrical in appearance. I say “in appearance” because our internal arrangement of organs is not at all symmetrical.  

External Appearance and Internal Organs

In general, it seems to me that most animals possess more complete or “perfect” bilateral symmetry than do most plants. I suspect that this is because animals generally move through a physical environment. Since we can move around, the environmental forces are generally symmetrical and so our ability to react to those environmental forces is also symmetrical. A tree, on the other hand, may have a genetic “blueprint” to be bilaterally or (more likely) radially symmetrical, but it may be subject to strong asymmetrical forces such as wind, a water source, or sunlight versus shade. 

Our designed objects are also most often (at least) bilaterally symmetrical, and particularly for those objects which must interact and move through the physical world. Cars, boats, motorcycles, busses, trains, trucks, bikes, skis, surfboards, roller skates, ice skates, snowshoes and tennis shoes all tend to be bilaterally symmetrical. On the inside, however, again just like us, there are often some irregularities. The arrangement of controls of the car, for instance, are asymmetrical. (Each control in itself often does show symmetry. In some cases, this makes it easier to use, especially without looking. I suspect that the symmetry may often be for aesthetic reasons, for ease of manufacturing, for ease of maintenance or replacement or some combination.) The asymmetry of arrangement “works” because the arrangement of displays and controls does not interact with the natural world the way that the car body and wheels do. The controls are designed to interact with a human being. There are also rough conventions for where controls are laid out, how they operate, and what each type looks like. Asymmetry of arrangement is also evident under the hood. However, some of the components such as the engine, the battery, the radiator have symmetry within them. The radiator, which arguably has the most interaction with the outside world, is symmetrically placed though its plumbing is not. 

automobile car customized drive

Photo by Pixabay on Pexels.com

In the design of User Interaction and Experience, an argument can be made for certain kinds of symmetry. For example, in the Mac editor Pages, which I am using to write this, if the B for bold button background turns blue when bolding is turned on, I expect the background will turn back the way it was (white) when bolding is turned back off. I also expect that italics and underlining  will behave the same way, especially because all three are in the same toolbar. 

Where possible, it also generally makes sense, I believe, to design so that the functionality of a system is symmetrical. This isn’t always possible. Some actions are necessarily irreversible. If you don’t believe me, ask anyone who has toddlers or who has cats as pets. In the real world, if you shoot someone dead, you cannot “unshoot” them. Unlike a computer system who asks, “Do you really want to delete all your files?” before doing so, guns do not ask that. If you are designing what can be done with a toy robot however, if you can make it go forward, you want to make it so it can go back as well. If it can turn right 90 degrees, you would like to enable it to turn left 90 degrees. Saying, “Oh, yes, but don’t you see, you can, in effect, make it turn left 90 degrees by making it turn right 90 degrees three times?!” does not cut it, IMHO. 

Typically, you not only want the functionality to be symmetrical, you also want the control functions and appearances to mirror the symmetry of the functionality. For example, if you can issue the command: “MOVE ROBOT FORWARD THREE PACES” you want the symmetrical function to be evoked this way: “MOVE ROBOT BACKWARD THREE PACES” and not, “THREE PACES BACKWARD FOR ROBOT MOVE.” If you decide to give auditory feedback for the first command that says, “ROBOT MOVING FORWARD THREE PACES” you do not want the reverse command to provide feedback that says, “ROBOT THREE PACES BACKWARD MOVING.” (Oh, by the way, if you cannot provide symmetrical functionality, please do not pretend to do so with a facade of symmetrical looking commands that actually behave asymmetrically!)

action android device electronics

Photo by Matan Segev on Pexels.com

A lack of symmetry (or consistency) in the functionality, command structure, or visual appearance often arises because of a lack of communication within the development team. If different functions of the robot are to be implemented by different people, then it’s important that those various people use an agreed upon style guide or Pattern Language or that they  communicate frequently. Of course, this is not the only cause of asymmetry. Even if your team communicates really well, they can’t design an effective gun with an “unkill” function. 

There are, of course, various types of symmetry. Bilateral (mirror) symmetry is what the external appearance of our bodies has. There is also translational symmetry, where the same shape is repeated along a line. The string ABCCBA shows bilateral symmetry while ABCABC exhibits translational symmetry. Most human factors people now agree that hot water faucets (usually on the left) and cold water faucets (usually on the right) should both be turned off by turning to the right and turned on by turning to the left (translational symmetry) as opposed to having the faucet on the right turn off to the right and the left faucet turn off to the left. But you will definitely experience both types. 

In both music and poetry, at least in the culture I am most familiar with, translational symmetry is more common than mirror symmetry. It does sometimes happen that musical composers experiment with playing a tune backwards or even with the staff turned upside down. But this is far less common than repeating a theme or melody. Similarly, a rhyme scheme like ABCABC is much more common than is ABCCBA. {In this notation, ABCABC means that the first line rhymes with the fourth line, the second line rhymes with the fifth line and the third line rhymes with the sixth line.} 

black and brown millipede on a green and brown branch

Photo by Pixabay on Pexels.com

In biology, we also find translational symmetry or something close to it. The segments of a tape worm, the segments of the body of a millipede or centipede, the small legs of a lobster, and even our own vertebrae and ribs show translational symmetry. In social structures as well, we find both mirror symmetry and translational symmetry. For instance, the Golden Rule says to do unto others as you would have them do unto you. In addition, as it happens, if we are nicer to other people, then, generally speaking, they are also nicer to us. This is not always true, however. Some people simply take advantage and view all of life as a zero sum game. Whatever you gain, they lose and vice versa. This is a very limited, inaccurate, and self-defeating attitude in most social situations. Most social situations, are, of course, much more complicated. Generally speaking, there are a great many situations that both you and your “opponent” or even your “enemy” would agree are good and a great many others that both of you would agree are bad. If you are playing tennis or golf outdoors, for instance, you may be fiercely competitive but both of you would probably find a game that brings out the best play is better for both of you. Both of you would probably also agree that being rained out is a bad outcome.  

men in black and red cade hats and military uniform

Photo by Pixabay on Pexels.com

In the military and in many industrial settings, there is a great deal of translational symmetry. The “ideal” set-up is to have many groups at each of many levels and each group is meant to be as similar as possible to all the other groups at that level. The marching that military groups learn is both symbolic of this translational symmetry and practice in behaving as a unit composed of identical parts. Whether or not this is the best way to run a military is debatable. To me, it’s undeniable that this management style has been imported into a huge number of organizations where it is definitely not the best way to organize. 

The last thing to note is that symmetry also pops up in design. There is often a whole series of information exchanges from people who have quite different areas of expertise. These exchanges can result in mutual learning, solutions that work, and often patents, and occasionally, some really cool, transcendent, game-changing designs. In my experience, it is much better to have a design process based on symmetrical relationships founded in mutual respect than to have a design process based on having someone in a hierarchical power relationship make decisions that are to be implemented by an identical set of “underlings.”  

macro photography of snowflake

Photo by Egor Kamelev on Pexels.com

The Takeaway

Symmetry is everywhere. There are many forms. If you start looking for symmetry, you will find examples in nature, in mathematics, poetry, art, music, machine design, the military and even in design problems and design processes. Thinking quite consciously about the types of symmetry that exist in a problem space and what could or should exist in that problem space, can lead to novel solutions.  

——————————————-

Author Page on Amazon. 

 

Context-Setting Entrance

13 Tuesday Feb 2018

Posted by petersironwood in management, psychology, Uncategorized

≈ 5 Comments

Tags

advertising, Business, collaboration, Design, marketing, pattern language, teamwork, Web design

IMG_2566

 

Context Setting Entrance

Prolog/Acknowledgement/History: 

It occurs to me that some readers would like to know more about Pattern Languages; the pros and cons; pointers to the research; perhaps, how to write (or find) Patterns. I will do that soon on the basis of my current understanding. I’d like to put out a few more examples first though. I find that concepts such as “Pattern” and “Pattern Language” are much better defined by example than by rule. In the meantime, here below are some pointers to give a better flavor of what this odd creature, A Pattern Language, actually looks like and whether it can be housebroken or used for hunting. As you can tell by the list below, I have tried this creature in many different circumstances. To me, it seems quite happy and affectionate. I think that when it comes to trying to work with Pattern Languages, it is necessary to treat it something like a puppy. Your attitude will be an even more important a predictor of your success than your cleverness or knowledge of the Patterns.

Let every Pattern be “frisky” and let each Pattern explore and check out odd corners of the domain (and each other). There are cases where a Pattern doesn’t apply and there are cases where no Pattern applies just as your puppy can’t do anything they want. And, there are a few places where Pattern Languages are not at all appropriate just as there are places where no pets are allowed. For example, some situations are well enough understood that they can be characterized by a mathematical formula. No need for a Pattern (or a puppy) there, though it could still be fun.

https://www.slideshare.net/John_C_Thomas/toward-a-sociotechnical-pattern-language

https://www.slideshare.net/John_C_Thomas/ppdd-copy?qid=2852eb5e-9639-44e0-b648-eb46defc0721&v=&b=&from_search=1

Meta design and social creativity from John Thomas

https://www.slideshare.net/John_C_Thomas/chi2006-workshop-paper-on-trust

https://www.slideshare.net/John_C_Thomas/chi2006-workshop-paper-on-trust

https://www.slideshare.net/John_C_Thomas/sigchi-extended-abstractsjct

http://www.cs.cmu.edu/~yangwan1/cscw2011/papers/cscw2011extendedabstractW7positionpaper-JCT.pdf

https://www.slideshare.net/John_C_Thomas/handover-jct

There are several “sources” of inspiration for this Pattern. First, I was struck by one of Christopher Alexander’s architectural Patterns because it resonated with one of my own pet peeves — modern buildings often give no clue as to where the blasted entrance is! Part of Pattern 110 – Main Entrance says the following:

“The entrance must be placed in such a way that people who approach the building see the entrance or some hint of where the entrance is, as soon as they see the building itself.” 

To this, I say, “Amen!”

Being able to know where the entrance is, of course, is somewhat different from saying the entrance should give a clue as to what sort of behavior is appropriate once inside. In terms of my own experience however, this Pattern of Alexander’s set me to thinking about the importance of entrances.

IMG_4127

At about the time I became aware of that Pattern, I was working at IBM Research and used a system that my wife and other friends at IBM developed called “Babble.” This was a mixed synchronous/asynchronous messaging system with wonderful functionality but a rather “unprofessional” look to it. Later, when she managed the group, she hired an extremely talented architect/designer and Babble was replaced with a much more beautiful system called Loops (as in “keeping people in the loop”). The functionality was quite similar but the second design was much more beautiful. Oddly, it never got quite so much use as the first system. I began to wonder whether it was so beautiful that people felt as though what they needed to be more formal, respectful, and serious when they wrote there.

At about the same time, I built a website with some nice graphics. This was a wiki meant for everyone in a community to use. Instead, what I got was email from people suggesting things I could add to the website. “No, it’s a wiki, I explained. You don’t need my permission. Just add what you want!” Very few takers. Later, I made it more “rough-looking” and people began adding material to it.

IMG_2884

While traditions in a culture condition us to expect certain kinds of behavior when we go to a dry cleaners, a pub, or a cathedral, it seems that when it came to electronic media, cues were often missing or misleading. In a later project to improve search on www.ibm.com, I noted and then explained to management that although IBM was trying to be the high price, high quality provider, their website looked, at that time (@2000) a lot more like K-Mart’s website than it did that of Harrods or Neiman Marcus. All of these specific situations led me to believe that context-setting entrances (e.g., splash screens and portals) were not being sufficiently accounted for in the design of electronic media.

Author, reviewer and revision dates: 

Created by John C. Thomas on February 13, 2018

Synonyms: 

Set Appropriate Expectations

Abstract: 

Human societies have widely different customs about what is appropriate behavior in different contexts. As people grow up in a culture, they learn when and where various actions and styles of behaving and talking are appropriate. When someone enters an unfamiliar setting, it is generally to everyone’s advantage that the new person has some idea about what is appropriate. Therefore, before the person even enters it is nice to provide the right emotional tone and mood appropriate to the current situation. In some cases, this can be done architecturally or musically. In other cases, people may be given a “program” which through typography, word choice, or images may set the tone for a gathering. By setting the context at the entrance, people understand better what is expected of them; it prevents their embarrassment and enhances the ritualistic aspects of the event as well as making the practical outcomes achieved more effectively.

Problem:

Groups function better when the people in the group behave within a set of norms. For example, at a golf match, there are specific roles for contestants, caddies, audience members, officials, vendors, and the press. Each of them is expected to play a particular role with respect to the tournament. In addition to that however, there are expectations about the appropriate style. In golf, as in tennis, it is expected that the audience be quiet during actual play. Baseball and football players as well as professional fighters talk trash to each other but tennis players and golfers typically do not. If people use the “wrong” norms for the occasion, they may be embarrassed as well as upsetting the rest of the group. In some cases, such as a church service, prom, funeral, wedding, or legal proceedings, failing to follow the norms may even tend to thwart the social binding purpose of the event. For example, many things that would be “appropriate” at the bachelor or bachelorette party right before a wedding would not be appropriate as part of the post-wedding toasts. Because there are “rules” even if just one person follows those rules, it diminishes the feeling of group cohesion for everyone. In some cases, violating the norms could also have considerable practical consequences. For example, if a small town has a barn-raising event and there are assigned roles and responsibilities, someone simply “winging it” or following some completely different process of home building could be frustrating, counter-productive, or dangerous.

Context: 

Cultures developed separately in many places around the world. Partly to adapt to specific conditions and partly by accident, these cultures developed different cultural practices. There are many cultures around the entire world who celebrate e.g., successes, conceptions, births, deaths, marriages, divorces, graduations, birthdays, coming of age, etc. Aside from rituals and special events, there are also particular places where one is expected to behave in a certain way or certain people such as royalty who are supposed to be addressed in certain ways. There are also particular holidays that precipitate particular behaviors, moods, rituals, etc.

To insure that everyone in the group or community knows what is expected of them, more experienced members of the group or community might conduct training, provide written materials,  to the less experience or perhaps even put some information on a “cheat sheet” of some kind.

Yet, there may always be the possibility of those without the training or instructions to become involved in a social situation with demanding rules. In such cases, it helps to set the context by the words, shapes, colors, music, architecture and thereby let people know what the proper tone should be for the occasion .

People find it very difficult to operate in a sea of ambiguity and therefore seek to find explanations and clarity very quickly. Unfortunately, people therefore tend to jump to a conclusion about someone else and that conclusion can then blind them to further information about that person, particularly when the new information is at odds with the initial impression. So, when someone behaves “badly” — too informally or too formally, for instance, many immediately think badly of them. And, they, in turn, through being embarrassed, think less of the group, event, ritual, etc. than they would have if they had simply been “clued in” as to what was expected.

OLYMPUS DIGITAL CAMERA

OLYMPUS DIGITAL CAMERA

Forces:

  • Everyone comes to expect certain forms of behavior from others in a specific context.
  • The expectations of any one person are primarily based on their own past experiences.
  • The behavior of any other person is largely based on that person’s past experiences. 
  • People are particularly influenced in their perception of something new by their first experience.
  • Because modern cultures are often quite fluid, it often happens in the real world that people enter a Holiday, special event, ritual, building, or website that they are unfamiliar with.
  • When a person seems to be too uptight or too loose for the situation, we tend to make (and stick with) negative attributions about them.
  • When someone attempts to “fit in” to a new group or situation and fails because they couldn’t tell how they were supposed to act, they will tend to reject the group, event, or medium.
  • There are numerous clues that can be used to set a mood or predispose people to behave in certain ways.

Solution:

When designing a website, application, building, party, or basically anything at all, use cues at your disposal to let people know what sorts of behavior and what styles of behavior are appropriate.

IMG_5153

Examples: 

1. Motion picture use both imagery and music at the beginning to let the audience know what this movie is about and even presage how it will turn out. Consider for a moment the difference between the beginning of The Sound of Music and Jaws. In both cases, the imagery and the music are quite appropriate to the overall dramatic arc.

2. You enter a restaurant. Even before you are seated or look at a menu, based on the noise level, background music, architecture, how crowded it is, and how the people are dressed, you generally have a fairly good idea of what is appropriate and inappropriate conversation and behavior as well as what the price range is likely to be.

3. You see a book at the bookstore or on-line. Before buying the book, or indeed, even reading a few pages, you already have an impression based on the cover, the size and age of the book, the blurb, and the author’s profile what type of book this is to be. For example, and hopefully, the cover art of Turing’s Nightmares says: “This is science fiction” and “The world is going to be quite different.” The tone will be somewhat surprising and unpredictable On the other hand, the cover of The Winning Weekend Warrior” is going to be about victory and is set in the real world. The tone will be fun and happy. The dust jacket of Christopher Alexander’s A Pattern Language, looks to me quite formal and serious. It seems rather tome-like because of the sparseness of cover imagery, the typography and the presence of so many authors on the cover.

4. When it comes to social media, of course, a large part of what people “see” in the “entrance” are the posts, blogs, tweets, comments of other participants. If one wanted, for instance, to increase the chances that users were respectful, polite, or rude, one could alter the first few posts, blogs, tweets or comments that a new user saw and that could serve as a model for what was deemed most appropriate.

Resulting Context:

Generally speaking, a context setting entrance will help people behave more appropriately. This will result in less friction, fewer outcasts, greater group cohesion, and greater social capital. It may also help people choose more appropriately among various possible churches, movies, restaurants, movies and on-line venues.

Rationale:

Most people most of the time wish to act appropriately. Letting them know what that is increases the chances that they will be able to.

Related Patterns: 

Special Events. Greater Gathering.

Known Uses:

Metaphors: 

The strongest metaphor that leaps to mind are various “warnings” in the plant and animal kingdom; e.g., brightly colored poisonous snakes and tree frogs as well as “attractors” such as flowers use to attract bees and birds and fish use to attract potential mates.

IMG_9886 

References: 

Alexander, C., Ishikawa, S., Silverstein, M., Jacobsen, M., Fiksdahl-King, I. and Angel, S. (1977), A Pattern Language: Towns, Buildings, Construction. New York: Oxford University Press.

Thomas, J. (2015). The Winning Weekend Warrior: How to succeed at golf, tennis, baseball, football, basketball, hockey, volleyball, business, life, etc.  CreateSpace/Amazon.

Thomas, J. (2016). Turing’s Nightmares: Scenarios and Speculations about “The Singularity.” CreateSpace/Amazon.

IMG_0218

IMG_9850

Customer Experience does not equal Website Design

25 Monday Nov 2013

Posted by petersironwood in Uncategorized

≈ Leave a comment

Tags

Business, Customer, Customer experience, Design, Pen, problem formulation, User (computing), Web design, Website

Website design is important.  Let there be no mistake about that.  That is an interesting and fascinating topic in its own right.  What I am talking about though is much broader.  You can have a very cool looking website; you can make it easy to navigate within that web site, but still make your overall customer experience totally SUCK!   In fact, that seems to be pretty much the norm.

I am a customer.  Let’s say I want to buy a pen on-line.  Is it really necessary for me to create an account?  Do I have to give you my e-mail and make up a user name?  I can just about guarantee that the first N names I choose will already be taken.  So I end up with some impossible to recall username like, PTERESWOODIRON465.   Sure, I will write it down.  Along with 43,235,309 OTHER user names I have.  Then, of course, I need a password.  Of course, I could make up something simple and easy to remember like PEN or even PENPASSWORD.  How secure is that?  Or, I could pick a password that I use on other sites.  Even worse.  Or, I can make up something really hard to crack and marginally hard to remember like trumpetpalmcandle.  But I’ll probably still have to write it down because it will be YEARS before I go your site to buy another pen.  Meanwhile, if you really suck, you are going to ask for demographic information as well.

Now, before we get stuck in the details of what the screen looks like that asks me for this information and whether to use a scroll down list for the state name, can we go back and ask WHY I really need an “account” to order a frigging pen?  Of course, the dream of the site owners is that once I have an account and keep getting unsolicited email from them about all the wonderful deals they have on pens, I will be unable to control myself and buy another pen several times a day.  NOT LIKELY!  Extremely Unlikely, in fact.  Here is my overwhelmingly normal pen buying behavior.  I DON’T.  I go stay at the Motel Six where they leave the light on for me and I take their pen.  It doesn’t bother me in the least that it says MOTEL SIX on it.  If it writes, I use it.  This is not going to change because of your wonderful website design even if it is relatively simple to put in my username and password and then give the details of my upbringing.  What I AM going to do is get so PO’d at the idea of yet another web account that I am not going to buy a pen at your site at all.   I am going to go to Amazon where I already have an account and buy it there.   If I’m really PO’d, I may even tell my friends what an idiotic company PEN INC (fictional name, I think) is for forcing me to create an account just to buy a pen for my nephew’s birthday.  Even sadder is the fact that no-one in PEN INC will ever have the slightest idea that they not only lost a sale but created a really bad customer experience.  — !PSI

Subscribe

  • Entries (RSS)
  • Comments (RSS)

Archives

  • 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

  • America
  • apocalypse
  • COVID-19
  • creativity
  • driverless cars
  • family
  • health
  • management
  • poetry
  • politics
  • psychology
  • science
  • sports
  • story
  • The Singularity
  • Travel
  • Uncategorized
  • Veritas

Meta

  • Register
  • Log in

Blog at WordPress.com.

Cancel