A Nomadic User Experience Lesson – The Airport
In my recent travels to Southeast Asia this summer, I realized, while walking through the Suvarnabhumi Airport (Bangkok), that the airport is a great example of the user experience. Our experiences when traveling (i.e. rushing around in unfamiliar surroundings) offer great similes of the experiences we find when surfing the web, frantically looking for info or diving into a new software application for the first time. For the non-designers out there, this might give you a little insight into how we user experience designers process and think. For the designers, maybe this will come in handy the next time you need to explain the idea of UX design to a new customer!
USER NEEDS
The first thing we have to remember is that successful designs put the user’s needs first. Here we consider the WHAT. Below are a few needs our users might encounter:
| User Needs in the Airport | User Needs Surfing the Web for Info |
|---|---|
| Check in | Find the right website(s) for my search using one or a few search engines |
| Find and get to the right gate for my connection, on time | Find what I’m looking for as quickly as possible because I’m busy or in a hurry |
| Go to the loo | While multi-tasking, I need to stop and then easily pick up right where I left off. |
| Find the baggage claim…and not get lost | Once I click on a desired website, I need to get the exact info I am searching for, not a bunch of things I am not looking for |
| Find my bags | Buy it, get it, download it |
| Get a ride home or to my hotel | Get back to where I started or on to the next search |
This is also what we can call “Task Analysis” – or understanding at the highest level, “What does the user/visitor need to do when they are here?” Designers keep these needs close to their hearts so that whatever they build or create addresses them. When users are successful and pleased with how they can do what they came to do, that is a positive user experience.
INTERACTION DESIGN
The next layer we’d consider is the HOW. How will our users get these tasks done? And if they make a mistake, will they be able to correct themselves, adjust, and find the right path. One way to help surface the possible decisions a user might make, or the order that user might make them in, is to create some scenarios. The scenarios can be based on statistics or common behavior patterns. Or they can be best guesses just to elicit ideas for further testing.
| Interaction Scenarios In the Airport | Interaction Scenarios Surfing the Web |
|---|---|
| I need to find the entrance to the building, scan the airlines, and then find the right ticket counter | I need to open a web browser and choose a search engine. OR I need to open a web browser and go directly to a web site that I’ve been told about or have heard of. |
| Once I’m checked in, I need to get through security, figure out which way my gate is situated, and get there | Since I don’t have much time, I need to scan through the search results and somehow pull out any words or phrases or pictures that look like what I’m looking for. Then I need to decide which ones to click on. |
| Once I’ve made it to my destination, I need to deplane, locate the baggage claim somehow, and head there right away because someone’s coming to pick me up. And if I accidentally head the wrong way, I need to be able to re-route and find the right way. | Once I click on a desired website, I need to take a quick look around, scan images, shapes, sounds, text and any indicators of where to begin. Then I will begin clicking and delving further into the site, with the hopes that I’ll find what I’m searching for. |
| I need to use the loo first so I’ve got to find it, then get back on track to head to the bag claim. | I got sidetracked by a phone call and interrupted my search. After the call, I need to find my place and continue. |
| Once I find the baggage claim, I need to go to the correct carousel and identify the right bags so I don’t have to come back. | At last I find what I’m looking for! But I want to take it with me to use. So I need to figure out how to buy, download, save to my computer, send, share or print it. |
| With my entire luggage in tow, I need to figure out where the taxi stationed or ground transport is located and make my way there. | Now I need to look for something else so I need to get back to the search engine or type in a new site. |
Establishing some “use-case scenarios” like the examples above are stories that can help flush out certain details of a user experience such as potential decision points, error recovery points, and user-specific tasks. These stories bring the problem to life. They can be elaborate or simple depending on the type of website or application, but should be as closely based on user behavior or research as possible. Additionally, these scenarios will vary between distinct user groups or types, which in turn helps uncover a majority of the critical interaction issues that can be experienced.
Once we know what our users need to be able to accomplish – what, how, why, and in what order – we can begin organizing how information will be presented to them. This is how we first begin developing the information architecture, the framework and order that establishes what should be given prominence or de-emphasis as well as when and where.
| Taskflows In the Airport | Taskflows Surfing the Web |
|---|---|
| As I enter, I should be able to scan across the various airline names from a good distance. Then when I’m standing in front of the right airline, I can further decide to stand in the Business Class or Economy Class line. Therefore, the airline names should be one of the most prominent items in sight, since that is what I’d look for first. | Since my first task is to enter search terms in the search engines, the place to do this should be very clear and prominent on the screen, or it should be the only thing I notice on the screen. |
| Security is the next point in our journey so there should be some indication of this path in the vicinity of the exit from the Check-In counter area. | When the search results appear, I need to scan each quickly. Each item’s title should be easy to spot first among the blocks of text, standing out from the short description below. I can read the description later if I need to. |
| As I exit the plane into the gate waiting area at my destination, I should see some indication of my 2 biggest priorities: the baggage claim and the loo. Are they far away? How far? | On the website, I look around and the first things I “should” do, or “would need” to do should be more obvious, larger, or higher up on the page to draw my attention. And when I get to the next page, the next most important information should be prominent. |
| Now that I’m at the baggage claim, my next focus is to find the correct carousel, so the numbers should be prominent and easy to find in the sea of people. I should make sure I’ve found the right bag and not someone else’s that looks like mine. | Now that I found what I need, I want to save or download. Where’s the button? It should be clearly marked at this point. |
| Ground transportation is my next stop after I’ve gathered my bags. The indicator for this location should be prominent along the outskirts of the baggage claim area, close to the exits so I can see them as I’m headed out. | I want to start over but it wasn’t the first thing I wanted to do when I got to this page. The button or link to start over should be conspicuous, but not overpowering the page. It is after all the last thing I had planned to do on this page. |
NAVIGATION DESIGN
From these examples, we are able to uncover some items that can become key pieces of the wayfinding system, or the navigation. In the airport, these would be the signs hanging above your head as you walk around or on the wall or even on the ground. On a website, these would be the main tabs at the top of the page, the primary navigation, secondary navigation, and utility or global navigation.
Back to Bangkok, one neat feature I noticed on the signs after I arrived at the airport was that it left a great “scent” trail for visitors. Scent? Yes, that’s right. In the UX world, scent refers to cues that help lead you to the thing you’re looking for – like a bloodhound on a trail.
The signs leading down the corridor to my transfer area had an extra detail below the word; it read 350 meters…then 250 meters…and so on. I thought that was a nice touch because, though the walk was long, I knew I was walking TOWARD my goal, rather than away from it and I had an incentive to keep going.

