You are currently browsing the category archive for the ‘Interaction design’ category.
Survival
There is a certain survival nature in our proclivity toward pictorial information. Being able to accurately assess one’s situation at a glance is an important factor for defending as well as foraging, whether in the forest or the city.
It is interesting that Internet development was a response to a threat to global survival, Bill Washburn once mentioned to me, I think it was around 1995, when we both worked for Mecklermedia (Jupiter Media), the company that created the original Internet World Trade Shows and Internet World publications. The net, he said, provides the impetus and the media and the fertile field for visual language development. It was developed to thrive in a leaderless, anarchic world. (I hope we’re not going there.)
Shared visual experience
Anyone who travels a bit witnesses a multiplicity of common visual cues. Of course there’s the welcome red and white stripe of a Coke sign, signaling refreshment nearby, only one among the many product brands which have become visually ubiquitous and a shorthand for other kinds of information. Signage systems tending toward the uniform have been implemented in transportation arteries.
Of course, there are the common visual cues we’ve always shared as a result of the experience of living on the same planet: sky, sun, stars, trees, rocks, animals, etc. People around the world share more visual experience than at any previous time. With the proliferation of electronic media, this trend is accelerating.
Evolving through data visualization
Our increasing ability to create — and read — visualizations of large, complex, many-dimensional data sets is a manifestation of how we are evolving the “thinking layer” of the planet, as Tielhard de Chardin calls it, which I am assuming is an evolutionary step forward.
As this abstract, thinking layer of the Internet develops and evolves, individuals gain in freedom of choice. And as they make more and more choices, they become ever more themselves.
About the images, top to bottom: the shadow of a utility pole against the neighboring apartment building at sunset, a cell phone credit company sign in rural Jamaica, twisted vines in rural Michigan, a section of a data visualization I made to illustrate the relationships between several dozen databases of customer information at Orbitz Worldwide.
Not so long ago, when content was more of a novelty, words, pictures and numbers in sequence were called “information.” But that’s a misnomer today. Most of the river of symbols that flows through our lives is actually misinformation, because it doesn’t inform. More usually it overwhelms or stupefies or passes by without making much of a dent. At the very least it’s often stuff of incredibly low meaning (my outdoor mailbox) or merely entertaining (most television.)
Information only happens when it informs. Symbolic representations of ideas and analysis, whether marked on paper or HTML-coded, can be called information only when they are meaningful to an audience which is somehow prepared to receive them.
How can you ensure a resonant field for your message? In other words, how can you create that truly rare commodity, information?
It takes two to tango. You have stuff you believe someone may need or want. But the audience must have the appropriate hardware, software and wetware toolkits to process that stuff. You can help by providing them with tools and/or services, or an intellectual context that makes content meaningful enough to be called “information.”
As Jose Arguelles has said, “The essence of information, then, is not its content but its resonance.”
Beneath a change of age lies a change of thought. – Pierre Teilhard de Chardin
Vote for my SXSW presentation at http://panelpicker.sxsw.com/ideas/view/5683
I agree about the banana, but I’m not so sure about the arrow. Not everyone conceptualizes time as a relentless hurtling forward. Some cultures understand time as a fractal, a spiral, a mandala, or a cycle. We have body time, clock time, and Deep Time. Short-term orientation is the norm for some cultures; others emphasize investing for the future, patience and perseverance.
Visualizing temporality is a fundamental issue in interaction design today. Our beliefs about time and its passage profoundly affect the design of software and interactive media. It’s time for interaction designers to understand deeply how our customers know time, whether as an arrow, a spiral or a squiggle. How people slice and dice nature into concepts is fundamental to designing tools people can use to successfully live on the earth.
1. What is the shape of time?
As interaction designers, do we know what mental models our customers use to represent the experience of time?
Calendars, clocks and other models of time often are designed with the understanding that time is a forward-moving arrow, moving from a past moment when time began, to a future end of time.
Three arrows of time are described by theoretical physicist Stephen Hawking. “First, there is the thermodynamic arrow of time, the direction of time in which disorder or entropy increases. Then, there is the psychological arrow of time. This is the direction in which we feel time passes, the direction in which we remember the past but not the future.
NASA diagram of the expanding universe
Finally, there is the cosmological arrow time. This is the direction of time in which the universe is expanding rather than contracting.”
It all sounds very logical, doesn’t it?
That is, it’s logical to the Western, English-speaking scientific mind. However, not everyone conceptualizes time as a relentless hurtling forward and onward?
There are some cultures which believe in a linear time, but as an arrow which rushes backwards toward us from the future. Business people may think of a calendar day as broken up into quarter-hour calendar chunks. I remember that when I was a child, my days were single seamless instants.
José Argüelles’ T’zolkin calendar
The ancient Mayans described time as an interlocking grid of precise intervals between states of being, diagramming this grid as a double helix. The interval between integers is the state of chaos, the matrix for creative activity.
Time has been described as being like a river. A river flows from a source, and at the mouth, it unites with a larger body of water, which eventually evaporates into clouds, from which fall rain, from which rivers form. So if time is like a river, it is both linear and cyclical, with recurring celebrations of Blue Mondays and Harvest moons, birthdays and wedding anniversaries, Beltaine and Christmas.
I grew up with clocks that told the story that time is round, but perhaps it is more like a spiral, because each time the hour hand revolves, we find ourselves in a new, entirely different day. Some believe in reincarnation, a theory which posits that people are reborn higher or lower on the spiral of life, according to one’s behavior.
The founder of the Foundation for the Law of Time, José Argüelles, has suggested that time could be viewed as a mandala, a “field of resonance” or a fractal. Metaphysician, ethnobotanist and art historian Terence McKenna pictured time as a “holographic medium” in which we are embedded like “biological oscillators”. Tielhard de Chardin, who was a French philosopher, Jesuit priest, paleontologist and geologist, spoke of the space/time continuum as having a “convergent nature”, with an “Omega point” of involution.
And some people understand time as boundary-less, with no moment of Creation and no end.
Me, at the tail end of an 18-hour flight, still one hour and fifteen minutes from home.
2. What’s the difference between local time and body time?
As interaction designers, how can we differentiate the personal experience of time from clock time?
Stephen Hawking has said that “…In the theory of relativity there is no unique absolute time, but instead each individual has his own personal measure of time that depends on where he is and how he is moving.” A person taking a long international trip is intensely concerned with specific local clock times and calendar dates, in order to catch planes, arrive at reserved hotel rooms, and rent cars at times when car rental locations are open. However, simultaneously, they are in a new kind of time – body time, which is the aggregate response of one’s own biology to the shifting temporal landscape of travel. For example, I remember arriving in Paris at “breakfast time” when my own body was desperately pleading for “bedtime”. No one will argue that the personal experience of time is highly subjective, and varies from culture to culture. As Rainer Maria Rilke wrote, “… the clocks move separately from our authentic time.”
3. How can we make the time?
As architects of the experience of time, what raw materials do we have to work with?
We are creative beings. To create is to fundamentally transform raw materials, yielding random and unpredictable results. One of those raw materials we can transform is our perception of time – and our perception of time is all there is to time.
Writer and teacher Alice Bailey said, “…time is the sequence of events and of states of consciousness as registered by the physical brain. Where no physical brain exists, what humanity understands by time is nonexistent.” In other words, if a tree falls in the forest and there is no observation of its descent, it fell in no time. Time is a construct, so it doesn’t have an intrinsic shape. It only has the shape we assign it. As we learn to think and behave with more complexity, we give our time more fantastic shapes.
Time and space are dynamic — our choices and behaviors are the algorithms which determine the patterns which are generated.
International travelers at the Miami airport, 2009, making their own time
4. Have I been around long enough to know that you’re the one I want to go through time with?
How can we design interactive experiences of time which attract and engage?
Online travel aggregators such as Kayak, Orbitz, Travelocity and Expedia, and post-booking travel planning sites like TripIt and Dopplr are exploring the best way represent different kinds of time. They are devising date pickers and time pickers. They are investigating ways to represent overall elapsed time, time between flights, flight time, time zone changes, probability of delay, trip segment time, depart/return time, preferred times, requested times, times that are in or out of company policy. Many other web applications, smartphone applications, games and other interactive media are also exploring the frontiers of time visualization.
With a web browser page, we are trapped in the Deep Present. In my industry, the idea is to cram as much functionality as possible into the web page, giving the visitor a bewildering variety of choices, keeping them immersed in your slice of time. Many software conventions have been invented to add depth and dimension to the present moment – dropdown and popup menus, tabbed or hierarchical menus, microcontent, popups, slideouts – but, in truth, everything you see is confined to the screen, and that screen is your Present. A Deep Present, but now, now, now. The past and the future cannot be reliably available the way they are with a book or any printed object, which are built in a left-to-right arrow-of-time manner. Books, in a very tangible way, give one simultaneous access to the present, the page I am reading; the past, the pages I have already read; and the future, which consists of pages I have not yet read.
Since screen real estate is limited, if we want to get the most bang for the buck out of the interactive experience, we must work to expand time for the user. This is a reasonable project.
The luscious twilight at Grandma and Grandpa’s farm in Ontario
When we were very young, and wanted to go out into the luscious twilight and play, a dinner hour could seem like an eternity. As an adult, that same span of time can fly while making love or having an intense conversation. The experience of time is relative, and variable according to the perceptions of the observer. This is a tool which can be played with by the interaction designer.
What makes a kid play with the same toy, over and over again?
5. Is this a good time?
Why should interaction designers turn their attention to the study of time visualization now?
We need to be thoughtful and conscious as we design the representation of time, for our beliefs about time and its passage profoundly affect the design of software and systems, interfaces and visual identity. What goes on in the window is, like spoken and written language, both a mirror of our Selves and deep shaper of our daily lives.
We have a recent example of inadequate attention to the issue of time in the field of software development. The Year 2000 problem, or “millennium bug”, was the result of inadequate attention to the issue of time, in the infancy of software development. As a result, data was trapped in two-digit date formats, and many were challenged convert to four-digit format before the end of 1999.
The representation of temporality is the fundamental issue in interaction design today. For example, one issue is how to design for both Eastern and Western audiences, who differ in the cultural trait described by Dutch anthropologist Geert Hofstede, the Long- versus Short-term Orientation. This trait describes to what extent the group invests for the future, is persevering, and is patient in waiting for results. China is said to lead this dimension, followed by Hong Kong and Taiwan. The United States is seventeenth.
As an interaction designer with an online travel company, I want to know how our customers think of time, whether as an arrow, a spiral or a squiggle. How people slice and dice nature into concepts is fundamental to designing tools people can use to successfully navigate our spinning earth.
The one-liner, “Time flies like an arrow. Fruit flies like a banana.” is by Groucho Marx, an American comedian who lived from 1890 to 1977.
The painting of the dripping watch is by Salvador Dali.
The poster at the top of this post is unattributed; if anyone knows the source, please let me know.
Most of the photos were taken by myself, and the one of me, disgruntled at the end of my trip to Jamaica last fall, was taken by my amused husband.
You’re tasked with architecting or designing the user experience for a new project.
But what do you do if you don’t have a good set of requirements or acceptance criteria? You can work from raw interview notes, whiteboard sketches and assumptions, and draw a Rich Picture.
Drawing a Rich Picture is a way to find out about any problem situation and express it through cartoon-like diagrams which are a preliminary mental model of the situation. The mnemonic “COW TEA” is used to help people remember the elements of the Rich Picture: customers, actors, transformation, worldview, owner, and environment. The Rich Picture is typically drawn before the analysis phase.
After you’ve drawn your Rich Picture, you can go on to engage in more research and other cognitive calisthenics, in order to create more robust mental models.
Below is an example of a hand-drawn Rich Picture, showing COW TEA elements for the process of making coffee!
The Rich Picture depicts things like:
- the structure of user interactions
- the functions of the new feature and how they integrate with existing functions
- basic elements of the process flow
- environmental factors, such a legal, ethical or economic considerations
- “hard” or “soft” information relevant to the project
- types of requirements that will have to be developed
- primary tasks involved in understanding each requirement type.
After you’ve drawn a Rich Picture, you will be ready to write a short (10-word) summary: “We are building a system to transform X into Y.”
Peter Checkland introduced the concept of the Rich Picture in 1981 in his book Systems Thinking, Systems Practice, the textbook on his soft systems approach to creating solutions to human problems. Checkland’s examples are all hand-drawn. But what if you want to revise your drawing? Share it with others? So sometimes I use Visio or Omnigraffle to draw my Rich Picture. Below is an example of a more complex Rich Picture which I drew a few years ago, for a project to integrate a third party event and meeting registration site with a web site used by corporations for managed business travel.











