Core77

What Moves? Culture & Interaction Design

By Don Norman - July 10, 2012

in Columns

"Drawing the Passage of Time" by Niek de Snoo; photo by Ray Hu

When What Is Natural for Some Is Not for Others: Culture and Design

I was in Asia, giving a talk. I was given a remote controller for advancing my slides. This one had with two buttons, one above the other. I dislike traditional slides with long streams of text that the speaker reads to the audience, so I have a rule: "No words." Most of my slides are photographs. I was all ready for the first photograph, but when I pushed the upper button to advance to the slide, I was flustered: I went backwards through my slide set, not forward.

"How could this happen?" I wondered. To me, top obviously means forward, bottom backwards. The mapping is clear and obvious. If the buttons had been side-by-side, then the control would have been ambiguous: which comes first, right or left? It isn't clear. But this controller used the correct mapping of top and bottom? Why was this control designed incorrectly?

I decided to use this as an example of design for the audience. I showed them the controller and asked: "to get to my next slide, which button should I push, the top or the button?" To my great surprise, the audience was split in their responses. Many thought that it should be the top button, just as I had thought. But a large number thought it should be the bottom.

What's the correct answer? I discovered that as I asked this question around the world that some people firmly believe that it is the top button and some, just as firmly, believe it is the bottom button. Each is surprised to learn that someone might think differently. Who is correct? Both are.At first I was puzzled, but then I realized that this was a point of view problem: does the person move forward to the next slide (top button) or do the slides move toward the person (bottom button)? I remembered that different cultures view time in this same way: in some cultures, time is represented mentally as a kind stretching out ahead of the person and the person moves forward along the time line. In other cultures, there is the same representation, except now it is the person who is fixed and it is time that moves: an event in the future moves backwards toward the person. The metaphor determines how the world is perceived, and for designers, the metaphor determines whether it should be the top or the bottom button that selects the next slide: the top button of the person moves forward, the bottom button if it is the slides moving backwards.

It turns out that life is even more complex. Some cultures (Mandarin Chinese, for example) often represent the time line vertically. Other cultures have rather different views. For example, does the future lie ahead or behind? To most of us, the question makes no sense: of course, the future lies ahead - the past is behind us. We all speak this way, discussing the arrival of the future and pleased that many unfortunate events of the past have been "left behind."

But why couldn't the past be in front of us and the future behind. Consider this: We can see what is in front of us, but not what is behind just as we can remember what happened in the past but we can't remember the future. Not only that, but we can remember recent events much more clearly than long past events, captured neatly by the visual metaphor in which the past lines up before us, the most recent events being the closest so that they are clearly perceived (remembered), while long-past events are far in the distance, remembered and perceived with difficulty. If time is displayed along a horizontal line, does it go from left to right or right to left? Either answer is correct because the choice is arbitrary, just as the choice of whether text should be strong along the page from left to right or right to left is arbitrary. Turns out, though, that the choice of text direction also corresponds to people's preference for time's direction. People whose native language is Arabic or Hebrew prefer time to flow from left to right (the future being toward the right).

The choice of metaphor dictates the proper design for interaction. Similar issues show up in other domains. Consider the standard problem of scrolling the text in a window. Should the scrolling control move the text or the window? This was a religious debate in the early years of display terminals, long before the development of modern computer systems. Eventually, there was mutual agreement that the cursor arrow keys—and then later on, the way a mouse would move the window scroll bars—would follow the moving window model. When reading text, when the eye got to the bottom of the screen, one moved the window down to review more text, but since in fact the window was firmly fixed by the hardware, the display would show this by moving the text upwards: move the hand down and the text moved up.

In cases where the metaphor was to "grab" the visual image, the motion was the opposite: graph the image and move it in the direction you wanted it to move. In this case, to see more text below what was visible on the screen, grab the text and move it up. Now one moves the hand upwards to see what is lower.

People accepted these conventions quite naturally, so for over a decade this has been the convention. But today, we are switching again, now that we no longer move scroll bars but use gestures to move the text.

Similar issues occurred with airplane displays of attitude: should we show the upward, downward, and pitch of the airplane as an airplane moving against a fixed horizon or as a fixed airplane against a moving horizon. The first is correct if the metaphor is that of someone watching the airplane from behind, where the horizon is fixed as the airplane moves around or from the viewpoint of the pilot where the airplane is fixed and the horizon moves around.

In all cases, every view is correct. It all depends upon what you think is moving.

But wait: I'm not finished. In some Australian Aborigine societies, compass direction is dominant, based on the directions in which the sun rises and sets). Give someone from this community a set of photographs structured in time (for example, photographs of a man aging or a child eating some food) and ask them to order them, and the traditional westerner would order them from left to right, newest photo to the right. But people from these Australian communities would order them east to west, newest to the west. If the person were facing south, the photo would be ordered left to right. If the person were facing north, the photos would be ordered right to left. If the person were facing west, the photos would be ordered along a vertical line extending from the body outward, outwards being the most recent. And, of course, were the person facing eastward, the photos would also be on a line extending out from the body, but with the most recent photo closest to the body.

What does all this mean for design? Good question.