INFORMATION DESIGN
With the architecture of the site or space planned out and organized into a structure or hierarchy, we can begin to design for understanding, which is the Information Design. As a traveler, you must become accustomed to new places, cultures, and languages. With that, an important consideration in information design for airports is to communicate clearly and effectively to all who enter, despite the language they speak. This is where iconography can be exceptionally helpful, because as the saying goes, “a picture says a thousand words”, or in this case, says it without words. Icons are used to direct us to the men’s or women’s restroom, taxis, baggage, emergency exits and more.
Another example of information design can be found on the departures and arrivals boards. There can be a dense amount of information that can be overwhelming and hard to decipher as you’re running by it. A way to resolve this is to establish a system for how the information is layed out on the screen, and a grid to align text and numbers so that they are easy to digest and scan. Similar information, like gate numbers, can have the same visual treatment and column position so that a user can quickly learn how to read the board. The same principles apply to the web. Knowing what users are trying to accomplish, we can break down large amounts of info into smaller chunks that are easier to understand, group them into sections, and clarify with support images or icons. A grid structure can also improve understanding. For example, we can allocate certain areas of a page for a sidebar navigation menu, or a bottom area for a special footer, or even a column on the right for certain panels. By setting up these “zones”, the user can begin to learn a pattern of how to find things faster, improving their user experience.
Next time: VISUAL DESIGN – the face of the user experience and my specialty. The top and most apparent layer of the user experience is the visual design. What we’ve learned in this series is that design starts deep in the roots of user needs and the most successful designs are built with this ground up approach. The visual design layer brings it all together by enhancing and reinforcing the interaction, information architecture, navigation, and information design. Introducing the elements of art: line, shape, form, space, texture, value and color; and the principles of design – balance, proportion, rhythm, emphasis and unity in combination with effective use of typography can dramatically turn a user’s experience from one of contentment to sheer delight.








12. Jul, 2010 


Thanks for stopping by. I am a freelance web and graphic designer in Southern California with a crazy passion for new technology, innovative art, and purposeful design. 
Well done here, I think about this stuff all the time at airports.
silla
Its great to see User Experience being thought of in such a hollistic way. Too often I find UX is just considered in terms of ‘making things usble’. Really nice article! thanks for taking the time to post!