Acknowledgment

I am indebted to Lera Boroditsky for her research on metaphors of time (and for her willingness to discuss it with me).

Boroditsky, L. (2011). How Languages Construct Time (PDF). In Dehaene and Brannon (Eds.), Space, time and number in the brain: Searching for the foundations of mathematical thought. Elsevier.

o

Favorite This
Q
11

Comment

Comments

June

10 years ago

Z

Z

Reply

In Chinese language, we say "xia" one slide to refer to the next slide, "shang" one slide to refer to the previous slide. Both words have another set of meaning with regard to spacial location --- "xia" means below, beneath, under, whereas "shang" means above, on. Therefore, it is quite intuitive for people who use that language to understand a button located on the top being labeled as "shang" meaning previous slide, a button located below labeled as "xia" meaning next slide.
!Report as spam
Michael Bishop

10 years ago

Z

Z

Reply

I think that there might be a simple explanation as to why the slide presentation controller was designed in this way. The design mimics the way one moves forward through a PowerPoint presentation on a desktop computer - by using the down key.

!Report as spam
Reece George

11 years ago

Z

Z

Reply

A timeline interface for the Aboriginal community you mention above could use a symbol of the 'sun', with an 'up arrow', to represent 'beginning'. The same symbol of the 'sun', with a 'down arrow' to represent 'the end'.

Using a geolocation device for this interface would be the best solution. The app would need to rearrange the photos based on the path of the sun.
!Report as spam
Don Norman

11 years ago

Z

Z

Reply

Nice observations about Core77's assumption of which direction means what. One example I should have given was "move the time up a bit." If the meeting was schedule for 4 PM, does that mean to move it to 3 or to 5? Or, if today Thursday and I say to meet "next Friday" do I mean tomorrow or a week from tomorrow? (My wife and I completely disagree about this.)

Don
!Report as spam
Leonard7

11 years ago

Z

Z

Reply

This what I feel: Form follows function, Function follows Form.Which one move first? I don't know. Sometimes, Interaction is created for a product is concentrated on the environment around the product, thus result a culture, like Walkman or iPod. I enjoy how the product function, I like the interaction created on it and I share it with my closed friends and relatives. More and more sharing it, it become culture.
!Report as spam
WBrinkley

11 years ago

Z

Z

Reply

The most important thing to do in design is pick a metaphor and stick with it. If you mix metaphors or are inconsistent in application, you can cause confusion. Generally, if a person interacts with something and it doesn't behave according to their expectations, they can adapt their behavior to the device. And now that so many devices are digital, you can usually just change a setting to suit your preference.

Even Core77's website has some odd navigation issues related to this article.
At the bottom of Page 1 you see:
"View older entries >>"
This won't confuse anyone, since there is only one option.

Page 2:
"<>"
This is also pretty much what would be expected. Although, some people might expect to see something older to the left. Again, this is cultural and the text links make it clear.

Page 3:
"<>"
This is where things get confusing. They have switched to a different metaphor. And many people associate "previous" with "older" and "next" with "newer". But that's not the case here and you would go to the wrong page. At the very least, the link on the right always links to older articles. But there is no reason the link text should change from page 2 to page 3.

And I'm not faulting Core77 for this. I'm sure it's just something that's standard in their CMS software. Even the most design literate can still have issues like this.
!Report as spam
Chris.smith

11 years ago

Z

Z

Reply

Do you mean that arabic readers prefer the future on the left, since the language is read right to left? I may be missing something, but the language and time direction simile seems incorrect, currently.
!Report as spam
daniel erwin

11 years ago

Z

Z

Reply

I've also noticed a similar phenomenon with abstraction - in that guise, most Americans (my only reference group - other perspectives welcomed) would recognize that less-concrete stuff is more airy and should be represented nearer the sky. However, if you put he question in terms of ideas or principles, metaphors of foundational knowledge, basic starting points, and hard truth become more influential and the particulars or details are found nearer the sky.
!Report as spam
c3

11 years ago

Z

Z

Reply

maybe you were holding it upside down?
a cigars a.. ya know.
!Report as spam
Mark

11 years ago

Z

Z

Reply

@Dan: Though the browser and individual blog post buttons and arrows seem to work similarly, go to the bottom of page two of the main site: http://core77.com/blog/default.asp?p=2 Why does the link with left pointing chevrons point to newer posts while the right pointing chevrons link to older posts? That seems inconsistent with the standard already set.
!Report as spam
Dan

11 years ago

Z

Z

Reply

Well thank goodness these handy forward and back buttons at the bottom of this article and at the top of my browser seem to be standard, identical, work just fine and be quite intuitive. I think the important part is that no matter which way things are mapped, we're very versatile beings that can adapt once we observe what happens. Also, when you add motion to the equation, it gives us instant feedback on how our actions are influencing what we're interacting with. Just having a static image change gives us very little information in terms of a point of reference or origin. I think a good example of our ability to adapt would be when I have my wacom tablet mapped disproportionately to the screen (out of curiosity). Somehow after a few tries I can still figure out how to draw circles, elipses, and the lines I want. Overt time it becomes second nature.
!Report as spam